آموزش Photoshop : طراحی افکت متنی متحرک و درخشان ولنتاین – قسمت اول

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

آموزش Photoshop : طراحی افکت متنی متحرک و درخشان ولنتاین – قسمت اول

Smart Objects، لایه های قدرتمندی در Photoshop هستن که به ما اجازه ویرایش غیر مخرب رو میدن. توی این دوره آموزشی، برای طراحی افکت متنی متحرک، از Smart Objects کمک می گیریم. با استفاده از Smart Objects به سادگی می تونیم افکت رو به روز کنیم. بیاید شروع کنیم.
با آموزش ” طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول ” با ما همراه باشید…

  • سطح سختی: متوسط
  • مدت آموزش: 60 تا 80 دقیقه
  • نرم افزار استفاده شده: Adobe Photoshop

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

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

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

 

پیش نمایش فیلم ساخته شده در این مقاله آموزشی: 

 

  1. ایجاد متن

گام اول

یک سند جدید درست کنید. من ابعاد 1200 در 1200 پیکسل رو برای سند در نظر گرفتم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

ابزار Type یا T رو بردارید و متن دلخواه رو تایپ کنید. یادتون باشه که این متن باید وسط سند قرار داشته باشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

با کلیک راست روی لایه متن و انتخاب Convert to Smart Object، این لایه رو به Smart Object تبدیل کنید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

با دستور Ctrl+T، پرسپکتیو Smart Object جدید رو به شکل زیر در بیارید. این طوری ظاهر سه بعدی به خودش می گیره و موقعی که متحرک سازی رو شروع می کنیم، به دردمون می خوره.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

  1. براق کردن متن

گام اول

Blend Mode لایه Smart Object رو روی Dissolve بزارید. اولش خیلی تاثیر نداره اما موقعی که توی مرحله بعد، Blur به متن اضافه می کنیم، می تونید تاثیر جالبش رو ببینید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

حالا Gaussian Blur با Radius 5.3x رو از طریق مسیر Filter > Bur > Gaussian Blur اعمال کنید. از اونجایی که Gaussian Blur رو روی Smart Object اعمال می کنیم، تبدیل به Smart Filter میشه (یعنی هر موقع بخوایم می تونیم مقادیر اون رو تغییر بدیم).

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

با فشار دادن Ctrl+J، یک کپی از متن Smart Object تهیه کنید (این دستور، هر Smart Filter که روی Smart Object اعمال شده باشه رو هم کپی می کنه). Radius مربوط به Gaussian Blur که به Smart Filter کپی جدید تعلق داره رو روی 19.6 px قرار بدید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

مرحله قبل رو تکرار کنید اما این بار Radius رو روی 30.5 px بزارید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام پنجم

حالا متن ظاهر خوبی پیدا کرده اما عبارت “Be my” خیلی واضح نیست. توی این مرحله اختیاری، می تونیم یک کپی دیگه از Smart Object تهیه کنیم و Radius مربوط به Gaussian Blur رو روی 3px قرار بدیم. حالا یک لایه ماسک رو روی تمام متن به غیر از خط بالا قرار میدیم. این ماسک باعث میشه خط بالا به اندازه ای که قابل خوندن باشه، تیره بشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام ششم

بیاید Smart Object رو امتحان کنیم. روی یکی از لایه های Smart Object دابل کلیک می کنیم تا باز بشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هفتم

یک متن دیگه رو جایگزین می کنیم و بعد هم سند Smart Object رو از طریق دستور Ctrl+S، Save می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هشتم

حالا بیاید ببینیم عبارت آپدیت شده یا نه. اگه شد که یعنی تنظیمات Smart Object به خوبی انجام شده. حالا بر می گردیم و عبارت اصلی رو جایگزین می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام نهم

آخرین مرحله این هست که تمام لایه های متن رو به Smart Object تبدیل کنیم. برای این کار، تمام لایه های متنی رو از پنل Layers انتخاب می کنیم. بعد روش کلیک راست می کنیم و Convert to Smart Object رو انتخاب می کنیم. اسم Smart Object جدید رو Text میزاریم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

  1. براق کردن متن

گام اول

یک لایه جدید درست می کنیم. رنگ سفید رو براش در نظر می گیریم و بعد اسمش رو Glitter Text میزاریم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

با استفاده از ابزار Gradient، رنگ آبی گرادیانت رو براش در نظر می گیریم. رنگ های مورد استفاده:

– آبی روشن یعنی #b5beda

– آبی تیره یعنی #949aa7

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

برای اینکه ظاهر درخشان تری داشته باشه، Noise رو یک مقدار زیاد می کنیم. مسیر Filter > Noise > Add Noise رو باز می کنیم و مقدار Amount رو روی 2.68% قرار میدیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

یک لایه جدید درست کنید و رنگ سفید رو براش در نظر بگیرید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام پنجم

توی پنجره Add Noise، Amount رو روی 184% قرار میدیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام ششم

مسیر Filter > Blur > Blur More رو دنبال می کنیم. با این کار، Noise طوری محو میشه که دیگه دانه هاش به خوبی مشخص نیست.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هفتم

Median Filter رو با Raduis 1px، از طریق مسیر Filter > Noise > Median، اعمال می کنیم. این مرحله  باعث میشه حس درخشندگی بهمون القا بشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هشتم

Input Levels رو با دستور Ctrl+L، اصلاح می کنیم و از این طریق، مقداری کنتراست به متن اضافه می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام نهم

Blend Mode لایه رو روی Soft Light قرار میدیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دهم

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

یک لایه جدید درست کنید و رنگش رو سفید کنید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام یازدهم

اسلایدر Blend If رو به شکلی که می بینید تنظیم کنید(داخل پنل Layer Style). هدف این هست که بازتاب درخشندگی رنگ سفید رو ایجاد کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوازدهم

برای ایجاد بازتاب لولایت، دو مرحله آخر رو تکرار می کنیم. به جای سفید، این بار از آبی تیره استفاده می کنیم. اسلایدر Blend If رو به شکلی که می بینید، در بیارید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سیزدهم

حالا توی این لایه، باید نواحی سفید و آبی تیره وجود داشته باشه. تمام لایه های مورد نیاز برای متن درخشان رو انتخاب می کنیم و به Convert to Smart Object تبدیل می کنیم. بعدا دوباره میایم سراغ همین لایه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

  1. ایجاد لایه درخشان

گام اول

همه ما می دونیم که هدف از براق بودن، درخشنگی هست. تا زمانی که نقاط درخشان روی تصویر کمی حرکت نداشته باشن، نمی تونیم حس براق بودن رو القا کنیم (اسم این افکت رو Sparke Motion میزاریم). برای ایجاد Sparke Motion، باید از توانایی متحرک سازی فتوشاپ کمک بگیریم. اما قبل از انجام این کار، باید درخشندگی ثابت رو ایجاد کنیم.

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

از پنجره Add Noise، مقدار 190% رو برای Amount در نظر می گیریم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

از طریق مسیر Filter > Blur > Blur Mode، فیلتر Blur Mode رو به Noise ها اضافه می کنیم تا محوتر بشن. فیلتر Blur Mode رو برای بار دوم اضافه می کنیم. این کار رو میشه با دستور Ctrl+F به سرعت انجام داد.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

Levels رو با استفاده از دستور Ctrl+L تغییر میدیم تا Noise ها با فاصله بیشتری نسبت به هم قرار بگیرن.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام پنجم

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام ششم

حالا که دو مجموعه مختلف و تصادفی از Noise داریم، باید اون ها رو روی پس زمینه، Extract کنیم. یکی از لایه های Noise رو انتخاب می کنیم و پنل Channels رو باز می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هفتم

Ctrl رو نگه میداریم و روی Thumbnail لایه RGB کلیک می کنیم. این طوری فقط ناحیه سفید لایه انتخاب میشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هشتم

سراغ پنل Layer میریم و یک لایه جدید درست می کنیم. همون طور که می بینید، بخشی که انتخاب کرده بودیم همچنان در وضعیت انتخاب قرار گرفته. این قسمت رو مشکی می کنیم. شاید به نظر برسه هیچ چیزی تغییر نکرده اما اشکالی نداره.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام نهم

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

  1. متحرک سازی لایه درخشان

گام اول

حالا که دو لایه با Noise های تصادفی داریم، وقتش رسیده که درخشندگی رو ایجاد کنیم. یک لایه جدید درست کنید و رنگ مشکی رو براش در نظر بگیرید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

برای اضافه کردن درشخندگی، از قلموهای مخصوص فتوشاپ استفاده می کنیم. یکی از قلموهای پیش فرض رو بر میداریم و پنل Brushes رو باز می کنیم. از تنظیمات زیر استفاده کنید. هر موقع بخواید می تونید موقع تغییر Properties،  قلمو رو روی بوم امتحان کنید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

برای ملایم تر کردن نقاط، فیلتر Gaussian Blur با Radius 4.0px رو اعمال می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام پنجم

این فرآیند رو روی لایه دوم هم تکرار کنید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

  1. متحرک سازی درخشندگی

گام اول

حالا برای ایجاد افکت درخشندگی، شروع می کنیم به متحرک سازی بخش های مختلف. برا باز شدن پنل Timeline، مسیر Window > Timeline رو دنبال می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوم

پنل Timeline باید زیر صفحه ظاهر بشه. از اونجایی که قصد داریم انیمیشن رو کی فریم کنیم، باید روی دکمه Create Video Timeline کلیک کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سوم

توی این Timeline، باید لایه های پنل Layers وجود داشته باشه. برای دسترسی به Properties هر لایه، می تونیم روی فلشی که کنارش قرار داره، کلیک کنیم. قصد داریم جهت چرخش این لایه ها رو متحرک کنیم. برای این کار باید Transform Property رو کی فریم کنیم. همون طور که می بینید، هیچ Transform Property وجود نداره.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهارم

براس دسترسی به Transform Property، لایه Sparkel رو به Smart Object تبدیل می کنیم. حالا به Properties توی Timeline نگاه کنید. الان میشهTransform رو دید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام پنجم

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام ششم

با دستور Ctrl+T، این لایه رو Transform می کنیم تا یک مقدار از مرکز دور بشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هفتم

سراغ ثانیه 1 روی Timeline میریم. از طریق دستور Ctrl+T، لایه رو به اندازه 90 درجه در جهت عقربه های ساعت می چرخونیم. یادتون باشه محلی که لایه رو تغییر میدیم، به صورت خودکار کی فریم میشه.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام هشتم

این کار رو هر 1 ثانیه یک بار تکرار کنید و برای کی فریم شدن، لایه رو بچرخونید. تا زمانی که لایه 360 درجه بچرخه، این کار رو ادامه بدید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام نهم

همین کار رو روی لایه بعدی Sparke هم انجام بدید. اما این لایه باید جهت دیگه بوم بچرخه. در نهایت انیمیشن باید به شکل زیر به نظر بیاد.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دهم

همون طور که می دونید، Timeline ما مدت 5 ثانیه رو نشون میده اما آخرین کی فریم مون مربوط به ثانیه 4 میشه. بنابراین نشانگر End of Work Area رو روی ثانیه 4 قرار بدید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام یازدهم

لایه Sparke 2 رو هم به اندازه لایه زیرش در بیارید. این کار رو برای لایه Sparke 1 هم انجام بدید.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام دوازدهم

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

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام سیزدهم

حالا تمام لایه هایی که برای انیمیشن درست کرده بودیم رو انتخاب (از جمله لایه مشکی) و به Smart Object تبدیل می کنیم. اسم این Smart Object رو Sparkles میزاریم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

گام چهاردهم

توی این مرحله اختیاری، سراغ Sparkels Smart Object میریم و یک مجموعه دیگه ازش درست می کنیم.

طراحی افکت متنی متحرک و درخشان ولنتاین با Photoshop – قسمت اول

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

 

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

مطالب مرتبط

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

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

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

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

لینک کوتاه: