آموزش Photoshop : طراحی افکت متنی نئونی

دسته بندی :گرافیک دو بعدی 3273
آموزش Photoshop : طراحی افکت متنی نئونی

آموزش Photoshop : طراحی افکت متنی نئونی

توی این آموزش، طراحی افکت متنی نئونی رو با Photoshop با هم می بینیم. برای این کار از Layer Style هم کمک می گیریم. بیاین شروع کنیم!

با ” آموزش Photoshop : طراحی افکت متنی نئونی ” با ما همراه باشید…

  • سطح سختی: مبتدی
  • مدت آموزش: 20 تا 30 دقیقه
  • نرم افزار استفاده شده: Adobe Photoshop
  1. طراحی الگو

گام اول

فتوشاپ رو باز می کنیم. وارد مسیر File > New میشیم و یک سند 6 در 6 پیکسل درست می کنیم. Background Contents رو میزاریم روی Transparent.

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

ابزار Pencil رو بر می داریم. Size رو روی 1 پیکسل قرار میدیم و خطوط مورب رو رسم می کنیم.

آموزش Photoshop : طراحی افکت متنی نئونی

گام سوم

Ctrl+A رو فشار میدیم تا تصویر انتخاب بشه. بعد هم وارد مسیر Edit > Define Pattern میشیم. DL Pattern رو توی فیلد Name وارد می کنیم.

آموزش Photoshop : طراحی افکت متنی نئونی

به این ترتیب، این الگو به Library اضافه میشه.

  1. طراحی پس زمینه

گام اول

یک سند 4000 در 1420 پیکسل درست می کنیم. Resolution رو روی 300 قرار میدیم. Background Contents رو میزاریم روی Transparent.

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

وارد مسیر Layer > New Fill Layer > Gradient میشیم. عبارت Background رو توی فیلد Name وارد می کنیم.

آموزش Photoshop : طراحی افکت متنی نئونی

گام سوم

به این ترتیب، یک صفحه ظاهر میشه. روی Gradient Box کلیک می کنیم و Gradient Fill رو با کد رنگی #535353 در چپ و #373737 در راست وارد می کنیم. بعد هم Ok می زنیم.

آموزش Photoshop : طراحی افکت متنی نئونی

گام چهارم

Background رو انتخاب می کنیم. وارد مسیر layer > Group Layers میشیم. اسم گروه رو میزاریم Background و اون رو می بندیم.

آموزش Photoshop : طراحی افکت متنی نئونی

  1. ایجاد Text Smart Object

گام اول

ابزار Type رو بر می داریم و فونت Intro رو براش در نظر می گیریم. Font Size رو روی 230 پیکسل قرار میدیم. کلمه ACID رو با حروف بزرگ تایپ می کنیم. رنگش مهم نیست.

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

لایه ACID رو انتخاب می کنیم و Ctrl+A رو فشار میدیم. ابزار Move رو بر می داریم. روی Align Vertical Center و Align Horizontal Center کلیک می کنیم. به این ترتیب، لایه متن به  مرکز سند منتقل میشه.

آموزش Photoshop : طراحی افکت متنی نئونی

گام سوم

مطمئن میشیم که لایه ACID انتخاب شده باشه. روی اسم لایه دابل کلیک می کنیم و اون رو به Text Layer تبدیل می کنیم. بعد هم Enter می زنیم.

آموزش Photoshop : طراحی افکت متنی نئونی

گام چهارم

وارد مسیر layer > Smart Objects > Convert to Smart Object میشیم.

آموزش Photoshop : طراحی افکت متنی نئونی

گام پنجم

Smart Object رو چهار بار Duplicate می کنیم. در نتیجه این کار، پنج تا کپی از Smart Objectداریم. اسم هر لایه رو از بالا به پایین به صورت Text_1, 2, 3, 4, 5 تغییر میدیم. همه اون ها رو انتخاب و با هم گروه می کنیم. اسم گروه رو هم میزاریم Text.

آموزش Photoshop : طراحی افکت متنی نئونی

  1. اضافه کردن Layer Style برای لایه Text_1

گام اول

اول از همه Fill Opacity رو میزاریم روی 0.

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

روی لایه Text_1 دابل کلیک می کنیم و layer Style زیر رو روی  اون اعمال می کنیم. یک Pattern Overlay با تنظیمات زیر اضافه می کنیم.

Blend Mode روی Overlay

Opacity روی 100 درصد

روی Pattern کلیک می کنیم و الگویی که قبلا درست کرده بودیم رو انتخاب می کنیم

Scale روی 100 درصد

آموزش Photoshop : طراحی افکت متنی نئونی

به این ترتیب، متن به صورت زیر در میاد.

آموزش Photoshop : طراحی افکت متنی نئونی

  1. اضافه کردن layer Style به لایه Text_2

گام اول

Fill Opacity رو میزاریم روی 0.

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

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

Size روی 20 پیکسل

Position روی Outside

Blend Mode روی Normal

Opacity روی 100 درصد

Fill Type روی Gradient

Gradient از #001100 تا #00450b

Style روی Linear

Angle روی 90 درجه

Scale روی 100 درصد

تیک Reverse و Dither رو بر می داریم

آموزش Photoshop : طراحی افکت متنی نئونی

گام سوم

Inner Glow با تنظیمات زیر اضافه می کنیم.

Blend Mode روی Normal

Opacity روی 100 درصد

Noise روی 0 درصد

Color روی #ffa81f

Technique روی Softer

Source روی Edge

Choke روی 100 درصد

Size روی 10 پیکسل

تیک Anti aliased رو بر می داریم

Range روی 100 درصد

Jitter روی 0 درصد

آموزش Photoshop : طراحی افکت متنی نئونی

گام چهارم

یک Gradient Overlay با تنظیمات زیر اضافه می کنیم:

Blend Mode روی Normal

تیک reverse و Dither رو بر می داریم

Opacity روی 100 درصد

روی Gradient کلیک می کنیم و کد رنگی #aede00 رو به صورت 0 درصد و کد رنگی #759b00 رو به صورت 50 درصد و کد رنگی #cdfc00 رو به صورت 51 درصد و کد رنگی #cdfc00 رو به صورت 100 درصد تنظیم می کنیم.

Style روی Linear

Angle روی 90 درجه

Scale روی 100 پیکسل

آموزش Photoshop : طراحی افکت متنی نئونی

نتیجه به صورت زیر در میاد.

 آموزش Photoshop : طراحی افکت متنی نئونی

  1. اضافه کردن Layer Style به لایه Text_3

روی لایه Text_3 دابل کلیک می کنیم و Layer Style زیر رو اعمال می کنیم. Stroke با تنظیمات زیر رو اضافه می کنیم:

Size روی 30 پیکسل

Position روی Outside

Blend Mode روی Normal

Opacity روی 100 درصد

Fill Type روی Color

Color روی #00450b

آموزش Photoshop : طراحی افکت متنی نئونی

این هم از نتیجه.

آموزش Photoshop : طراحی افکت متنی نئونی

  1. اضافه کردن Layer Style به لایه Text_4

روی لایه Text_4 کلیک راست می کنیم. Blending Options رو انتخاب می کنیم.

گام اول

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

Size روی 50 پیکسل

Position روی Outside

Blend Mode روی Normal

Opacity روی 100 درصد

Fill Type روی Gradient

Gradient از #ad036d تا #e4024d

Style روی Linear

Angle روی 90 درجه

Scale روی 100 درصد

تیک Reverse و Dither رو بر می داریم

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

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

Blending Mode روی Normal

کد رنگی #000000 رو انتخاب می کنیم

Opacity روی 13 درصد

تیک Use Global Light رو بر می داریم

Angle روی 135 درجه

Distance روی 20 پیکسل

Spread روی 100 درصد

Size روی 60

آموزش Photoshop : طراحی افکت متنی نئونی

نتیجه رو در زیر می بینین.

آموزش Photoshop : طراحی افکت متنی نئونی

  1. اضافه کردن Layer Style به لایه Text_5

این لایه رو انتخاب می کنیم و اون رو 20 پیکسل به پایین میاریم.

گام اول

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

Size روی 70 پیکسل

Position روی Outside

Blend Mode روی Normal

Opacity روی 100 درصد

Fill Type روی Gradient

Gradient از #75064b تا #991641

Style روی Linear

Angle روی 90 درجه

Scale روی 100 درصد

تیک Reverse و Dither رو بر می داریم

آموزش Photoshop : طراحی افکت متنی نئونی

گام دوم

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

Blending Mode روی Normal

کد رنگی #000000 رو بر می داریم

Opacity روی 40 درصد

تیک Use Global Light رو بر می داریم

Angle روی 135 درجه

Distance روی 60 پیکسل

Spread روی 100 درصد

Size روی 45

آموزش Photoshop : طراحی افکت متنی نئونی

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

افکت نهایی رو در زیر می بینین.

آموزش Photoshop : طراحی افکت متنی نئونی

امیدواریم ” آموزش Photoshop : طراحی افکت متنی نئونی ”  برای شما مفید بوده باشد…

توصیه می کنم دوره های جامع فارسی مرتبط با این موضوع آریاگستر رو مشاهده کنید:

– صفر تا صد آموزش فتوشاپ

– صفر تا صد آموزش  فتوشاپ در عکاسی

 جادوی فتوشاپ پک 1

 جادوی فتوشاپ پک 2

– صفر تا صد آموزش دیجیتال پینتینگ – پک 1

– صفر تا صد آموزش دیجیتال پینتینگ – پک 2

توجه : مطالب و مقالات وبسایت آریاگستر تماما توسط تیم تالیف و ترجمه سایت و با زحمت فراوان فراهم شده است . لذا تنها با ذکر منبع آریا گستر و لینک به همین صفحه انتشار این مطالب بلامانع است !

دوره های آموزشی مرتبط

مطالب مرتبط

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز یا بی ارتباط با موضوع آموزش باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.

دیدگاهتان را بنویسید

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

لینک کوتاه: