مغزابزار > آموزش‌ > طراحی و تصویرسازی > آموزش فتوشاپ > چگونه یک اکشن افکت متن خزدار در ادوبی فتوشاپ بسازیم
آموزش فتوشاپ افکت متنی

چگونه یک اکشن افکت متن خزدار در ادوبی فتوشاپ بسازیم

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

چگونه یک اکشن افکت متن خزدار در ادوبی فتوشاپ بسازیم

سطح آموزش: مقدماتی

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

در صورتی که زمان کافی ندارید و میخواهید از این آموزش بگذرید اما به داشتن این اکشن تمایل دارید، میتوانید با کلیک بروی تصویر زیر آن را تهیه کنید. مجموعه کامل و زیبای اکشن فتوشاپ ساخت افکت پوشش خزدار Fur Generator امکاناتی اضافی دارد، بروی هر دو کیفیت dpi 72 و ۳۰۰ dpi جواب میدهد و با شکل‌ها نیز کار میکند.

اکشن فتوشاپ ساخت افکت پوشش خزدار Fur Generator

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

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

دانلود منابع
 

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

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

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

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

ابزار Type (کلید T) را بردارید و بنویسید “ّFUR”. فونت Aller Display را انتخاب کنید و سپس به منوی Window بروید و Character را بزنید و مقدار Size را روی ۳۴۷pt و Tracking را روی ۵۰ تنظیم کنید.

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

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

مرحله ۱

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

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

مرحله ۲

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

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

۴. روش ساخت اکشن

مرحله ۱

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

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

مرحله ۲

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

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

مرحله ۳

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

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

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

مرحله ۴

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

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

مرحله ۵

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

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

مرحله ۶

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

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

مرحله ۷

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

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

مرحله ۸

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

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

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

مرحله ۹

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

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

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

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

مرحله ۱۰

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

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

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

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

مرحله ۱۱

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

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

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

مرحله ۱۲

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

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

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

مرحله ۱۳

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

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

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

مرحله ۱۴

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

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

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

مرحله ۱۵

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

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

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

مرحله ۱۶

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

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

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

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

مرحله ۱۷

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

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

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

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

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

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

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

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

مرحله ۱۸

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

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

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

مرحله ۱۹

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

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

مرحله ۲۰

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

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

مرحله ۲۱

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

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

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

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

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

مرحله ۲۲

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

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

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

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

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

مرحله ۲۳

حالا لازم است که لایه 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 را انتخاب کنید.

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

مرحله ۲۴

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

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

مرحله ۲۵

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

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

مرحله ۲۶

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

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

مرحله ۲۷

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

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

مرحله ۲۸

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

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

  • اولین وقفه ی رنگی را بروی کد رنگ #۰۰۰۰۰۰ و در Location (موقعیت) صفر درصد
  • دومین وقفه ی رنگی را بروی کد رنگ #۸۴۸۴۸۴ و در Location (موقعیت) ۳۰ درصد
  • دومین وقفه ی رنگی را بروی کد رنگ #c0c0c0 و در Location (موقعیت) ۴۸ درصد
  • دومین وقفه ی رنگی را بروی کد رنگ #ffffff و در Location (موقعیت) ۱۰۰ درصد

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

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

مرحله ۲۹

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

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

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

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

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

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

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

  • مطمئن شوید که الگو و براش را نصب کرده‌اید.
  • مطمئن شوید که مقدار Opacity برای Brush و همینطور پارامتر Flow روی ۱۰۰% باشند، دقیقا مثل مرحله ۵ از قسمت “۴- چطور اکشن را ایجاد کنیم”.
  • مطمئن شوید از اینکه اکشن را در حالیکه لایه نوشته انتخاب شده اجرا (Play) میکنید.

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

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

اکشنی که در اینجا ساختیم، بخشی از اکشن Fur Generator است که میتوانید با کلیک بروی تصویر زیر به آن دسترسی یابید.

اکشن فتوشاپ تولید سبزه