Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

روش ایجاد افکت نوشته پارچه فابریک کمو در ادوبی فتوشاپ

by
Difficulty:BeginnerLength:ShortLanguages:

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product image
What You'll Be Creating

در این آموزش به شما روش ایجاد افکت نوشته پارچه کمو در ادوبی فتوشاپ را نشان خواهم داد. یاد میگیرید که چطور از بعضی فیلترهای فتوشاپ استفاده کنید و با آنها الگوهایی ایجاد کنید. سپس یاد میگیرید که از الگوها در استایل لایه استفاده کنید تا نتیجه نهایی را بسازید.

اگر تمایل دارید که این آموزش را رد کنید، اما میخواهید افکت نوشته را خریداری کنید، میتوانید سری به وبسایت GraphicRiver بزنید و استایل‌های پارچه فابریک را تهیه کنید.

این مجموعه کامل شامل هشت افکت نوشته است و با شکل و نوشته کار میکند.

Fabric Styles
استایل‌های پارچه فابریک

فایل‌های آموزش

از فایل‌های زیر در حین این آموزش استفاده شده است.

  • فونت Aller Display
  • تصویر پس‌زمینه و نقش برجسته در داخل فایل zip به این آموزش ضمیمه شده‌اند.

1. روش ایجاد الگوی پارچه فابریک

مرحله 1

فتوشاپ را باز کنید و یک سند جدید با ابعاد 18 در 18 پیکسل ایجاد کنید.

Creating a new document

مرحله 2

رنگ زمینه جلو را به کد رنگ #6b6b6b تغییر دهید.

Changing the foreground color

مرحله 3

کلیدهای Ctrl و Shift و N را بزنید تا یک لایه جدید ایجاد کنید. سپس ابزار Rectangle را بردارید و یک مربع با سایز 6x6px در گوشه سمت چپ بالا رسم کنید (میتوانید با گرفتن کلیدهای Ctrl و Space و زدن کلیک چپ در تصویر زوم کنید)

ما به یک تکسچر درست مثل تصویر زیر نیاز داریم. توجه کنید که ما سه رنگ مختلف در تصویر داریم: رنگ #6b6b6b برای رنگ روشن، #3f3f3f برای رنگ میانه و #121212 برای رنگ تیره. به ایجاد مربع 6x6px در لایه‌های جداگانه ادامه دهید تا کل سند 18x18px پر شود.

Creating the texture

مرحله 4

به منوی Edit بروید و گزینه Define Pattern را بزنید و نام الگو را بصورت Fabric Texture Tutorial قرار دهید. سپس بروی OK بزنید تا الگو را ذخیره کنید.

Saving the pattern

2. روش ایجاد تکسچر پارچه کمو

مرحله 1

یک سند با سایز 486 در 486 پیکسل ایجاد کنید.

Creating a new document

مرحله 2

کلید D را بزنید تا رنگ‌های زمینه جلو و عقب را ریست کنید. سپس به منوی Filter بروید و در Render ، گزینه Clouds را انتخاب کنید.

Using the Clouds filter

مرحله 3

به منوی Filter بروید و در Pixelate ، گزینه Mosaic را بزنید، مقدار Cell Size را به 18 مربع تغییر دهید و بروی OK کلیک کنید.

Using the Mosaic filter

مرحله 4

به منوی Filter بروید و گزینه Filter Gallery را انتخاب کنید. در دسته Artistic ، گزینه Cutout را با این تنظیمات انتخاب کنید:

  • بخش Number of Levels (تعداد سطوح) را روی 4 یا 5 قرار دهید (آزمایش کنید و ببینید کدام را بیشتر میپسندید)
  • Edge Simplicity: 1 (سادگی لبه)
  • Edge Fidelity: 1 (صافی لبه)
Using the cutout filter

مرحله 5

حالا بروی لایه Background کلیک دوبل کنید تا قفل لایه را باز کنید و سپس نام آنرا به Base Camo تغییر دهید و بروی OK کلیک کنید.

Renaming the layer

مرحله 6

بروی لایه Base Camo کلیک دوبل کنید تا پنجره Layer Style را باز کنید. یک استایل Pattern Overlay (پوشش الگو) با این تنظیمات اضافه کنید:

  • Blend Mode: Hard Light (حالت ترکیبی)
  • Opacity: 52% (شفافیت)
  • برای Pattern (الگو) ، الگویی که قبلا ایجاد کردید یعنی Fabric Texture Tutorial را انتخاب کنید.
  • Scale: 100% (اسکیل)
  • گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد

بروی OK کلیک کنید.

Pattern Overlay settings

تصویر شما باید همچون زیر باشد:

How the image should look

مرحله 7

به منوی Window بروید و Adjustments را بزنید تا پنل Adjustments را باز کنید.

Opening the Adjustments Panel

مرحله 8

با کلیک روی آخرین آیکون پنل، افکت Gradient Map را اضافه کنید.

Creating a gradient map layer

مرحله 9

بروی آیکون گرادینت لایه‌ی Gradient Map 1 کلیک کنید و بدین ترتیب پنل Properties باز خواهد شد.

Opening the properties panel

مرحله 10

بروی نوار گرادینت پنل Properties کلیک کنید تا ویرایشگر گرادینت (Gradient Editor) را باز کنید.

شما میتوانید در مرحله ی بعدی با رنگ‌ها بازی کنید و رنگ‌های مختلفی بسازید. من میخواهم یک تکسچر سبز ایجاد کنم.

یک گرادینت با این تنظیمات ایجاد کنید:

  • رنگ توقف اول: #0c1005
  • موقعیت توقف اول: %0
  • رنگ توقف دوم: #8aa269
  • موقعیت توقف دوم: %51
  • رنگ توقف سوم: #e3efcc
  • موقعیت توقف سوم: %100
Creating a Gradient map

مرحله 11

لایه Base Camo را انتخاب کنید و به منوی Edit بروید و Define Pattern را انتخاب کنید و سپس نام الگو را Camo Fabric قرار دهید و بروی OK کلیک کنید.

Saving the pattern

3. روش ایجاد تکسچر حاشیه

مرحله 1

یک سند با ابعاد 4x4px و با پس زمینه سیاه ایجاد کنید.

Creating a new document

مرحله 2

بروی تصویر زوم کنید تا اینکه پیکسل‌ها را بصورت تک‌تک ببینید. سپس ابزار Pencil را با سایز 1px بردارید و یک خط سفید مورب همانطور که در تصویر نشان داده شده ترسیم کنید.

Drawing a white line with the pencil tool

مرحله 3

به منوی Edit بروید و Define Pattern را انتخاب کنید و نام آنرا Border Texture قرار دهید.

Saving the pattern

4. روش ایجاد استایل‌های لایه

مرحله 1

تصویر پس زمینه که داخل فایل zip ضمیمه شده به این آموزش است را باز کنید.

Background image

مرحله 2

ابزار Type (کلید T) را بردارید و فونت Aller Display را با سایز 179pt تنظیم کرده و کلمه FABRIC را بنویسید. سپس آنرا روی تاقچه در تصویر پس زمینه قرار دهید.

Horizontal type tool and its settings

مرحله 3

بروی لایه نوشته کلیک دوبل کنید تا پنجره استایل لایه (Layer Style) باز شود.

با استایل Pattern Overlay شروع میکنیم تا بتوانیم ببینیم چه چیزی در تصویر اتفاق می افتد.

استایل Pattern Overlay را با این تنظیمات اضافه کنید:

  • Blend Mode: Normal (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • Pattern (الگو): تکسچری که ایجاد کردیم یعنی Camo Fabric را انتخاب کنید.
  • Scale: 25% (اسکیل)
  • گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد.
Pattern Overlay settings

مرحله 4

یک استایل Bevel & Emboss با این تنظیمات اضافه کنید:

  • Style: Emboss (استایل: برجستگی)
  • Technique: Smooth (متد: روش)
  • Depth: 174% (عمق)
  • Direction: Up (جهت: بالا)
  • Size: 4 px (سایز)
  • Soften: 0 px (ملایم کردن)
  • گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
  • Angle: 90º (زاویه)
  • Altitude: 48º (ارتفاع)
  • Gloss Contour (برجستگی براق): بروی باکس روبروی آن کلیک کنید و Load را بزنید تا فایل نقش برجستگی داخل فایل زیپ را باز کنید.
  • Highlight Mode: Screen (حالت ترکیبی هایلایت)
  • Highlight Mode Color: #ffffff (رنگ حالت ترکیبی هایلایت)
  • Highlight Mode Opacity: 10% (شفافیت حالت ترکیبی هایلایت)
  • Shadow Mode: Normal (حالت ترکیبی سایه)
  • Shadow Mode Color: #364928 (رنگ حالت ترکیبی سایه)
  • Shadow Mode Opacity: 81% (شفافیت حالت ترکیبی سایه)
Bevel and Emboss settings

مرحله 5

یک استایل Stroke با تنظیمات زیر اضافه کنید:

  • Size: 4 px (سایز)
  • Position: Outside (موقعیت: بیرون)
  • Blend Mode: Normal (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • گزینه Overprint (چاپ روی هم) تیک نخورده باشد
  • Fill Type: Pattern (نوع پر کردن: الگو)
  • Pattern (الگو): الگوی Camo Fabric را انتخاب کنید.
  • Scale: 25% (اسکیل)
  • Link with Layer (ارتباط با لایه) تیک خورده باشد.
Stroke settings

مرحله 6

یک Inner Shadow (سایه داخلی) با تنظیمات زیر اضافه کنید:

  • Blend Mode: Linear Light (حالت ترکیبی)
  • Opacity: 2% (شفافیت)
  • گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد.
  • Angle: -27º (زاویه)
  • Distance: 6 px (فاصله)
  • Choke: 6% (محدود کردن)
  • Size: 8 px (سایز)
  • Contour: Linear (نقش برجسته)
  • گزینه Anti-Aliased تیک نخورده باشد.
  • Noise: 0% (نویز)
Inner Shadow settings

مرحله 7

یک افکت Inner Glow با این تنظیمات اضافه کنید:

  • Blend Mode: Overlay (حالت ترکیبی)
  • Opacity: 20% (شفافیت)
  • Noise: 0% (نویز)
  • Color: #ffffff
  • Technique: Softer (متد: ملایم‌تر)
  • Source: Center (سورس: مرکز)
  • Choke: 39% (محدود کردن)
  • Size: 27 px (سایز)
  • Contour: Linear (نقش برجسته)
  • گزینه Anti-Aliased (ضدنویز) تیک نخورده باشد.
  • Range: 85% (گستره)
  • Jitter: 0% (دگرگونی)
Inner Glow settings

مرحله 8

یک استایل Outer Glow با این تنظیمات اضافه کنید:

  • Blend Mode: Linear Light (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • Noise: 59% (نویز)
  • Color: #969c8e (رنگ)
  • Technique: Softer (متد: ملایم‌تر)
  • Spread: 100% (انتشار)
  • Size: 4 px (سایز)
  • Contour: Linear (نقش برجسته)
  • گزینه Anti-Aliased (ضدنویز) تیک خورده باشد
  • Range: 100% (گستره)
  • Jitter: 0% (دگرگونی)
Outer Glow settings

مرحله 9

یک افکت Drop Shadow با این تنظیمات اضافه کنید:

  • Blend Mode: Normal (حالت ترکیبی)
  • Color: #000000 (رنگ)
  • Opacity: 100% (شفافیت)
  • گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
  • Angle: 146º (زاویه)
  • Distance: 1 px (فاصله)
  • Spread: 26% (انتشار)
  • Size: 10 px (سایز)
  • Contour: Linear (نقش برجسته)
  • گزینه Anti-Aliased (ضد نویز) تیک نخورده باشد.
  • Noise: 0% (نویز)
  • گزینه Layer Knocks Out Drop Shadow (غلبه لایه بر سایه) تیک خورده باشد.
Drop Shadow settings

مرحله 10

لایه نوشته را انتخاب کنید و کلیدهای Ctrl و J را بزنید تا آنرا تکثیر کنید. سپس نام لایه کپی شده را به Camo Top تغییر دهید.

Renaming the layer

مرحله 11

روی لایه Camo Top کلیک راست را بزنید و Clear Layer Style را انتخاب کنید. سپس روی آن کلیک دوبل بزنید تا پنجره Layer Style را باز کنید.

یک استایل Bevel & Emboss با این تنظیمات اضافه کنید:

  • Style: Emboss (استایل: برجستگی)
  • Technique: Smooth (متد: هموار)
  • Depth: 174% (عمق)
  • Direction: Up (جهت: بالا)
  • Size: 4 px (سایز)
  • Soften: 0 px (ملایم کردن)
  • گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
  • Angle: 90º (زاویه)
  • Altitude: 48º (ارتفاع)
  • Gloss Contour (برجستگی براق): فایل برجستگی که قبلا نصب کردید یعنی Fabric Custom را انتخاب کنید.
  • گزینه Anti-Aliased (ضد نویز) تیک خورده باشد
  • Highlight Mode: Screen (حالت ترکیبی هایلایت)
  • Highlight Mode Color: #ffffff (رنگ حالت ترکیبی هایلایت)
  • Highlight Mode Opacity: 0% (شفافیت حالت ترکیبی هایلایت)
  • Shadow Mode: Normal (حالت ترکیبی سایه)
  • Shadow Mode Color: #4d6326 (رنگ حالت ترکیبی سایه)
  • Shadow Mode Opacity: 15% (شفافیت حالت ترکیبی سایه)
Bevel and Emboss settings

مرحله 12

یک استایل Stroke با این تنظیمات اضافه کنید:

  • Size: 2 px (سایز)
  • Position: Outside (موقعیت: بیرون)
  • Blend Mode: Linear Dodge - Add (حالت ترکیبی)
  • Opacity: 45% (شفافیت)
  • گزینه Overprint (چاپ روی هم) تیک نخورده باشد
  • Fill Type: Pattern (حالت پر کردن: الگو)
  • Pattern (الگو): گزینه Border Texture را انتخاب کنید (این الگو تصویر دوخت روی لبه‌ها را ایجاد میکند)
  • Scale: 200% (سایز)
  • گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد
Stroke settings

مرحله 13

یک استایل Inner Shadow (سایه داخلی) با این تنظیمات اضافه کنید:

  • Blend Mode: Soft Light (حالت ترکیبی)
  • Color: #000000
  • Opacity: 20% (شفافیت)
  • استفاده از Use Global Light تیک نخورده باشد.
  • Angle: -27º (زاویه)
  • Distance: 0 px (فاصله)
  • Choke: 62% (محدود کردن)
  • Size: 10 px (سایز)
  • Contour: Linear (نقش برجسته)
  • گزینه Anti-Aliased (ضدنویز) تیک نخورده باشد.
  • Noise: 0% (نویز)
Inner Shadow settings

مرحله 14

یک استایل Inner Glow (سایه داخلی) با این تنظیمات اضافه کنید:

  • Blend Mode: Overlay (حالت ترکیبی)
  • Opacity: 4% (شفافیت)
  • Noise: 0% (نویز)
  • Color: #ffffff (رنگ)
  • Technique: Softer (متد: ملایم‌تر)
  • Source: Center (سورس: مرکز)
  • Choke: 53% (محدود کردن)
  • Size: 16 px (سایز)
  • Contour: Linear (نقش برجستگی)
  • Anti-Aliased (ضد نویز) تیک نخورده باشد
  • Range: 85% (گستره)
  • Jitter: 0% (دگرگونی)

بعد از آن بروی OK کلیک کنید.

Inner Glow settings

تبریک میگم، کار شما تمام شد!

در این آموزش روش ایجاد افکت نوشته پارچه فابریک کمو در ادوبی فتوشاپ را یاد گرفتید.

ما با ایجاد یک تکسچر پارچه فابریک شروع کردیم، سپس تکسچر کمو را ایجاد کردیم و هر دو تکسچر را با هم ادغام کردیم. سپس تکسچر سوم را برای حاشیه نوشته ایجاد کردیم. بعد از آن، دو استایل لایه با استفاده از هر سه تکسچر ساختیم.

فراموش نکنید که استایل‌ها را ذخیره کنید تا از آن برای چیزهای دیگر استفاده کنید.

Final Result

امیدوارم که از این آموزش لذت برده باشید و در صورت تمایل نظرات خود را در زیر قرار دهید.

این افکت نوشته‌ای که ساختیم بخشی از آیتم Fabric Styles (استایل‌های پارچه فابریک) است.

Fabric Styles
استایل‌های پارچه فابریک
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.