Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
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 مراجعه کنید و Grass Generator را تهیه کنید. مجموعه کامل این اکشن امکاناتی اضافی دارد، و با هر دو کیفیت dpi 72  و 300 dpi جواب میدهد و با شکل‌ها کار میکند.

promo image
اکشن Grass Generator

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

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

1. چطور براش‌ها را ایجاد کرد

مرحله 1

فتوشاپ را باز کنید و یک سند جدید با قطع 350 در 460 پیکسل ایجاد کنید.

Creating a new document

مرحله 2

کلید D را روی صفحه کلید فشار دهید تا رنگ‌های پس‌زمینه و زمینه جلو را ریست کنید. سپس ابزار Ellipse (کلید U) را بزنید و وضعیت آن را به شکل تغییر دهید.

Ellipse tool settings

مرحله 3

با کشیدن یک شکل بیضی بلند و نازک شروع کنید.

Drawing the oval shape

مرحله 4

حالا ابزار Convert Point را بردارید و بروی مرکز شکل با گرفتن Ctrl کلیک دوبل کنید.

Convert Point Tool

مرحله 5

حالا بروی نقطه لنگری در بالا کلیک کنید تا گوشه دار شود. با نقطه لنگری پایینی کار مشابهی را انجام دهید.

Converting anchor point

مرحله 6

بروی شکل نمایه thumbnail لایه ی Ellipse 1 با گرفتن Ctrl کلیک کنید تا یک انتخاب حول شکل ایجاد کنید. سپس به منوی Edit رفته و بروی Define Brush Preset...کلیک کنید، نام آنرا Base Brush قرار دهید و بروی OK کلیک کنید.

Creating the brush

مرحله 7

ابزار Brush (کلید B) را بردارید، و سپس بروی سند کلیک راست را بزنید و براشی که بتازگی ایجاد کردید (Base Brush) را انتخاب کنید.

Choosing the brush

مرحله 8

به منوی Window بروید و Brush را بزنید تا پنل Brush را باز کنید. سپس این تنظیمات را در Brush Tip Shape انجام دهید:

  • Size: 27 px
  • Flip X: تیک نخورده باشد
  • Flip Y: تیک نخورده باشد
  • Angle: 0º (زاویه)
  • Roundness: 100% (گردی)
  • فاصله‌گذاری: 130%
Brush Tip Shape settings

مرحله 9

گزینه Shape Dynamics را با تنظیمات زیر انتخاب کنید:

  • Size Jitter: 32% (دگرگونی سایز)
  • Control: Off
  • Minimum Diameter: 7% (قطر حداقل)
  • Angle Jitter: 35% (دگرگونی زاویه)
  • Control: Off
  • Roundness Jitter: 26% (دگرگونی گردی)
  • Control: Off
  • Minimum Roundness: 100% (گردی حداقل)
  • Flip X Jitter (دگرگونی برگردان محور X): تیک نخورده باشد
  • Flip Y Jitter (دگرگونی برگردان محور X): تیک نخورده باشد
  • Brush Projection (تصویر کردن براش): تیک نخورده باشد
Shape Dynamics settings

مرحله 10

انتخاب Scattering (پراکندگی) را با این تنظیمات انتخاب کنید:

  • Scatter: 62% (پراکندگی)
  • Both Axes (هر دو محور): تیک نخورده باشد
  • Control: Off
  • Count: 5 (شمار)
  • Count Jitter (دگرگونی شمار): 100%
  • Control: Off
Scattering settings

مرحله 11

Color Dynamics را با این تنظیمات انتخاب کنید:

  • Apply Per Tip (برای هر نوک اعمال شود): تیک خورده باشد
  • Foreground/Background Jitter (دگرگونی زمینه جلو / پس‌زمینه): %100
  • Control: Off
  • Hue Jitter: 2% (دگرگونی سایه ی رنگ)
  • Saturation Jitter: 13% (دگرگونی اشباع رنگ)
  • Brightness Jitter: 11% (دگرگونی روشنایی)
  • Purity: -1% (خلوص)

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

Color Dynamics settings

مرحله 12

حالا بروی آیکون در گوشه راست پنل Brush کلیک کنید و New Brush Preset را انتخاب کنید. سپس آنرا به Grass Brush 1 تغییر نام دهید و باکس انتخاب Capture Brush Size In Preset (گرفتن سایز براش از تنظیمات پریست) را انتخاب کنید و بعد از آن بروی OK کلیک کنید.

Saving the Brush Preset

مرحله 13

حالا یک پریست جدید ایجاد میکنیم. در پنل Brush به Brush Tip Shape برگردید و این تغییرات را انجام دهید:

  • Size: 18 px (سایز)
  • Flip X (برگردان X) : تیک نخورده باشد
  • Flip Y (برگردان Y): تیک نخورده باشد
  • Angle (زاویه): 0º
  • Roundness: 100% (گردی)
  • Spacing: 339% (فاصله‌گذاری)
Second Brush Tip Shape settings

مرحله 14

تنظیمات Shape Dynamics (دینامیک شکل) را تغییر ندهید؛ آن را انتخاب شده حفظ کنید. سپس Scattering (پراکندگی) را انتخاب کنید و تنظیمات زیر را انجام دهید:

  • Scatter: 50% (پراکندگی)
  • Both Axes (هر دو محور): تیک نخورده باشد
  • Control: Off
  • Count: 8 (شمار)
  • Count Jitter: 0% (دگرگونی شمار)
  • Control: Off
Second Scattering settings

مرحله 15

Color Dynamics را انتخاب شده حفظ کنید و همچون قبل پریست را ذخیره کنید، اما این بار آنرا Grass Brush 2 بنامید.

Saving the second Brush Preset

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

مرحله 1

به منوی File بروید و Open را بزنید...و تصویر پس‌زمینه که دانلود کردید (Background-Grass.jpg) را باز کنید.

Background image

مرحله 2

ابزار تایپ (کلید T) را بردارید و GRASS را تایپ کنید.فونت Plump را انتخاب کنید، و Size را روی 300pt تنظیم کنید.

Type Tool and its settings

مرحله 3

به منوی Edit بروید و در Presets ، گزینه Preset Manager را انتخاب کنید. در Preset Type ، گزینه Patterns را انتخاب کنید و بروی Load کلیک کنید و Grass Pattern.pat را انتخاب کنید و سپس روی Done کلیک کنید.

Installing the Grass Pattern

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

مرحله 1

در منوی Window ، گزینه Actions را انتخاب کنید تا پنل Actions باز شود.

Opening the Actions Panel

مرحله 2

حالا میخواهیم یک مجموعه اکشن ایجاد کنیم. برای انجام این کار، بروی آیکون Create New Set icon کلیک کنید و نام آنرا Grass Set گذاشته و بروی OK کلیک کنید.

Creating a new set of actions

مرحله 3

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

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

Creating a new action

مرحله 4

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

Renaming the text layer

مرحله 5

با کلیک بروی آیکون Create a New Layer یک لایه جدید ایجاد کنید، نام آنرا به Grass 1 و بروی OK کلیک کنید.

Creating a new layer

مرحله 6

لایه layer 1 را انتخاب کنید و به منوی Type بروید و Create Work Path را انتخاب کنید.

Creating the work path

مرحله 7

حالا لایه Grass 1 را انتخاب کنید. ابزار Brush (کلید B) را بردارید و با این تنظیمات Grass Brush 1 را انتخاب کنید.

  • Mode: Normal (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • Flow: 100% (شدت)
  • Pen Related Options (تنظیمات مربوط به قلم): تیک نخورده باشد
Selecting the brush

مرحله 8

به منوی Window بروید و Paths را بزنید تا پنل Paths را باز کنید. سپس بروی Work Path کلیک راست را بزنید و Stroke Path را انتخاب کنید. براشی را انتخاب کنید که انتخاب Simulate Pressure (شبیه سازی فشاری) برای آن تیک نخورده باشد و سپس بروی OK کلیک کنید.

Creating the border

مرحله 9

لایه 1 را انتخاب کنید. سپس یک لایه جدید ایجاد کنید و نام آنرا Grass 2 قرار دهید.

Creating the second brush layer

مرحله 10

حالا ابزار Brush (کلید b) را با تنظیمات زیر بردارید:

  • Brush: Grass Brush 2 (براش)
  • Mode: Normal (حالت ترکیبی)
  • Opacity: 100% (شفافیت)
  • Flow: 100% (شدت)
  • Pen Related Options (تنظیمات مربوط به قلم): تیک نخورده باشد
Selecting the second brush

مرحله 11

به پنل Paths برگردید، بروی Work Path کلیک راست را بزنید و Stroke Path را انتخاب کنید. همچون قبل، براشی را که در آن انتخاب Simulate Pressure تیک نخورده است انتخاب کنید، و سپس بروی OK کلیک کنید. بعد از آن Work Path را پاک کنید.

Creating the second border

مرحله 12

حالا لایه 1 را دوباره انتخاب کنید. سپس کلید Shift را نگه دارید و بروی لایه Grass 1 کلیک کنید تا همه لایه ها (بجز لایه Background) انتخاب شوند.

Selecting the layers

مرحله 13

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

Convert to Smart Object

مرحله 14

حالا بروی لایه Grass 1 کلیک دوبل را بزنید تا پنجره Layer Style باز شود. ابتدا با استایل Bevel & Emboss شروع میکنیم.

  • Style: Inner Bevel (استایل)
  • Technique: Smooth (متد)
  • Depth: 100% (عمق)
  • Direction: Up (جهت: بالا)
  • Size: 26 px (سایز)
  • Soften: 0% (ملایم‌سازی)
  • Use Global Light (استفاده از نور سراسری) : تیک نخورده باشد
  • Angle: 90º (زاویه)
  • Altitude: 30º (ارتفاع)
  • Gloss Contour (حد فاصل حاشیه): Linear (خطی)
  • Anti-Aliased: تیک نخورده باشد
  • Highlight Mode: Screen (حالت ترکیبی هایلایت)
  • Highlight Mode Color#ffffff (رنگ حالت ترکیبی هایلایت)
  • Highlight Mode Opacity: 16% (شفافیت حالت ترکیبی هایلایت)
  • Shadow Mode: Multiply (حالت ترکیبی سایه)
  • Shadow Mode Color#000000 (رنگ حالت ترکیبی سایه)
  • Shadow Mode Opacity: 30% (شفافیت حالت ترکیبی سایه)
Bevel and Emboss settings

مرحله 15

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

  • Blend Mode: Multiply (حالت ترکیبی)
  • Color#000000 (رنگ)
  • Opacity: 22% (شفافیت)
  • Use Global Light (استفاده از نور سراسری): تیک نخورده باشد
  • Angle: -90º (زاویه)
  • Distance: 14 px (مسیر)
  • Choke: 16% (انسداد)
  • Size: 4 px (سایز)
  • Contour: Linear (حد فاصل: خطی)
  • Anti-aliased: تیک نخورده باشد
  • Noise: 0% (نویز)
Inner Shadow settings

مرحله 16

یک پوشش گرادینت (Gradient Overlay) با این تنظیمات ایجاد کنید:

  • Blend Mode: Overlay (حالت ترکیبی)
  • Dither (لرزش): تیک نخورده باشد
  • Opacity: 46% (شفافیت)
  • Reverse (معکوس): تیک نخورده باشد
  • Style (استایل): Linear (خطی)
  • Align with Layer (همترازی با لایه): تیک خورده باشد
  • Angle: 90º (زاویه)
  • Scale: 89% (اسکیل)

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

  • First Stop Color: #000000 (وقفه رنگی اول)
  • First Stop Position: 0% (موقعیت وقفه رنگی اولیه)
  • Second Stop Color#FFFB9C (وقفه رنگی دوم)
  • Second Stop Position: 100% (موقعیت وقفه رنگی دوم)
Gradient Overlay settings

مرحله 17

یک Pattern Overlay (پوشش الگو) با این تنظیمات اضافه کنید:

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

مرحله 18

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

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

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

Drop Shadow settings

مرحله 19

نام لایه Grass 1 را به Grass Text تغییر دهید. بعد از آن، بروی آیکون Stop Playing/Recording در پنل Actions کلیک کنید.

Finishing the action

و نتیجه بدین صورت خواهد بود:

Final Result image

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

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

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

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

  • مطمئن شوید که الگوی Pattern را نصب کرده اید.
  • مطمئن شوید که مقدار Brush Opacity (شفافیت براش) و Flow (شدت) بروی 100 درصد تنظیم شده اند.
  • مطمئن شوید در حالیکه لایه نوشته انتخاب شده، اکشن را اجرا میکنید.

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

promo image
اکشن فتوشاپ Grass Generator
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.