Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

این افکت متن بخشی از اکشن فتوشاپ برگ ساز Leaf Generator Photoshop Action است.

قابلیت های اکشن کامل بدین صورت هستند:

  • با هر فونت و شکلی به خوبی عمل می کند.
  • رنگ ها و استایل لایه کاملا قابل ویرایش است.
  • پشتیبانی از کیفیت 300dpi و 72dpi
  • از 6 رنگ مختلف میتوانید انتخاب کنید.
  • با نسخه های CS5 و CS6 و CC اجرا می شود.
  • یک فایل PSD با رزولوشن بالا همراه با شاخه ها و پرندگان در فایل موجود است.
Leaf Generator promo
اکشن فتوشاپ برگ ساز Leaf Generator

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

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

آیتم های علامت گذاری شده با * داخل فایل زیپ فشرده ضمیمه شده در این آموزش هستند و برای استفاده در این آموزش ویرایش و آماده شده اند.

1. چطور زمینه را ایجاد کنیم

مرحله 1

نام آنرا در بخش Name روی Leaf Generator قرار دهید:

  • نام آنرا در بخش Name روی Leaf Generator قرار دهید
  • ابعاد: 850x553px
  • رزولوشن: 72dpi
  • Color Mode (فضای رنگ) روی RGB Color 8 bit باشد
  • گزینه Background Contents (محتوای زمینه) روی رنگ سفارشی #193333 قرار دهید
Creating a new document

مرحله 2

روی لایه Background کلیک دوبل بزنید و آنرا به BG تغییر نام دهید. سپس روی آن کلیک راست بزنید و گزینه Convert to Smart Object را انتخاب کنید.

Converting the BG layer to a Smart Object

مرحله 3

به منوی Filter بروید و در Noise گزینه Add Noise را انتخاب کنید و از این تنظیمات استفاده کنید:

  • Amount: 1.12% (مقدار نویز)
  • Distribution: Gaussian (توزیع: گوسی)
  • Monochromatic: On (تک رنگ: فعال)
Adding a noise filter

مرحله 4

حالا روی لایه BG کلیک دوبل بزنید تا پنل Layer Style را باز کنید. سپس یک استایل Inner Glow با این تنظیمات اعمال کنید.

  • Blend Mode: Multiply (حالت ترکیبی)
  • Opacity: 65% (شفافیت)
  • Noise: 0% (نویز)
  • Color: #102a50 (رنگ)
  • Technique: Softer (متد: ملایم تر)
  • Source: Edge (منبع: لبه)
  • Choke: 26% (انسداد)
  • Size: 250 px (سایز)
  • Contour: Linear (برجستگی: خطی)
  • ضد نویز Anti-aliased روی On (فعال)
  • Range: 100% (گستره)
  • Jitter: 0% (دگرگونی)

بعد از آن، روی OK کلیک کنید تا پنجره Layer Style بسته شود.

Inner Glow Settings

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

مرحله 1

برای این مرحله، میخواهیم از براش ها و الگوی داخل فایل ضمیمه زیپ این آموزش استفاده کنیم. من با استفاده از تصویر Ficus Pumila (مولف: Khalid Mahmood) یک الگو (Pattern) ساختم. آنرا بطور یکپارچه ایجاد کردم، چند نویز را از روی آن حذف کردم، چند نمونه از جزئیات سخت آنرا هم حذف کردم و رنگ های آنرا تغییر دادم. الگوی داخل فایل زیپ نسبت به سایز اصلی تا 25 درصد کوچک شده، بنابراین برای این آموزش عالیست.

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

پس بدون هیچ دردسر دیگری ادامه میدهیم.

به منوی Edit بروید و در Preset ، گزینه Preset Manager را انتخاب کنید و در منوی کشویی Patterns را انتخاب کنید. سپس روی Load کلیک کنید و تکسچر Leaf Generator Texture داخل فایل زیپ را نصب کنید. بعد از آن، Brushes را انتخاب کنید و فایل Leaf Generator Brushes - Tutorial (که این هم داخل فایل زیپ هست) را لود کنید. از براش ها میخواهیم بعدا استفاده کنیم.

Installing the necessary files

مرحله 2

ابزار Horizontal Type (کلید T) را بردارید و فونت را روی Kingthings Organica قرار دهید و اندازه فونت را روی 287pt تنظیم کنید. سپس بنویسید leaf.

Horizontal Type Tool Settings

مرحله 3

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

  • Blend Mode: Normal (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • Pattern: Leaf Generator Texture (الگو)
  • Scale: 100% (مقیاس)
  • Link with Layer: On (لینک به لایه: فعال)
Pattern Overlay settings

مرحله 4

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

  • Blend Mode: Overlay (حالت ترکیبی)
  • Opacity: 25% (شفافیت)
  • Dither: Off (ترکیب پیکسل: غیرفعال)
  • Gradient: Black, White (گرادینت سیاه به سفید)
  • گزینه Reverse (معکوس) غیرفعال باشد
  • Align with Layer: On (همترازی با لایه: فعال)
  • Style: Linear (استایل: خطی)
  • Angle: 90° (زاویه)
  • Scale: 100% (اسکیل)
Gradient Overlay settings

مرحله 5

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

  • (Blend Mode: Linear Dodge (Add (حالت ترکیبی)
  • Opacity: 59% (شفافیت)
  • Noise: 0% (نویز)
  • Color: #acff62 (رنگ)
  • Technique: Softer (متد: ملایم تر)
  • Source: Edge (منبع: لبه)
  • Choke: 0% (انسداد)
  • Size: 17 px (سایز)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: On (ضد نویز: فعال)
  • Range: 100% (گستره)
  • Jitter: 0% (دگرگونی)
Inner Glow Settings

مرحله 6

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

  • Blend Mode: Hard Light (حالت ترکیبی)
  • Color: #122d02 (رنگ)
  • Opacity: 100% (شفافیت)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: -180° (زاویه)
  • Distance: 15 px (فاصله)
  • Choke: 0% (انسداد)
  • Size: 11 px (اندازه)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: Off (ضد نویز: غیرفعال)
  • Noise: 0% (نویز)
Inner Shadow settings

مرحله 7

یک استایل Bevel & Emboss (برآمدگی و برجستگی) با این تنظیمات اضافه کنید:

  • Style: Inner Bevel (استایل: برآمدگی داخلی)
  • Technique: Smooth (متد: هموار)
  • Depth: 178% (عمق)
  • Direction: Up (جهت: بالا)
  • Size: 4 px (مقیاس)
  • Soften: 6px (نرمی)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: -135° (زاویه)
  • Altitude: 32° (ارتفاع)
  • Gloss Contour: Rolling Slope - Descending (برجستگی براق: شیب نورد - نزولی)
  • Anti-aliased: On (ضد نویز: فعال)
  • Highlight Mode: Screen (حالت ترکیبی هایلایت)
  • Highlight Color: #e1ff90 (رنگ هایلایت)
  • Highlight Opacity: 31% (شفافیت هایلایت)
  • Shadow Mode: Darken (حالت ترکیبی سایه)
  • Shadow Color: #000000 (رنگ سایه)
  • Shadow Opacity: 22% (شفافیت سایه)
Bevel Emboss Settings

مرحله 8

حالا روی دکمه ساخت استایل جدید کلیک کنید و آنرا با عنوان Leaves Small ذخیره کنید. سپس گزینه های Include Layer Effect (در نظر گرفتن افکت لایه) و Include Layer Blending (در نظر گرفتن حالت ترکیبی لایه) را تیک بزنید و روی OK کلیک کنید.

Saving the style

مرحله 9

حالا فیلتر Inner Glow را غیرفعال کنید و استایل Inner Shadow را با این تنظیمات ویرایش کنید.

  • Blend Mode: Hard Light (حالت ترکیبی)
  • Color: #122d02 (رنگ)
  • Opacity: 43% (شفافیت)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: -180° (زاویه)
  • Distance: 15px (فاصله)
  • Choke: 0% (انسداد)
  • Size: 42 px (سایز)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: Off (ضدنویز: غیرفعال)
  • Noise: 0% (نویز)
Inner shadow Setings

مرحله 10

با کلیک مجدد روی دکمه New Style استایل را ذخیره کنید، اما این بار نام آنرا Leaves Border Small قرار دهید. سپس، روی OK کلیک کنید تا پنجره Layer Style بسته شود.

Saving the second style

3. چطور اکشن را بسازیم

مرحله 1

به منوی Window بروید و Actions را انتخاب کنید تا پنل Actions باز شود. سپس روی آیکون Create new set کلیک کنید و نام آنرا Leaves Covered Effect بگذارید. بعد از آن، روی آیکون ساخت اکشن جدید کلیک کنید و نام آنرا Leaves Effect - Small بگذارید. سپس، روی دکمه Record کلیک کنید تا ضبط اکشن آغاز شود.

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

Creating a new action

مرحله 2

لایه متن را به Text BKP تغییر نام دهید و اندازه متن را روی 287.5pt تنظیم کنید. سپس کلیدهای Ctrl و A را بزنید تا کل سند را انتخاب کنید. سپس ابزار Move (کلید V) را بردارید و لایه را در مرکز سند قرار دهید.

Aligning the text with the document

مرحله 3

کلیدهای Ctrl و D را بزنید تا انتخاب را حذف کنید. سپس کلیدهای Ctrl و J را بزنید تا لایه را تکثیر کنید. سپس متن کپی شده را به Text Base تغییر نام دهید.

Renaming the new text layer

مرحله 4

روی لایه Text Base کلیک راست را بزنید و Rasterize Type را انتخاب کنید. سپس به منوی Window بروید و Styles را بزنید تا پنل Styles باز شود. سپس روی استایل Leaves Small کلیک کنید تا آنرا به لایه تصویری شده اعمال کنید.

Applying the style to the rasterized layer

مرحله 5

ابزار Brush (کلید B) را بردارید و براش Leaves A را انتخاب کنید. سپس روی نمایه بندانگشتی لایه ی Text Base با گرفتن کلید Ctrl کلیک کنید تا یک ناحیه انتخاب دور متن ایجاد کنید. سپس ابزار Polygonal Lasso (کلید L) را بردارید و روی ناحیه انتخاب کلیک راست بزنید و Make Work Path (ایجاد مسیر) را انتخاب کنید. مسیر Work Path را با مقدار 2px برای Tolerance ایجاد کنید.

Creating a work path

مرحله 6

مطمئن شوید که مقدار Opacity و Fill براش برای مرحله بعد روی 100% تنظیم شده باشد.

به منوی Widow بروید و Paths را بزنید تا پنل Paths را باز کنید. سپس روی آیکون کوچک گوشه سمت راست بالای پنل کلیک کنید و Stroke Path را انتخاب کنید. سپس در بخش Tool گزینه ی Brush را انتخاب کنید، تیک گزینه Simulate Pressure (شبیه سازی قلم فشاری) را بردارید و روی OK کلیک کنید.

Stroking the path with the brush tool

مرحله 7

حالا میخواهیم یک لایه دیگر بسازیم و یک خط حاشیه دیگر به آن اعمال کنیم تا به لبه های متن ظاهری واقعگرایانه تر بدهیم.

کلیدهای Ctrl و Shift و N را بزنید تا یک لایه جدید بسازید، نام آنرا Leaves Border بگذارید و روی OK کلیک کنید. سپس کلید Ctrl را بگیرید و روی نمایه بندانگشتی لایه Text Base کلیک کنید تا یک انتخاب دیگر ایجاد شود. سپس، ابزار Polygonal Lasso (کلید L) را بردارید و یک مسیر Work Path دیگر درست همانطور که قبلا ایجاد کردید بسازید.

مراقب باشید که لایه Text Base را در پنل Layers انتخاب نکنید (لایه Leaves Border بایستی انتخاب شده حفظ شود)

Creating another work path

مرحله 8

ابزار Brush (کلید B) را دوباره بردارید و براش Leaves B را انتخاب کنید. سپس به پنل Paths بروید، روی Work Path کلیک راست بزنید و گزینه Stroke Path را انتخاب کنید، درست همانطور که قبلا انجام دادیم.

Stroking the work path with another brush

مرحله 9

دوباره به پنل Paths بروید و مسیر Work Path را پاک کنید. سپس به پنل Styles بروید و روی استایل Leaves Border Small کلیک کنید تا آنرا به حاشیه اعمال کنید، همانطور که قبلا آنرا ایجاد کردیم.

Applying the second layer style

مرحله 10

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

کلید Ctrl را نگه دارید و کلیک کنید تا لایه های Text BKP و Text Base و Leaves Border را انتخاب کنید. سپس روی یکی از آنها کلیک راست بزنید و Convert to Smart Object را انتخاب کنید. بعد از آن لایه جدید Smart Object را به Leaves تغییر نام دهید.

Converting three layers into one Smart Object

مرحله 11

حالا کمی سایه به متن اضافه میکنیم.

روی لایه Leaves کلیک دوبل بزنید تا پنجره Layer Style را باز کنید. سپس یک استایل Drop Shadow با این تنظیمات اضافه کنید:

  • Blend Mode: Multiply (حالت ترکیبی)
  • Color: #000000 (رنگ)
  • Opacity: 63% (شفافیت)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: 0° (زاویه)
  • Distance: 5 px (فاصله)
  • Spread: 0% (پراکندگی)
  • Size: 9 px (اندازه)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: On (ضدنویز: غیرفعال)
  • Noise: 0% (نویز)
  • Layer Knocks Out Drop Shadow: On (لایه بر سایه غلبه کند: فعال)
Drop Shadow Settings

مرحله 12

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

  • Blend Mode: Hard Light (حالت ترکیبی)
  • Color: #000000 (رنگ)
  • Opacity: 61% (شفافیت)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: 180° (زاویه)
  • Distance: 8 px (فاصله)
  • Choke: 0% (انسداد)
  • Size: 2 px (اندازه)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: Off (ضدنویز: غیرفعال)
  • Noise: 0% (نویز)

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

Inner Shadow settings

مرحله 13

کلیدهای Ctrl و J را بزنید تا لایه حاضر را تکثیر کنید. سپس لایه کپی شده را به Leaves Shadow تغییر نام دهید و مقدار Fill Opacity آنرا روی 0% قرار دهید و لایه را به عقب صفحه بفرستید (در منوی Arrange گزینه Send Backward را انتخاب کنید) سپس روی لایه Leaves Shadow کلیک دوبل بزنید تا پنل Layer Style دوباره باز شود. سپس فیلتر Inner Shadow را حذف کنید و استایل Drop Shadow را با این تنظیمات ویرایش کنید:

  • Blend Mode: Multiply (حالت ترکیبی)
  • Color: #000000 (رنگ)
  • Opacity: 19% (شفافیت)
  • Use Global Light: Off (استفاده از نور سراسری: غیرفعال)
  • Angle: 0° (زاویه)
  • Distance: 15 px (فاصله)
  • Spread: 26% (پراکندگی)
  • Size: 7 px (سایز)
  • Contour: Linear (برجستگی: خطی)
  • Anti-aliased: On (ضد نویز: فعال)
  • Noise: 0% (نویز)
  • Layer Knocks Out Drop Shadow: On (لایه بر سایه غلبه کند: فعال)
Drop Shadow settings

مرحله 14

میخواهیم چند تا نویز را از روی تکسچر حذف کنیم.

لایه Leaves را انتخاب کنید و به منوی Filter بروید و در Noise ، گزینه Reduce Noise را انتخاب کنید.

از این تنظیمات استفاده کنید:

  • Strength: 10 (شدت نویز)
  • Preserve Details: 11% (حفظ جزییات)
  • Reduce Color Noise: 8% (کاهش نویز رنگ)
  • Sharpen Details: 19% (شارپ کردن جزییات)
  • Remove JPEG Artifact: Off (حذف مصنوعات تصویر JPEG)
Reduce Noise Settings

مرحله 15

برگ ها کمی محو به نظر میرسند، بنابراین میخواهیم آنرا خیلی ظریف شارپ کنیم.

به منوی Filter بروید و در Sharpen ، گزینه Smart Sharpen را بزنید و از این تنظیمات استفاده کنید:

  • Amount: 66% (مقدار)
  • Radius: 0.5 px (شعاع)
  • Remove: Gaussian Blur (حذف محوی گوسی)
Smart Sharpen settings

مرحله 16

حالا میخواهیم برگ ها را کمی سبز تر کنیم. میخواهیم از یک گرادینت مپ (Gradient Map) برای این منظور استفاده کنیم.

لایه Leaves را انتخاب کنید و به منوی Window بروید و Adjustments را انتخاب کنید. سپس روی آیکون ساخت گرادینت جدید کلیک کنید و یک لایه Gradient Map جدید بسازید.

Creating a new Gradient Map layer

مرحله 17

لایه Gradient Map را به Leaf Colors تغییر نام دهید و مقدار Opacity آنرا به 50% تغییر دهید. سپس روی لایه مشابه کلیک راست بزنید و گزینه Create Clipping Mask (ساخت ماسک چیدن) کلیک کنید. سپس روی نمایه بندانگشتی آن کلیک دوبل بزنید تا پنل Properties باز شود.

Opening the Properties panel

مرحله 18

روی نوار گرادینت کلیک کنید و آنرا با تنظیمات زیر ویرایش کنید:

  • وقفه رنگی اول: #031000 موقعیت: 5%
  • وقفه رنگی دوم: #054c2b موقعیت: 26%
  • وقفه رنگی سوم: #106905 موقعیت: 42%
  • وقفه رنگی چهارم: #86ff5c موقعیت: 87%

سپس به پنل Actions بروید و روی آیکون توقف اکشن کلیک کنید تا اکشن تمام شود.

Creating a new gradient

4. تکمیل ترکیب بندی

مرحله 1

حالا میخواهیم یک سایه خیلی ساده زیر متن بسازیم.

ابزار Rounded Rectangle (کلید U) را بردارید و یک مستطیل افقی سیاه درست زیر لایه Leaves Shadow بکشید.

Creating the rounded rectangle

مرحله 2

روی لایه Rounded Rectangle کلیک راست بزنید و گزینه Convert to Smart Object را انتخاب کنید. سپس به منوی Filter بروید و در Blur ، گزینه Gaussian Blur را بزنید و آنرا روی 6px تنظیم کنید. بعد از آن مقدار Opacity لایه ی Rounded Rectangle را روی 71 درصد تنظیم کنید.

Adding a gaussian blur to the rectangle

مرحله 3

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

هر دو پرنده از سایت pixabay.com تهیه شده اند و باید آنها را هم ویرایش میکردم. زمینه را حذف کردم و چند بخش کوچک پرنده را بازسازی کردم که روی تصویر اصلی وجود نداشت (در تصویر اصلی وجود نداشتند) سپس چند تا نور و سایه با یک استایل لایه اعمال کردم. این فایل ها برای این آموزش مقیاس بندی شده اند.

بنابراین ادامه دهید و فایل زیپ Birds and Branches - Small.psd را باز کنید و شاخه ها و پرندگان را بکشید و روی سند خود قرار دهید. سپس، لایه ها را جابجا کنید و به جایی که فکر میکنید ظاهر خوبی دارد ببرید.

در مثال زیر، چند تا شاخه را تکثیر کردم (کلیدهای Ctrl و J) و آنها را در لبه ی حروف قرار دادم. سپس پرندگان را به بالای کلمه جابجا کردم.

توجه کنید که لایه ی پرنده بزرگتر زیر لایه سایه برگ ها (Leaves Shadow) قرار داده شده است. بخاطر اینکه اگر چند تا برگ پای او را بپوشاند ظاهر بهتری ایجاد میکند. میتوانید برای انجام این کار از یک شاخه هم استفاده کنید. به خود شما بستگی دارد.

Adding the branches and birds

تبریک میگویم. کار شما تمام است!

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

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

یادتان باشد که اکشن برگ ساز Leaf Generator Photoshop Action را در وبسایت GraphicRiver بررسی کنید.

Leaf Generator promo
اکشن فتوشاپ برگ ساز Leaf Generator Photoshop Action

ممکن است اینها را نیز بپسندید:


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.