مغزابزار > آموزش‌ > طراحی و تصویرسازی > افکت متنی > روش ایجاد افکت متن نور نئون واقعگرایانه در فتوشاپ
آموزش فتوشاپ افکت متنی

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

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

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

سطح آموزش: متوسط

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

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

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

فونت Beon Medium، تصویر دیوار آجری  و پترن گرانج تکرارشونده

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

مرحله ۱

یک سند جدید با ابعاد ۱۵۰۰ در ۹۵۰ پیکسل ایجاد کنید و رزولوشن را بروی ۳۰۰ قرار دهید.

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

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

مرحله ۲

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

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

مرحله ۳

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

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

مرحله ۴

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

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

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

مرحله ۱

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

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

مرحله ۲

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

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

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

مرحله ۳

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

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

مرحله ۴

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

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

مرحله ۵

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

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

مرحله ۶

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

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

مرحله ۷

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

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

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

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

مرحله ۱

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

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

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

مرحله ۲

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

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

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

مرحله ۳

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

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

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

مرحله ۴

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

  • Opacity (شفافیت): ۸۵%
  • Color (رنگ): #fe66f1
  • Source (سورس): Center
  • Size (سایز): ۱۸

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

مرحله ۵

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

  • Distance (فاصله): ۱۳
  • Size (سایز): ۷

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

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

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

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

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

مرحله ۱

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

  • Size (سایز): ۱۶
  • تیک گزینه Use Global Light را بردارید.
  • Angle (زاویه): -۳۶
  • Altitude (ارتفاع): ۴۲
  • Contour (حد فاصل): Cove – Deep
  • گزینه Anti-Aliased را تیک بزنید.
  • Highlight Mode (حالت ترکیبی هایلایت): Vivid Light
  • مقدار Opacity را برای Shadow Mode (حالت ترکیبی سایه) صفر کنید.

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

مرحله ۲

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

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

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

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

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

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

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

مرحله ۱

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

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

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

مرحله ۲

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

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

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

مرحله ۳

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

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

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

مرحله ۴

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

  • Color (رنگ): #۷f2d65
  • Size (سایز): ۱۵

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

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

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

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

مرحله ۱

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

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

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

مرحله ۲

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

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

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

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

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

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

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

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

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

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

استایل کپی دوم لایه افقی را کپی کنید و در کپی دوم لایه عمودی پیست کنید، و سپس بروی کپی دوم لایه عمودی کلیک دوبل کنید و مقادیر Angle و Altitude را برای افکت Bevel and Emboss به ترتیب ۸۲- و ۵۳ تغییر دهید.

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

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

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

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

مرحله ۱

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

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

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

مرحله ۲

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

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

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

مرحله ۳

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

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

مرحله ۴

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

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

مرحله ۵

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

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

مرحله ۶

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

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

مرحله ۷

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

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

مرحله ۸

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

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

۱۰. استایل دادن به کابل

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

مرحله ۱

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

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

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

مرحله ۲

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

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

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

مرحله ۳

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

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

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

مرحله ۴

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

  • Opacity (شفافیت): ۶۰%
  • Distance (فاصله): ۱۳
  • Size (سایز): ۱۰

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

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

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

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

مرحله ۱

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

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

مرحله ۲

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

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

مرحله ۳

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

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

مرحله ۴

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

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

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

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

مرحله ۱

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

  • Opacity (شفافیت): ۴۲%
  • بروی نوار Gradient کلیک کنید تا گرادینت را با رنگ #۱۵۱۵۱۵ در سمت چپ، #۶d6d6d در مرکز و #۱۶۱۶۱۶ در سمت راست ایجاد کنید.

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

مرحله ۲

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

  • Opacity (شفافیت): ۶۰%
  • Distance (فاصله): ۱۳
  • Size (سایز): ۱۰

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

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

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

مرحله ۳

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

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

مرحله ۴

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

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

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

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

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

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

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

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

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

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

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

دیدگاه خود را مطرح کنید