روش ایجاد یک اکشن افکت نوشته خزدار در ادوبی فتوشاپ

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

در صورتی که میخواهید این آموزش را رد کنید، اما تمایل دارید تا این اکشن را خریداری کنید، میتوانید به وبسایت GraphicRiver بروید و اکشن Fur Generator را خریداری کنید. مجموعه ی کامل اکشن امکاناتی اضافی دارد، میتوانید از آن بروی تصاویری که رزولوشن 72dpi و 300dpi دارند استفاده کنید، همینطور میتوانید از شکل Shape برای کار با آن استفاده کنید و این قابلیت را دارید که رنگ‌ها و سایز‌های مختلفی برای خز انتخاب کنید.

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

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

• فونت Aller Display
• تصویر پس‌زمینه JPG
  
• براش خز
  
• الگوی تکسچر خز
  

1. چطور پس‌زمینه را برای اکشن تنظیم کنیم

فتوشاپ را باز کنید، به منوی File بروید و Open را بزنید و تصویر FurActionBG.jpg را انتخاب کنید.

2. چطور نوشته را ایجاد کنیم

ابزار Type (کلید T) را بردارید و بنویسید "ّFUR". فونت Aller Display را انتخاب کنید و سپس به منوی Window بروید و Character را بزنید و مقدار Size را روی 347pt و Tracking را روی 50 تنظیم کنید.

3. چطور براش و الگو را نصب کنیم

مرحله 1

به منوی Edit بروید و در Presets، گزینه Preset Manager را انتخاب کنید. در منوی Preset Type ، گزینه Brushes را انتخاب کنید، بروی Load کلیک کنید...و فایل Brush (Fur Tutorial).abr را انتخاب کنید.

مرحله 2

به منوی Edit بروید و در Presets ، گزینه Preset Manager را انتخاب کنید. در منوی Preset Type ، گزینه Patterns را انتخاب کنید ، بروی ...load کلیک کنید و فایل Pattern (Fur Tutorial).pat را انتخاب کنید.

4. روش ایجاد اکشن

مرحله 1

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

مرحله 2

حالا میخواهیم یک مجموعه ی اکشن ایجاد کنیم.  برای انجام این کار بروی آیکون Create New Set کلیک کنید. نام آنرا Fur Action قرار دهید و بروی OK کلیک کنید.

مرحله 3

بروی آیکون Create New Action کلیک کنید، نام آنرا Fur Text قرار دهید و بروی دکمه Record کلیک کنید.

از این نقطه به بعد، هر کاری که انجام بدهید ضبط میشود، پس حواستان به پنل Actions باشد.  در صورتی که اشتباهی انجام دادید، بروی آیکون Stop Playing/Recording (توقف پخش/ضبط) کلیک کنید و مرحله غیرضروری را از اکشن برای نوشته ی Fur حذف کنید. بروی آیکون Begin Recording کلیک کنید تا ادامه دهید.

مرحله 4

در حالیکه لایه نوشته انتخاب شده، به منوی Layer بروید و Rename Layer را انتخاب کنید و آن را به Base Text 1 تغییر نام دهید.

مرحله 5

ابزار Brush (کلید B) را بردارید. فایل براش FUR Brush - Tutorial را انتخاب کنید و سپس حالت ترکیبی را به Normal تغییر دهید و مقدار Opacity و Flow را بروی 100 درصد تنظیم کنید و مطمئن شوید که آیکون‌های کنار آن انتخاب نشده باشند.

مرحله 6

حالا اجازه دهید یک لایه جدید ایجاد کنیم. به منوی Layer بروید و در New ، گزینه Layer را انتخاب کنید، نام آنرا Fur-1 قرار دهید و بروی OK کلیک کنید.

مرحله 7

لایه Base Text 1 را دوباره انتخاب کنید و به منوی Type بروید و گزینه Create Work Path را کلیک کنید.

مرحله 8

