آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون (+ دانلود فیلم آموزش گام به گام)

۱۰۶۵ بازدید
آخرین به‌روزرسانی: ۰۹ مرداد ۱۴۰۲
زمان مطالعه: ۴۰ دقیقه
آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون (+ دانلود فیلم آموزش گام به گام)

با استفاده از جلوه‌های درخشان و براق می‌توان تصاویر زرق و برق‌دار زیبایی را در فتوشاپ ایجاد کرد. در این آموزش با نحوه ویرایش یک دیوار آجری و استفاده از استایل لایه‌ها به همراه ابزار «Pen» برای ایجاد متون براق و جلوه نئون آشنا خواهید شد.

محتوای این مطلب جهت یادگیری بهتر و سریع‌تر آن، در انتهای متن به صورت ویدیویی نیز ارائه شده است.

موارد مورد نیاز

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

  • فونت Beon Medium
  • تصویر دیوار آجری با اندازه 2000 پیکسل در 2328 پیکسل
  • الگوی یکپارچه «Light Grunge 2»

تمامی این موارد را می‌توانید از این لینک دانلود نمایید.

1. ساخت تصویر پس‌زمینه

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

گام اول

یک سند با اندازه 1500 پیکسل در 950 پیکسل ساخته و اندازه «Resolution» آن را به 300 تغییر دهید.

از طریق منوی «File» گزینه «Place Embedded» را زده و تصویر «BirckOldRounded0061» را باز کنید. اندازه تصویر را به هر اندازه‌ای که می‌خواهید تغییر داده و سپس کلید «Enter» را فشار دهید تا تغییرات اعمال شوند.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

بر روی آیکون «Create new fill or adjustment layer» در پایین پنل لایه‌ها کلیک کرده و گزینه «Levels» را بزنید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

بر روی آیکون «Clip adjustment to layer» در پایین پنل «Properties» کلیک کرده و سپس مقدار «Shadow» را به 85 تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

مجددا بر روی آیکون «Create new fill or adjustment layer» کلیک کرده و گزینه «Hue/Saturation» را برگزینید. بر روی آیکون «Clip adjustment to layer» در پنل «Properties» کلیک کرده و مقادیر «Saturation» و «Lightness» را به ترتیب بر روی 11 و 83- قرار دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

2. ساخت متن

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

گام اول

متن خود را در حالت تمام بزرگ و با فونت «Beon Medium» بنویسید. از کد رنگ «a33e88‏#» و اندازه‌ی pt ‏103 استفاده کنید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک کپی از لایه متن خود ایجاد کرده و با کلیک کردن بر روی آیکون چشم که در کنار لایه‌ در پنل لایه‌ها قرار دارد، لایه را مخفی کنید. سپس بر روی لایه راست کلیک کرده و گزینه «Rasterize Type» را بزنید.

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

ابزار «Rectangular Marquee» (یا هر ابزار انتخاب دیگری) را برداشته، بر روی آیکون «Add to selection» در نوار «Options» کلیک کرده و بخش‌های افقی متن خود را انتخاب نمایید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام پنجم

مقدار «Fill» هر دو لایه‌های «Vertical» و «Horizontal» را به صفر تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام ششم

از هر دو لایه، دو کپی ایجاد کرده و آن‌ها را در گروه‌هایی با اسامی «Vertical» و «Horizontal» بگذارید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام هفتم

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

3. قالب‌دهی به لایه‌ی افقی اصلی

بر روی لایه‌ی اصلی «Horizontal» دابل کلیک کرده و طبق گام‌های زیر، استایل‌های گفته شده را بر روی آن اعمال کنید.

گام اول

یک استایل «Bevel and Emboss» با تنظیمات زیر اعمال نمایید:

  • Size: ‏10
  • Use Global Light: غیر فعال
  • Angle: صفر
  • Altitude: ‏70
  • Anti-aliased: فعال
  • Highlight Mode: ‏Linear Light
  • Shadow Mode - Opacity: صفر درصد

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Contour» اعمال کرده و گزینه «Anti-aliased» را فعال کنید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

یک استایل «Inner Shadow» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Screen
  • Color: ‏e658d4‏#
  • Angle: ‏30
  • Distance: صفر

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

یک استایل «Inner Glow» با تنظیمات زیر اعمال کنید:

  • Opacity: ‏85%
  • Color: ‏fe66f1‏#
  • Source: ‏Center
  • Size: ‏18

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام پنجم

یک استایل «Drop Shadow» اعمال کرده و مقادیر «Distance» و «Size» را به ترتیب بر روی 13 و 7 قرار دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

4. قالب‌دهی به اولین کپی از لایه‌ی افقی

بر روی اولین کپی از لایه‌ی «Horizontal» دابل کلیک کرده و طبق گام‌های زیر، استایل‌های گفته شده را بر روی آن اعمال کنید.

گام اول

یک استایل «Bevel and Emboss» با تنظیمات زیر اعمال نمایید:

  • Size: ‏16
  • Use Global Light: غیر فعال
  • Angle: ‏36-
  • Altitude: ‏42
  • Contour: ‏Cove - Deep
  • Anti-aliased: فعال
  • Highlight Mode: ‏Vivid Light
  • Shadow Mode - Opacity: صفر درصد

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Contour» با تنظیمات زیر اعمال کنید:

  • Contour: ‏Cone - Inverted
  • Anti-aliased: فعال

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

با اعمال این تنظیمات، متن ما براق‌تر می‌شود.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

5. قالب‌دهی به دومین کپی از لایه‌ی افقی

بر روی دومین لایه‌ی کپی از لایه‌ی «Horizontal» دابل کلیک کرده و استایل‌های زیر را اعمال نمایید:

گام اول

یک استایل «Bevel and Emboss» با تنظیمات زیر اعمال کنید:

  • Size: ‏16
  • Use Global Light: غیر فعال
  • Angle: ‏18
  • Altitude: ‏58
  • Contour: ‏Half Round
  • Anti-aliased: فعال
  • Highlight Mode: ‏Vivid Light
  • Shadow Mode - Opacity: صفر درصد

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Contour» با تنظیمات زیر اعمال کنید:

  • Contour: ‏Sawtooth 2
  • Anti-aliased: فعال

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

یک استایل «Inner Glow» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Linear Light
  • Noise: ‏5%
  • Color: ‏ffdcfa#
  • Source: ‏Center
  • Size: ‏37

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

یک استایل «Outer Glow» با تنظیمات زیر اعمال کنید:

  • Color:7f2d65‏#
  • Size: ‏15

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

6. قالب‌دهی لایه‌ی عمودی اصلی

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

گام اول

بر روی لایه «Vertical» اصلی دابل کلیک کرده و در استایل «Bevel and Emboss» برای «Angle» و «Altitude» به ترتیب مقادیر 90 و 74 را برگزینید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Inner Glow» اضافه نموده و مقدار «Size» آن را به 15 تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

اکنون جلوه‌ی خطوط عمودی و مورب ما تا حدی آماده شده است.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

7. قالب‌دهی اولین کپی از لایه عمودی

همانند بخش قبلی، استایل اولین لایه‌ی کپی «Horizontal» را به اولین لایه‌ی کپی «Vertical» کپی کنید، سپس بر روی لایه‌ی کپی «Vertical» دابل کلیک کرده و در استایل «Bevel and Emboss» مقادیر «Angle» و «Altitude» را به ترتیب به 76- و 53 تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

کار ما با اولین کپی از لایه‌ی عمودی تمام است.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

8. قالب‌دهی دومین کپی از لایه عمودی

استایل دومین کپی از لایه‌ی «Horizontal» را به دومین کپی از لایه‌ی «Vertical» کپی کنید، سپس بر روی دومین لایه‌ی کپی از «Vertical» کلیک کرده و در استایل «Bevel and Emboss» مقادیر «Angle» و «Altitute» را به ترتیب بر روی 82- و 53 قرار دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

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

گام اول

یک لایه‌ی جدید در زیر لایه‌ی اصلی متن خود که مخفی کرده‌ایم بسازید. نام آن را «Background Light» گذاشته و مقدار «Blend Mode» آن را به «Linear Light» تغییر دهید.

رنگ پیش‌زمینه (Foreground) را به «98338b#» تغییر داده، ابزار «Brush» را برداشته و یک قلم بسیار بزرگ، نرم و با نوک گرد انتخاب کنید. سپس یک بار بر روی هر بخش کلیک کنید تا بخش‌هایی رنگی در پشت متن ایجاد شود (از نگه داشتن و کشیدن قلم خودداری کنید).

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک لایه دیگر در زیر لایه‌ی «Background Light» ایجاد کرده و نام آن را «Cable» بگذارید. ابزار «Pen» را برداشته و از نوار «Options» گزینه «Path» را انتخاب کنید.

اکنون باید مسیرهایی که می‌خواهید کابل در آن قرار داشته باشد را رسم کنید. می‌توانید در هر جا که می‌خواهید کلیک کنید تا «Anchor Point» ایجاد شود، یا کلیک را نگه داشته و ماوس خود را بکشید تا منحنی به وجود بیاید. به یاد داشته باشید که نیازی نیست مسیر ایجاد شده بدون نقص باشد، چراکه در هر زمان می‌توانید با استفاده از ابزار «Direct Selection» مسیر خود را ویرایش نمایید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

برای این که بتوانید مسیرها را از یکدیگر جدا کنید، کلید «Ctrl» را نگه داشته و در خارج از مسیری که طراحی کرده‌اید کلیک کنید. با این کار مسیرهای بعدی که می‌سازید به این مسیر متصل نخواهند بود.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

با تمرکز به رسم مسیر‌های خود ادامه دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام پنجم

ابزار «Brush» را برداشته، پنل «Brush» را از طریق منوی «Window» باز کرده و یک قلم گرد پر رنگ با اندازه‌ی 7 پیکسل و مقدار «Spacing» ‏1 پیکسل بردارید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام ششم

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام هفتم

از طریق منوی کشویی «Tool» گزینه «Brush» را انتخاب کرده و «Simulate Pressure» را غیر فعال نمایید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام هشتم

با این کار مسیر شما پر‌ رنگ خواهد شد. کلید «Enter» را بزنید تا تغییرات، اعمال شده و مسیر ایجاد شده حذف شود.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

10. قالب‌دهی به کابل

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

گام اول

یک استایل «Bevel and Emboss» با تنظیمات زیر اعمال نمایید:

  • Anti-aliased: فعال
  • Highlight Mode: ‏Vivid Light
  • Color: ‏ec6ab7‏#
  • Opacity: ‏24%

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Contour» اعمال نموده و گزینه «Anti-aliased» را در آن فعال کنید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

یک استایل «Pattern Overlay» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Multiply
  • Pattern: ‏8

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

یک استایل «Drop Shadow» با تنظیمات زیر اعمال کنید:

  • Opacity: ‏60%
  • Distance: ‏13
  • Size: ‏10

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

با اعمال این تنظیمات، کابل ما قالب‌دهی خواهد شد.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

11. طراحی گیره برای کابل

اکنون به عنوان آخرین بخشی که به تصویر خود اضافه می‌کنیم، می‌خواهیم تعدادی گیره برای کابل‌ها در تصویر خود مشخص نماییم.

گام اول

ابزار «Rectangle» را برداشته و یک مستطیل به اندازه 11 پیکسل به 15 پیکسل رسم نمایید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

ابزار «Add Anchor Point» را برداشته و با کلیک کردن بر روی مستطیل خود، دو نقطه در مرکز ضلع‌های عمودی آن ایجاد کنید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

ابزار «Direct Selection» را برداشته، نقاط مرکزی را انتخاب کرده و سپس کلید جهت‌نمای چپ را یک بار بزنید تا یک پیکسل به چپ حرکت کنند.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

یک کپی از لایه‌ی مستطیل خود ایجاد کرده و سپس از طریق منوی «Edit» و بخش «Transform»، گزینه «Rotate 90° Clockwise» را بزنید. نام لایه‌ی مستطیل عمودی را به «V» و افقی را به «H» تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

12. قالب‌دهی به گیره

بر روی لایه‌ی «H» دابل کلیک کرده و استایل‌های گفته شده در گام‌های زیر را بر روی آن اعمال کنید.

گام اول

یک استایل «Gradient Overlay» با تنظیمات زیر اعمال نمایید:

  • Opacity: ‏42%
  • بر روی جعبه رنگ «Gradient» کلیک کنید. در چپ از رنگ «151515#»، در وسط از رنگ «6d6d6d#» و در راست نیز از رنگ «161616#» استفاده نمایید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام دوم

یک استایل «Drop Shadow» با تنظیمات زیر اعمال کنید:

  • Opacity: ‏60%
  • Distance: ‏13
  • Size: ‏10

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

با این کار یک گیره افقی ایجاد می‌شود.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام سوم

استایل لایه‌ی H را به لایه‌ی V کپی کنید. سپس بر روی لایه‌ی V دابل کلیک کرده و مقدار «Angle» را در بخش «Gradient Overlay» به صفر تغییر دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

گام چهارم

سپس لایه‌های گیره را کپی کرده و در هر جایی که می‌خواهید در تصویر خود قرار دهید.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

13. اضافه کردن لایه‌ی رنگی آخر

بر روی آیکون «Create new fill or adjustment layer» کلیک کرده و گزینه «Solid Color» را انتخاب نمایید. از رنگ «a34799‏#» استفاده کرده و لایه را در زیر لایه‌ی «Cable» قرار دهید، سپس مقدار «Blend Mode» آن را به «Vivid Light» تغییر دهید.

با این کار رنگ انتخاب شده بر روی آجرهای پشت متن اعمال خواهد شد و درخشش و روشنایی نهایی را بهبود می‌بخشد.

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون

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

^^

فیلم‌ های آموزش آموزش فتوشاپ: طراحی متن با جلوه لامپ نئون (+ دانلود فیلم آموزش گام به گام)

فیلم آموزشی طراحی متن با جلوه نئون در فتوشاپ - بخش اول

دانلود ویدیو

فیلم آموزشی طراحی متن با جلوه نئون در فتوشاپ - بخش دوم

دانلود ویدیو
بر اساس رای ۴ نفر
آیا این مطلب برای شما مفید بود؟
اگر بازخوردی درباره این مطلب دارید یا پرسشی دارید که بدون پاسخ مانده است، آن را از طریق بخش نظرات مطرح کنید.
منابع:
Envato TutsPlus
نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *