ایجاد افکت متن گرافیتی (Graffiti Text) با سبک های لایه ای در فتوشاپ

 

در این آموزش ، قصد داریم نحوه ایجاد افکت متن گرافیتی (دیوارنویسی) در فتوشاپ را به شما آموزش دهیم. ما از سبک های لایه و تابع “Blend If"  که از آپشن های ترکیب است ، استفاده خواهیم کرد.

 

افکت متنی که ما ایجاد خواهیم کرد الهام گرفته شده از سبک های گرافیتی Envato Elements می باشد. شما می توانید چندین مورد از بهترین حروف گرافیتی جهان را در Envato Elements پیدا کنید ، مانند این افکت متنی Graffiti Photoshop Text Effect با 10 سبک مختلف.

منابع آموزشی

در این مقاله آموزشی ، از منابع زیر استفاده شده است:

 

Brick wall original : تصویر ویرایش نشده

Brick wall (edited) : تصویر برای پس زمینه

Graffogie : فونت

 

1. نحوه تنظیم پس زمینه و متن

مرحله 1

ما در این آموزش ، از پس زمینه آجری استفاده خواهیم کرد. فتوشاپ را باز کنید و به جای ایجاد سند جدید ، به بخشFile> Open ...  بروید و از منابع های آموزشی ارائه شده ، فایل Brick-wall.jpg را انتخاب کنید. اگر می خواهید پس زمینه دیگری را امتحان کنید ، می توانید یکی از پس زمینه های دیواری wall backgrounds را که در Envato Elements ، ارائه شده است ، امتحان کنید.

مرحله 2

با استفاده از ابزار Type (T)  ، قلم Graffogie را با اندازه 285 pt انتخاب کرده و کلمه “Vote"  را در صفحه (artboard) خود بنویسید. سپس به بخش Type> Warp Text رفته و گزینه Shell Upper  را با مقادیر Bend: 21% ، Horizontal Distortion: -29%, و Vertical Distortion: 22% انتخاب کرده و سپس کلید OK را بزنید. در آخر ، فقط حرف “V"  را در صفحه خود انتخاب کنید ، و سپس به پنل Character خود رفته و مقدار Tracking را روی -75 تنظیم کنید.

مرحله 3

از ابزار Type (T) خود برای نوشتن دو کلمه دیگر - "for" و “Pedro"  - با همان قلم گرافیتی استفاده کنید. اطمینان حاصل کنید که هر کلمه روی لایه خود قرار دارد. کلمه "for" را با اندازه قلم 116 pt و tracking  با مقدار 75 بنویسید. سپس کلمه “Pedro"  را روی یک لایه جدید با اندازه قلم 255 pt و tracking  با مقدار 75 بنویسید.

مرحله 4

از ابزار Move(V)  خود استفاده کنید و حروف graffiti  خود را با هم حرکت دهید. سپس هر سه لایه متن را در پنل Layers خود انتخاب کرده و کلیدهای Control-T را فشار دهید. حالا ، مقدار Rotate را روی -8° درجه تنظیم کنید. در نهایت ، ما آماده هستیم تا افکت های متنی فتوشاپ را ایجاد کنیم.

2. نحوه ایجاد اولین افکت متن گرافیتی

مرحله 1

بیایید با انتخاب لایه متن گرافیتی "Vote" ، کار را شروع کنیم. حالا به بخش Layer> Layer Style> Blending Options ...  رفته و سبک لایه زیر را اعمال کنید.

 

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

 

• Advanced Blending: 0%
• Blend if: Grey
• Underlying Layer: بر روی نشانگر سفید اسلایدر ، Alt-click (کلیدهای Option-click برای کاربران Mac) کنید تا آن را تقسیم کنید و سپس قسمت سمت چپ را روی مقدار 161 و قسمت سمت راست را روی مقدار 236 تنظیم کنید.

مرحله 2

با این تنظیمات یک Bevel and Emboss اضافه کنید:

• Style: Inner Bevel
• Technique: Chisel Hard
• Depth: 144%
• Direction: Up
• Size: 8 px
• Soften: 0 px
• کادر Use Global Light را علامت نزنید. 
• Angle: 98º
• Altitude: 30º
• کادر Anti-aliased را علامت بزنید. 
• Highlight Mode: Overlay, color #035b7c , Opacity: 100%
• Shadow Mode: Overlay, color #ff3000 , Opacity: 88%

مرحله 3

با این تنظیمات یک Inner Shadow به افکت متن گرافیتی اضافه کنید:

• Blend Mode: Normal
• Color: #000000
• Opacity: 100%
• کادر Use Global Light را علامت نزنید. 
• Angle: -94º
• Distance: 0 px
• Choke: 0%
• Size: 10 px
• Contour: Cone
• کادر Anti-aliased را علامت بزنید. 
• Noise: 11%

 

مرحله 4

با این تنظیمات یک Inner Glow را به افکت متن گرافیتی خود اضافه کنید:

• Blend Mode: Normal
• Color: #000000
• Opacity: 19%
• Noise: 61%
• Technique: Precise
• Source: Center
• Choke: 1%
• Size: 10 px
• Contour: Cone - Inverted
• کادر Anti-aliased را علامت بزنید. 
• Range: 50%

 

مرحله 5

با این تنظیمات ، سبک Satin اضافه کنید:

• Blend Mode: Overlay
• Color: #64ec87
• Angle: 90°
• Distance: 19 px
• Size: 24 px
• Contour: Half Round
• کادر Anti-aliased را علامت بزنید. 

•  کادر Invert  را علامت بزنید. 

 

مرحله 6

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

• Blend Mode: Linear Burn

• کادر Dither  را علامت بزنید. 

• Opacity: 6%
• Style: Linear
• Angle: 90º
• Scale: 60%

• روی Gradient کلیک کرده و stop ها را بدین صورت تنظیم کنید:

• Color stops with Color #000000 on Location: 0% and 100%
• Opacity stop with Opacity: 0% on Location: 0%
• Opacity stop with Opacity: 100% on Location: 100%

 

مرحله 7

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

• Blend Mode: Linear Burn
• Opacity: 29%
• Color: #000000
• Technique: Precise
• Spread: 50%
• Size: 3 px

•  کادر Anti-aliased را علامت بزنید. 

 

مرحله 8

ما تقریباً تا این بخش از آموزش ، افکت های ویژه متنی فتوشاپ را به پایان رسیده ایم. به عنوان آخرین مرحله برای این افکت متنی ، یک Drop Shadow ، با این تنظیمات اضافه کنید:

• Blend Mode: Normal
• Pick the color #000000
• Opacity: 95%
• Uncheck the Use Global Light box
• Angle: 90°
• Distance: 5 px
• Spread: 39%
• Size: 24 px
• کادر Anti-aliased را علامت بزنید. 
• Noise: 10%

 

کلید OK را کلیک کنید تا همه تغییرات اعمال شوند.

 

در این جا ، نتیجه اولین افکت متن گرافیتی را مشاهده می کنید که با فونت قلم graffiti text اعمال شده است.

 

3. نحوه ایجاد افکت دوم متن گرافیتی

مرحله 1

لایه متن گرافیتی "for" را انتخاب کنید و به بخش Layer> Layer Style> Blending Options ...  بروید تا سبک لایه زیر را به متن گرافیتی اعمال کنید.

 

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

• Advanced Blending: 0%
• Blend if: Grey

• Underlying Layer: بر روی نشانگر سفید اسلایدر ، Alt-click (کلیدهای Option-click برای کاربران Mac) کنید تا آن را تقسیم کنید و سپس قسمت سمت چپ را روی 158 و قسمت سمت راست را روی مقدار 217 تنظیم کنید.

 

مرحله 2

با این تنظیمات ، افکت Bevel and Emboss را به متن گرافیتی سه بعدی خود اضافه کنید:

• Style: Inner Bevel
• Technique: Smooth
• Depth: 100%
• Direction: Up
• Size: 8 px
• Soften: 0 px
• کادر Use Global Light را علامت نزنید. 
• Angle: 90º
• Altitude: 30º
• کادر Anti-aliased را علامت بزنید. 
• Highlight Mode - Opacity: 0%
• Shadow Mode: Multiply with color #000000 and Opacity: 50%

 

مرحله 3

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

• Size: 1 px
• Position: Outside
• Fill Type: Color
• Color: #000000

 

مرحله 4

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

• Blend Mode: Normal
• Color: #000000
• Opacity: 100%
• Uncheck the Use Global Light box
• Angle: -94º
• Distance: 0 px
• Choke: 18%
• Size: 5 px
• کادر Anti-aliased را علامت بزنید. 
• Noise: 11%

 

مرحله 5

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

• Blend Mode: Normal
• Color: #000000
• Opacity: 30%
• Noise: 61%
• Technique: Precise
• Source: Edge
• Choke: 1%
• Size: 4 px
• کادر Anti-aliased را علامت بزنید. 
• Range: 50%

 

مرحله 6

برای پایان دادن به افکت متن سه بعدی گرافیتی ، یک Drop Shadow با این تنظیمات اضافه کنید:

