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

روش ایجاد نوشته با افکت نور نئونی بصورت واقعگرایانه در ادوبی فتوشاپ

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: Create a 3D Retro Text Effect With The Appearance Panel
How to Create an 80s-Inspired Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

لایه‌بندی افکت‌های glow (درخشش) و gloss (برق زدن) میتواند بخوبی در ایجاد آبجکت‌های درخشان به شما کمک کند. در این آموزش نشان خواهیم داد که چطور تکسچر آجری را بر پس زمینه تغییر دهیم و سپس با ابزار Pen از استایل‌های لایه استفاده کنیم تا یک نوشته نئونی درخشان روشن ایجاد کنیم و روی آن یک کابل ساده قرار دهیم. پس شروع میکنیم.

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

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

1. ایجاد پس‌زمینه

مرحله 1

یک سند جدید با ابعاد 1500 در 950 پیکسل ایجاد کنید و رزولوشن را بروی 300 قرار دهید.

به منوی File بروید و Place Embedded را انتخاب کنید و تصویر BrickOldRounded0061 را باز کنید. بر اساس نیاز آنرا تغییر اندازه دهید و سپس کلید Return (یا Enter) را بزنید تا تغییرات را تائید کنید.

Place the Brick Texture

مرحله 2

بروی آیکون Create new fill or adjustment layer در پایین پنل لایه ها کلیک کنید و افکت Levels را انتخاب کنید.

Levels

مرحله 3

بروی آیکون Clip Adjustment to Layer در پائین پنل Properties کلیک کنید و مقدار Shadows را به 85 تغییر دهید.

Levels Values

مرحله 4

بروی آیکون Create new fill or adjustment layer دوباره کلیک کنید و افکت Hue/Saturation را انتخاب کنید. بروی آیکون Clip adjustment to layer در پایین پنل Properties کلیک کنید و سپس پارامتر Saturation را به 11 و روشنایی Lightness را به 83- تغییر دهید.

Hue Saturation

2. ایجاد نوشته

مرحله 1

نوشته را با حروف بزرگ (حالت All Caps) بنویسید و از فونت Beon Medium استفاده کنید. رنگ #a33e88 و سایز Size برابر با 103pt است.

Create the Text

مرحله 2

لایه نوشته را تکثیر کنید و با کلیک بروی آیکون چشم در کنارش آنرا مخفی کنید. بروی نسخه تکثیر شده کلیک راست بزنید و Resterize Type را انتخاب کنید.

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

Rasterize Type

مرحله 3

ابزار Rectangular Marquee (کلید M) یا هر ابزار انتخابی که میخواهید را بردارید، در نوار Options بروی آیکون Add to Selection کلیک کنید و تمامی بخش های افقی حروفی که دارید را انتخاب کنید.

Select Horizontal Parts

مرحله 4

به منوی Edit بروید و گزینه Cut را انتخاب کنید، و سپس به منوی Edit بروید، و در بخش Paste Special ، گزینه ی Paste in Place را انتخاب میکنید. این کار بخش های انتخاب شده را در یک لایه جدا قرار میدهد. نام لایه‌ها را به Vertical و Horizontal تغییر دهید.

Separate Vertical and Horizontal Parts

مرحله 5

مقدار Fill را برای هر دو لایه Vertical و Horizontal صفر کنید.

Fill Value

مرحله 6

هر یک از لایه های Vertical و Horizontal را دو بار تکثیر کنید، و هر یک از مجموعه لایه ها را در هر گروهی با نام خودش (Vertical و Horizontal) قرار دهید.

Duplicate and Group Layers

مرحله 7

گروه Horizontal را در زیر گروه Vertical قرار دهید.

Group Order

3. اعمال استایل به لایه اصلی افقی

بروی لایه اصلی Horizontal کلیک دوبل کنید تا استایل لایه را بصورت زیر اعمال کنید:

مرحله 1

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

  • Size: 10 (سایز)
  • تیک Use Global Light را بردارید.
  • Angle: 0 (زاویه)
  • Altitude: 70 (ارتفاع)
  • تیک گزینه Anti-Aliased را بردارید.
  • Highlight Mode: Linear Light (حالت ترکیبی هایلایت)
  • شفافیت (Opacity) برای Shadow Mode (حالت ترکیبی سایه) را برابر صفر قرار دهید.
Bevel and Emboss

مرحله 2

یک Contour (حد فاصل) با تنظیمات زیر ایجاد کنید:

  • تیک گزینه Anti-Aliased را بزنید.
Contour

مرحله 3

یک استایل Inner Shadow با این تنظیمات ایجاد کنید.

  • Blend Mode: Screen (حالت ترکیبی)
  • Color#e658d4 (رنگ)
  • Angle: 30 (زاویه)
  • Distance: 0 (فاصله)
Inner Shadow

مرحله 4

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

  • Opacity: 85% (شفافیت)
  • Color#fe66f1 (رنگ)
  • Source: Center (سورس)
  • Size: 18 (سایز)
Inner Glow

مرحله 5

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

  • Distance: 13 (فاصله)
  • Size: 7 (سایز)
Drop Shadow

این کار به لایه اول بخش افقی استایل خواهد داد.

Styled Original Horizontal Layer

4. استایل دادن به کپی اول لایه افقی

بروی لایه Horizontal Copy کلیک دوبل کنید تا استایل لایه را بصورت زیر به آن اعمال کنید.

مرحله 1

یک استایل Bevel and Emboss با این تنظیمات اضافه کنید.

  • Size: 16 (سایز)
  • تیک گزینه Use Global Light را بردارید.
  • Angle: -36 (زاویه)
  • Altitude: 42 (ارتفاع)
  • Contour: Cove - Deep (حد فاصل)
  • گزینه Anti-Aliased را تیک بزنید.
  • Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
  • مقدار Opacity را برای Shadow Mode (حالت ترکیبی سایه) صفر کنید.
Bevel and Emboss

مرحله 2

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

  • Contour: Cone - Inverted (حد فاصل)
  • تیک گزینه Anti-Aliased را تیک بزنید.
Contour

این کار برق بیشتری به نوشته اضافه میکند.

Styled First Copy Horizontal Layer

5. استایل دادن به کپی دوم لایه افقی

بروی لایه 2 Horizontal Copy کلیک دوبل کنید تا استایل لایه زیر را اعمال کنید:

مرحله 1

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

  • Size: 16 (سایز)
  • تیک گزینه Use Global Light را بردارید.
  • Angle: 18 (زاویه)
  • Altitude: 58 (ارتفاع)
  • Contour: Half Round (حد فاصل نیم‌گرد)
  • تیک گزینه Anti-aliased را بزنید.
  • Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
  • مقدار Opacity را برای Shadow Mode (حالت ترکیبی سایه) صفر کنید.
Bevel and Emboss

مرحله 2

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

  • Contour: Sawtooth 2 (حد فاصل: دندان اره ای)
  • تیک گزینه Anti-aliased را بزنید.
Contour

مرحله 3

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

  • Blend Mode: Linear Light (حالت ترکیبی)
  • Noise: 5% (نویز)
  • Color#ffdcfa (رنگ)
  • Source: Center (سورس)
  • Size: 38 (سایز)
Inner Glow

مرحله 4

یک استایل Outer Glow با این تنظیمات ایجاد کنید:

  • Color#7f2d65 (رنگ)
  • Size: 15 (سایز)
Outer Glow

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

Styled Second Copy Horizontal Layer

6. استایل دادن به لایه اصلی عمودی Vertical

مرحله 1

بروی لایه اصلی افقی Horizontal کلیک راست را بزنید، بروی Copy Layer Style کلیک کنید و سپس بروی لایه اصلی عمودی Vertical کلیک راست را بزنید و گزینه Paste Layer Style را انتخاب کنید.

بروی لایه اصلی عمودی Vertical کلیک دوبل کنید تا مقادیر Angle (زاویه) و Altitude (ارتفاع) را برای استایل Bevel and Emboss به 90 و 74 تغییر دهید.

Bevel and Emboss

مرحله 2

برای استایل Inner Glow ، سایز Size را به 15 تغییر دهید.

Inner Glow

این کار افکت را بطوری تنظیم میکند تا با بخش های مورب و عمودی مطابقت داشته باشد.

Modified Style for the Original Vertical Layer

7. استایل دادن به کپی اول لایه عمودی

استایل لایه Horizontal Copy را کپی کنید و در لایه Vertical Copy پیست کنید و سپس بروی Vertical Copy کلیک دوبل کنید تا مقدار Angle (زاویه) و Altitude (ارتفاع) را برای استایل Bevel and Emboss به ترتیب به 76- و 53 تغییر دهید.

Bevel and Emboss

کار ما با لایه کپی اول تمام شد.

Modified Style for the First Copy Vertical Layer

8. استایل دادن به کپی دوم لایه عمودی

استایل لایه Horizontal Copy 2 را کپی کنید و در لایه Vertical Copy 2 پیست کنید، و سپس بروی Vertical Copy 2 کلیک دوبل کنید و مقادیر Angle و Altitude را برای افکت Bevel and Emboss به ترتیب 82- و 53 تغییر دهید.

Bevel and Emboss

با این کار، استایل دادن به هر دو بخش نوشته تمام میشود.

Modified Style for the Second Copy Vertical Layer

9. افزودن درخشش بیشتر و ایجاد کابل

مرحله 1

یک لایه جدید زیر لایه نوشته اصلی مخفی ایجاد کنید و آنرا Background Light بنامید و حالت ترکیبی Blend Mode آنرا به Linear Light تغییر دهید.

رنگ زمینه جلو را به رنگ با کد #98338b تنظیم کنید. ابزار Brush را بردارید و یک قلم گرد بزرگ سافت (Soft) انتخاب کنید. سپس یک بار کلیک کنید تا یک سری نقاط رنگی در پشت نوشته ایجاد کنید (کلیک را نکشید، فقط کلیک کنید تا نقطه رنگی ایجاد شود)

Add Background Glow

مرحله 2

یک لایه جدید دیگر در زیر لایه Background Light بسازید و آنرا Cable بنامید. ابزار Pen را بردارید و در نوار Options ، گزینه Path را انتخاب کنید.

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

Create the Cable Paths Using the Pen Tool

مرحله 3

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

Separating the Paths

مرحله 4

برای انجام این کار بقدر کافی وقت صرف کنید تا نتیجه ی تمیزی بدست بیاورید.

Finish Creating the Paths

مرحله 5

ابزار Brush را بردارید، سپس پنل Brush را در منوی Window باز کنید و یک نوک قلم گرد سخت با اندازه 7 پیکسل انتخاب کنید و فاصله گذاری Spacing را بروی 1 تنظیم کنید.

Brush Settings

مرحله 6

رنگ زمینه جلو را به #252525 تغییر دهید، ابزار Direct Selection را بردارید، بروی مسیر کلیک راست را بزنید و گزینه Stroke Path را انتخاب کنید.

Stroke Path

مرحله 7

از منوی کشویی Tool گزینه Brush را انتخاب کنید و تیک Simulate Pressure را بردارید.

Stroke Path Box

مرحله 8

این کار مسیر را به خط حاشیه تبدیل میکند. بروی کلید Return (یا همان Enter) فشار دهید تا از شر مسیر work path حلاص شوید.

Stroked Path

10. استایل دادن به کابل

بروی لایه Cable کلیک دوبل کنید تا استایل لایه را بصورت زیر اعمال کنید:

مرحله 1

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

  • تیک گزینه Anti-aliased را بزنید.
  • Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
  • Color#ec6ab7 (رنگ)
  • Opacity: 24% (شفافیت)
Bevel and Emboss

مرحله 2

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

  • تیک گزینه Anti-aliased را بزنید.
Contour

مرحله 3

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

  • Blend Mode: Multiply (حالت ترکیبی)
  • Pattern: 8 (الگو)
Pattern Overlay

مرحله 4

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

  • Opacity: 60% (شفافیت)
  • Distance: 13 (فاصله)
  • Size: 10 (سایز)
Drop Shadow

این کار باعث ایجاد استایل برای کابل میشود.

The Styled Cable

11. ایجاد برش‌ها

مرحله 1

ابزار Rectangle را بردارید و یک مستطیل 11 در 15 پیکسل ایجاد کنید.

Create a Rectangle

مرحله 2

ابزار Add Anchor Point را بردارید و در مرکز کناره های عمودی مستطیل کلیک کنید تا نقاطی را اضافه کنید.

Add Anchor Points

مرحله 3

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

Move Anchor Points

مرحله 4

لایه Rectangle را کپی کنید و سپس به منوی Edit بروید و در Transform ، گزینه Rotate 90° Clockwise (چرخش ساعتگرد 90 درجه) را بزنید. لایه‌های مستطیلی را به H (ابتدای Horizontal) و V (ابتدای Vertical) تغییر نام دهید.

Duplicate and Rename Rectangle Layers

12. استایل دادن برش‌ها

بروی لایه H کلیک دوبل کنید تا استایل لایه زیر را اعمال کنید:

مرحله 1

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

  • Opacity: 42% (شفافیت)
  • بروی نوار Gradient کلیک کنید تا گرادینت را با رنگ #151515 در سمت چپ، #6d6d6d در مرکز و #161616 در سمت راست ایجاد کنید.
Gradient Overlay

مرحله 2

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

  • Opacity: 60% (شفافیت)
  • Distance: 13 (فاصله)
  • Size: 10 (سایز)
Drop Shadow

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

Styled Horizontal Clip

مرحله 3

استایل لایه H را کپی کنید و در لایه V پیست کنید و سپس بروی لایه ی V کلیک کنید تا  مقدار Angle (زاویه) را برای استایل Gradient Overlay به صفر تغییر دهید.

Gradient Overlay

مرحله 4

سپس، لایه های برش را هر طور که میخواهید تکثیر کنید و قرار دهید تا به کابلی که ایجاد کردید اضافه کنید.

Duplicate and Place Clips

13. اضافه کردن یک لایه رنگ بیشتر

بروی آیکون Create new fill or adjustment layer کلیک کنید و گزینه Solid Color را انتخاب کنید. از رنگ #a34799 استفاده کنید، لایه تنظیمی adjustment را زیر لایه Cable قرار دهید و حالت ترکیبی Blend Mode را به Vivid Light تغییر دهید. این کار باعث اعمال رنگ به آجرهای پشت نوشته خواهد شد و درخشش و برق نتیجه ی نهایی را ارتقا خواهد داد.

Solid Color Adjustment Layer

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

در این آموزش، یک تکسچر پس‌زمینه آجری را تغییر دادیم و کمی آنرا تاریکتر کردیم. سپس نوشته را ایجاد کردیم، لایه ی آن را تصویر کردیم (rasterize) و سپس بخش های افقی را از بخش های عمودی و مورب جدا کردیم.

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

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

نهایتا، از ابزار Rectangle استفاده کردیم تا تعدادی برش برای کابل ایجاد کنیم، آنها را تغییر داده و استایل دادیم و در نهایت یک لایه تنظیمی adjustment layer اضافه کردیم تا رنگ نتیجه نهایی را بهتر کنیم.

خواهش میکنم نظرات، پیشنهادات و نتایج خود را در بخش زیر قرار دهید.

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.