حالا لایه Fur-1 را انتخاب کنید، پنل Paths را با رفتن به منوی Window و انتخاب Path باز کنید، بروی Work Path کلیک راست را بزنید و گزینه Stroke Path را انتخاب کنید. در منوی کشویی گزینه Brush را بزنید و تیک انتخاب Simulate Pressure را بردارید، و بروی OK کلیک کنید.

بعد از آن، مسیر Work Path را از پنل Path باز کنید.

مرحله 9

به پنل Layers برگردید. حالا باید نوشته را با خز ادغام کنید. برای انجام این کار، لایه Fur-1 را در پنل Layers انتخاب کنید و کلید Shift را نگه دارید و گزینه Base Text 1 را انتخاب کنید.

حالا کلید Shift را نگه دارید، بروی لایه Fur-1 کلیک راست را بزنید و گزینه Merge Layers (یکی کردن لایه‌ها) را انتخاب کنید.

مرحله 10

حالا میخواهیم یک استایل لایه Layer Style اضافه کنیم. بروی لایه Fur-1 کلیک دوبل را بزنید تا استایل را بصورت زیر به لایه اعمال کنید:

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

• Style: Inner Bevel (استایل: اریب از داخل)
• Technique: Smooth (متد: صاف)
• Depth: %63 (عمق)
• Direction: Up (جهت: بالا)
• Size: 24 px (اندازه)
• Soften: 16 px (ملایم کردن)
• تیک گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
• Angle: 13º (زاویه)
• Altitude: 42º (ارتفاع)
• Gloss Contour: Gaussian (برجستگی براقیت)
• Anti-aliased: True (ضد نویز: فعال)
• Highlight Mode: Soft (حالت ترکیبی هایلایت)
• Color of the Highlight mode: #ffffff (رنگ حالت ترکیبی هایلایت)
• Opacity of the Highlight: 65% (شفافیت هایلایت)
• Shadow Mode: Overlay (حالت ترکیبی سایه)
• Color of the Shadow Mode: #362a1a (رنگ حالت ترکیبی سایه)
• Opacity of the Shadow Mode: 26% (شفافیت حالت ترکیبی سایه)

مرحله 11

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

• Contour: Gaussian (نقش برجستگی)
• گزینه Anti-Aliased (ضد نویز) تیک نخورده باشد
• Range: 61% (گستره)

مرحله 12

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

• Blend Mode: Screen (حالت ترکیبی)
• Opacity: 25% (شفافیت)
• Noise: 0% (نویز)
• Color: #cfb9a6 (رنگ)
• Technique: Softer (متد)
• Source: Center (منبع موقعیت اعمال استایل: مرکز)
• Choke: 4% (محدود کردن استایل)
• Size: 213 px (اندازه)
• Contour: Linear (نقش برجستگی خطی)
• گزینه Anti-Aliased (ضد نویز) تیک نخورده باشد.
• Range: 100% (گستره)
• Jitter: 0% (تغییرات)

مرحله 13

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

• Blend Mode: Color (حالت ترکیبی)
• Color: #ffffff (رنگ)
• Opacity: 21% (شفافیت)

مرحله 14

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

• Blend Mode: Normal (حالت ترکیبی)
• Opacity: 100% (شفافیت)
• Pattern (الگو): الگویی که دانلود کردید یعنی فایل Pattern (Fur Tutorial).pat را انتخاب کنید.
• Scale: 25% (اندازه)
• انتخاب Link with Layer (ارتباط با لایه) تیک خورده باشد.

مرحله 15

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

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

مرحله 16

در صورتی که از فتوشاپ نسخه CC استفاده نمیکنید، بروی OK کلیک کنید و مستقیما به مرحله 18 بروید. در غیر اینصورت به همین ترتیب ادامه دهید.

یک استایل Drop Shadow دیگر زیر اولی با تنظیمات زیر اضافه کنید:

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

مرحله 17

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

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

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

تصویر شما باید اینگونه به نظر برسد:

یا در صورتی که از نسخه قدیمی تر فتوشاپ استفاده میکنید باید اینطور باشد:

مرحله 18

در صورتی که از ادوبی فتوشاپ نسخه CC استفاده میکنید مرحله 23 را رد کنید.

دو نسخه از لایه Fur-1 ایجاد کنید و آنها را زیر نمونه اصلی قرار دهید.

مرحله 19

بروی نسخه اول کلیک راست را بزنید و گزینه Clear Layer Style را انتخاب کنید. برای نسخه دوم هم کار مشابه را انجام دهید.

مرحله 20

درصد Fill هر دو نسخه را به 0% تغییر دهید.

مرحله 21

بروی نسخه اول کلیک دوبل را بزنید تا یک استایل لایه Layer Style جدید ایجاد کنید.

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

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

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

مرحله 22

بروی نسخه دوم کلیک دوبل کنید تا یک استایل لایه Layer Style جدید اضافه کنید.

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

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

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

مرحله 23

حالا لازم است که لایه Fur-1 را به یک Smart Object تبدیل کنید.

برای ادوبی فتوشاپ نسخه CC:

بروی لایه Fur-1 کلیک راست را بزنید و گزینه Convert to Smart Object را انتخاب کنید.

برای نسخه‌های پیشین ادوبی فتوشاپ:

لایه Fur-1 را انتخاب کنید، کلید Shift را نگه دارید و بروی Fur-1 copy 2 کلیک کنید. کلید Shift را رها کنید و سپس بروی لایه Fur-1 کلیک راست را بزنید و گزینه Convert to Smart Object را انتخاب کنید.

مرحله 24

حالا میخواهیم رنگ خز را تغییر دهیم. آن را سفید میکنیم.  به پنل Adjustments بروید و بروی Gradient Map کلیک کنید. در صورتی که آنرا نمیبینید، به منوی Window بروید و گزینه Adjsutments را انتخاب کنید.

مرحله 25

کل تصویر کمی عجیب خواهد شد، اما نگران نباشید. لایه Gradient map 1 را به Gradient Color تغییر نام دهید.

مرحله 26

بروی لایه Gradient Color کلیک راست را بزنید و گزینه Create Clipping Mask را انتخاب کنید.

مرحله 27

در لایه ی Gradient Color بروی آیکون Gradient کلیک دوبل کنید. پنل Properties باز خواهد شد.

مرحله 28

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

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

• اولین وقفه ی رنگی را بروی کد رنگ #000000 و در Location (موقعیت) صفر درصد.
• دومین وقفه ی رنگی را بروی کد رنگ #848484 و در Location  (موقعیت) 30 درصد
• دومین وقفه ی رنگی را بروی کد رنگ #c0c0c0 و در Location  (موقعیت) 48 درصد
• دومین وقفه ی رنگی را بروی کد رنگ #ffffff و در Location  (موقعیت) 100 درصد

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

مرحله 29

لایه Fur-1 را به Fur تغییر نام دهید، و سپس ضبط اکشن را متوقف کنید.

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

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

ما با ایجاد نوشته شروع کردیم، و در حالیکه اکشن را ضبط میکردیم، یک حاشیه به آن با براش و یک مسیر اضافه کردیم، سپس یک استایل لایه و نهایتا یک گرادینت مپ اضافه کردیم تا رنگ آنرا تغییر دهیم.

چیزهایی که باید قبل از اجرای اکشن یادتان باشد:

• مطمئن شوید که الگو و براش را نصب کرده‌اید.
• مطمئن شوید که مقدار Opacity برای Brush و همینطور پارامتر Flow روی 100% باشند، دقیقا مثل مرحله 5 از قسمت "4- چطور اکشن را ایجاد کنیم".
• مطمئن شوید از اینکه اکشن را در حالیکه لایه نوشته انتخاب شده اجرا (Play) میکنید.

برای اجرای اکشن، لازم است که اکشن Fur Text را انتخاب کنید و در پنل Actions بروی آیکون Play کلیک کنید.

امیدوارم از این آموزش لذت برده باشید و حتما نظرات خودتان را با ما در میان بگذارید. اکشنی که ایجاد کردیم بخشی از آیتم Fur Generator است.