• Blend Mode: Normal
• Pick the color #000000
• Opacity: 956%
• کادر Use Global Light را علامت نزنید. 
• Angle: 90°
• Distance: 5 px
• Spread: 27%
• Size: 18 px
• کادر Anti-aliased را علامت بزنید. 
• Noise: 17%

 

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

در تصویر زیر ، نتیجه افکت دوم متن گرافیتی اعمال شده روی حروف برجسته را مشاهده می کنید. شما بسیار خوب عمل کردید - ما تقریباً این آموزش فتوشاپ متن گرافیتی را به پایان رسانده ایم. اما ، بیایید یک بار دیگر سبک های لایه ای را برای آخرین کلمه نیز اعمال کنیم.

4. نحوه ایجاد افکت سوم متن گرافیتی

مرحله 1

لایه فونت حروف گرافیتی “pedro"  را انتخاب کرده و به بخش Layer> Layer Style> Blending Options ...  بروید تا سبک لایه زیر را اعمال کنید.

 

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

• Advanced Blending: 0%
• Blend if: Grey

 

• Underlying Layer: بر روی نشانگر سفید اسلایدر ، Alt-click (کلیدهای Option-click برای کاربران Mac) کنید تا آن را تقسیم کنید و سپس قسمت سمت چپ را روی 139 و قسمت سمت راست را روی مقدار 201 تنظیم کنید. سپس نشانگر سیاه را تقسیم کرده و قسمت سمت راست آن را روی مقدار 80 تنظیم کنید.

مرحله 2

با این تنظیمات ، افکت Bevel and Emboss را اضافه کنید:

• Style: Inner Bevel
• Technique: Chisel Hard
• Depth: 144%
• Direction: Up
• Size: 8 px
• Soften: 0 px
• کادر Use Global Light را علامت بزنید. 
• Angle: 98º
• Altitude: 30º
• کادر Anti-aliased را علامت بزنید. 

 

• Highlight Mode: Overlay with color #1faee3  and Opacity: 100%
• Shadow Mode: Overlay with color #ce43db and Opacity: 88%

 

مرحله 3

با این تنظیمات ، افکت Inner Shadow را به متن گرافیتی خود اضافه کنید:

• Blend Mode: Normal
• Color: #000000
• Opacity: 100%
• کادر Use Global Light را علامت بزنید. 
• Angle: -94º
• Distance: 0 px
• Choke: 0%
• Size: 10 px
• Contour: Cone
• کادر Anti-aliased را علامت بزنید. 
• Noise: 11%

 

مرحله 4

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

• Blend Mode: Linear Dodge (Add)
• Color: #dd8925
• Opacity: 33%
• Noise: 47%
• Technique: Precise
• Source: Center
• Choke: 58%
• Size: 16 px
• کادر Anti-aliased را علامت بزنید. 
• Range: 50%

 

مرحله 5

با این تنظیمات ، افکت Satin اضافه کنید:

• Blend Mode: Overlay
• Color: #f08d18
• Angle: 90°
• Distance: 19 px
• Size: 24 px
• Contour: Half Round
• کادر Anti-aliased را علامت بزنید. 
• کادر Invert  را علامت بزنید. 

مرحله 6

با این تنظیمات ، افکت Gradient Overlay اضافه کنید:

• Blend Mode: Linear Burn
• Check the Dither box
• Opacity: 6%
• Style: Linear
• Angle: 90º
• Scale: 60%
• روی Gradient کلیک کرده و stop ها را به صورت زیر تنظیم کنید:
• Color stops with Color #000000 on Location: 0% and 100%
• Opacity stop with Opacity: 0% on Location: 0%
• Opacity stop with Opacity: 100% on Location: 100%

 

مرحله 7

با این تنظیمات ، افکت Outer Glow را اضافه کنید:

• Blend Mode: Linear Burn
• Opacity: 29%
• Color: #000000
• Technique: Precise
• Spread: 40%
• Size: 2 px
• کادر Anti-aliased را علامت بزنید. 

 

مرحله 8

به عنوان مرحله آخر برای افکت متن گرافیتی ، یک Drop Shadow را با این تنظیمات اضافه کنید:

• Blend Mode: Normal
• Pick the color #000000
• Opacity: 96%
• Uncheck the Use Global Light box
• Angle: 90°
• Distance: 5 px
• Spread: 39%
• Size: 24 px
• کادر Anti-aliased را علامت بزنید. 
• Noise: 10%

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

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

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

 

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

امیدواریم از این آموزش استفاده کنید و از نتایجی که به دست می آورید ، لذت ببرید!