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

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

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

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

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

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

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

7 . بهبود Sparkels

گام اول

تمام Smart Object ها رو ذخیره می کنیم و میریم سراغ سند قبلی. توی این مرحله، چیزی مشخص نیست. اما بهتره بدونید که سندی که روش کار می کنیم، انیمیشینی که درست کردیم رو نشون میده. توی چند مرحله بعدی، از Smart Object متحرک برای بزرگ نمایی افکت درخشندگی استفاده می کنیم.

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

گام دوم

از طریق دستور Ctrl+D، Sparkles Smart Object رو Duplicate می کنیم.

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

گام سوم

هر دو Sparkes Smart Object رو انتخاب می کنیم به صورت یک Smart Object در میاریم.

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

گام چهارم

برای باز شدن Smart Object، روی Thumbnail اون دابل کلیک می کنیم. Gaussian Blur با Radius 4.0px رو به لایه بالا اضافه می کنیم.

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

گام پنجم

حالا Threshold رو به صورت لایه Clipping به لایه Copy Sparkles اضافه می کنیم. تنظیمات Threshold پنل Properties رو به شکلی که می بینیم در میاریم تا نقاط بزرگتر بشن.

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

گام ششم

هر دو لایه Threshold و Sparkes Copy رو انتخاب می کنیم و به Smart Object تبدیل می کنیم. اسم این لایه رو Threshold-Blur میزاریم.

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

گام هفتم

حالا یک Gaussian Blur دیگه با Radius 6px به همون لایه اضافه می کنیم.

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

گام هشتم

Blend Mode رو روی Screen و Opacity رو روی 40% قرار میدیم. حالا نقاط روی بوم باید درخشنده به نظر برسن.

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

8. اضافه کردن Lens Flare به Sparkles

گام اول

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

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

گام دوم

از مسیر Filter > Blur > Motion Blur، یک Motion Blur رو با  زاویه -45 درجه و Distance 19px اعمال کنید.

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

گام سوم

حالا یک لایه Threshold دیگه رو به عنوان لایه Clipping اضافه کنید. تا زمانی که خطوط محو رو بشه دید، تنظمیات رو تغییر بدید.

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

گام چهارم

هر دوی این لایه ها رو انتخاب کنید و به Smart Object تبدیل کنید. اسم این لایه رو Threshold-Motion Blur بزارید.

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

گام پنجم

برای ملایم کردن خطوط، یک Motion Blur دیکه  به این Smart Object اضافه کنید. این بار Distance رو به 23px افزایش بدید.

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

گام ششم

روی لایه Threshold-Motion Blur کلیک راست کنید و New Smart Onbject via Copy رو انتخاب کنید. این کار باعث میشه پیوند بین لایه اصلی و لایه کپی از هم باز بشه تا بتونیم بخش های مختلف هر لایه رو بدون اینکه روی Smart Object دیگه اثر داشته باشه، تغییر بدیم.

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

گام هفتم

رو Thumbnail مربوط به Smart Object جدید دابل کلیک می کنیم تا باز بشه. Angel Motion Blur رو روی 45 درجه قرار میدیم. اون رو ذخیره می کنیم و بعد هم می بندیم و میریم سراغ سند قبلی.

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

گام هشتم

حالا Motion Blur Angel مربوط به لایه Threshold-Motion Blur Copy رو روی 45 درجه قرار میدیم.

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

گام نهم

Blend Mode دو لایه Smart Object بالای صفحه رو روی Screen قرار میدیم. حالا باید به شکل زیر به نظر بیاد.

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

گام دهم

با فشار دادن دکمه Spacebar می تونیم افکت متحرک درخشان رو ببینیم. وقتی تموم شد، این سند رو ذخیره می کنیم.

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

9. درست کردن منظره

گام اول

لایه Glitter Texture رو تبدیل به لایه Clipping می کنیم. این طوری انیمیشن فقط روی متن به نمایش در میاد.

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

گام دوم

با استفاده از ابزار Gradient، یک گرادیانت مشکی- سفید به لایه Background یا پس زمینه اضافه می کنیم.

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

گام سوم

برای مشخص کردن رنگ پس زمینه، میریم سراغ لایه Adjustment. Hue/Saturation رو مستقیما بالای لایه Background قرار میدیم و از تنظیمات زیر استفاده می کنیم.

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

گام چهارم

برای اینکه عمق بیشتری به لایه Text بدیم، Layer Style Bevel & Emboss رو اضافه می کنیم و تنظیمات زیر رو وارد می کنیم.

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

گام پنجم

برای مرتب کردن پنل Layers، لایه های Text و Glitter Texture رو انتخاب می کنیم و با استفاده از دستور Ctrl+G، با هم Group می کنیم. به علاوه، لایه Sparkels رو تبدیل به Clipping Layer گروه جدید می کنیم.

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

گام ششم

حالا می خوایم بخش های براقی رو به اطراف متن اضافه کنیم. برای این کار، لایه Text رو انتخاب می کنیم و روش کلیک راست می کنیم. New Smart Object via Copy رو می زنیم. به این ترتیب، پیوند بین Smart Object های Text جدا میشه و می تونیم بخش های مختلف یک Smart Object رو بدون اینکه روی اون یکی تاثیر داشته باشه، تغییر بدیم. اسم این لایه رو Glitter Pile 1 میزاریم و در جایی که در تصویر می بینید، قرار میدیم.

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

گام هفتم

برای ادیت Smart Object، روی Thumbnail اون دابل کلیک می کنیم. به این ترتیب یک مجموعه دیگه از Smart Object باز میشه. برای دسترسی به لایه Text اصلی، روی یکی از Thumbnail ها دابل کلیک می کنیم.

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

گام هشتم

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

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

گام نهم

سند هر Smart Object رو ذخیره می کنیم و می بندیم تا به سند اصلی برسیم. همون طور که می بینید، یک Smart Object جدید روی صفحه داریم. این Smart Object رو پایین سمت چپ متن قرار میدیم.

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

گام دهم

با دستور Ctrl+D، لایه Glitter Texture رو Duplicate می کنیم و بعد به صورت لایه Clipping روی  Glitter Pile 1 Smart Object اعمال می کنیم.

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

گام یازدهم

این تکنیک رو روی کپی Glitter Pile پیاده می کنیم و بالای سمت چپ متن قرار میدیم.

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

10. تکمیل بخش براق

گام اول

حالا یکی از Smart Object های Glitter Texture رو انتخاب می کنیم و Blend Mode رو روی Pin Light میزاریم. به این شکل، جزئیات بیشتری به این قسمت اضافه میشه. این کار رو روی تمام لایه های Glitter Texture تکرار می کنیم.

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

گام دوم

توی این مرحله اختیاری، با ایجاد یک لایه Clipping دیگه، مثلا به Glitter Texture Smart Object مورد استفاده، می تونیم جزئیات بیشتری رو به این قسمت اضافه کنیم. فقط کافیه لایه جدید رو از Noise پر کنیم و از اسلایدر Blend If برای کنترل ترکیب Noise با بافت صفحه، استفاده کنیم. Blend Mode رو روی Soft Light قرار میدیم. این کار رو برای تمام لایه های Glitter texture انجام میدیم.

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

گام سوم

حالا وقتش رسیده که رنگ این قسمت براق رو اصلاح کنیم. Hue/Saturation لایه Adjustment رو به عنوان لایه Clipping روی لایه Sparkles قرار میدیم و تنظمیات زیر رو مشخص می کنیم. یادتون باشه که گزینه Colorize باید تیک داشته باشه.

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

گام چهارم

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

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

گام پنجم

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

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

گام ششم

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

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

11. تکمیل صحنه

گام اول

تمام لایه ها رو انتخاب و به Smart Object تبدیل می کنیم. این کار لازمه. چون این طوری فقط یک شکل برای متحرک سازی در اختیارمون قرار می گیره.

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

گام دوم

قبل از ادامه دادن، باید مطمئن بشیم که توی Smart Object همه چیز به نظر خوبی میاد. برای اصلاح Smart Object، روی Thumbnail اون دابل کلیک می کنیم. دقت کنید که بخش براق پایین صفحه، هنوز هیچ بافتی نداره. این رو تو مرحله بعد درست می کنیم.

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

گام سوم

لایه Glitter texture که روی Glitter Pile 1 اعمال شده رو پیدا می کنیم و اون رو طوری تنظیم می کنیم که کل شکل رو پوشش بده.

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

گام چهارم

سند Smart Object رو ذخیره می کنیم و میریم سراغ بخش فضای کارمون.

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

گام پنجم

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

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

گام ششم

برای مخفی کردن ماسک اطراف مرکز صحنه، از ابزار Brush استفاده می کنیم. همچنین از دستور Ctrl+T هم می تونیم برای درست کردن موقعیت Vignette استفاده کنیم.

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

گام هفتم

برای اتمام Vignette، Blend Mode رو روی Multiply و Opacity رو روی هر عددی که دوست داریم، قرار میدیم.

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

گام هشتم

در آخر، باید افکت Lighting رو اضافه کنیم. روی یک لایه جدید، از ابزار Brush برای اضافه کردن نقطه های بزرگ و ملایم رنگ استفاده می کنیم.

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

گام نهم

Blend Mode رو روی Linear Dodge(Add) و Opacity رو روی 34% قرار میدیم.

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

12. متحرک سازی کل صحنه

گام اول

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

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

گام دوم

از پنل Timeline، روی فلش کنار لایه صحنه کلیک می کنیم تا به به Animation Priperties دسترسی پیدا کنیم. Transform هم باید یکی از این Properties باشه.

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

گام سوم

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

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

گام چهارم

برای تغییر پرسپکتیو لایه، Ctrl+T رو فشارمیدیم. برای اولین فریم، Ctrl رو نگه میداریم و روی نقطه پایین سمت راست کلیک می کنیم و به مست بیرون می کشیم. برای اینکه مسیر مستقیم حفظ بشه، Shift رو حین این کار نگه میداریم.

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

گام پنجم

همین کار رو برای بالای سمت چپ هم انجام میدیم و به اندازه نصف پایین سمت راست، جا به جاش می کنیم. برای اعمال تغییرات، Enter رو می زنیم.

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

گام ششم

شاخص زمان رو روی فریم اول میزاریم و برای Transform شدن لایه یا تغییر پرسپکتیو، Ctrl+T رو فشار میدیم. همون دو نقطه رو به سر جالی اصلی شون بر می گردونیم تا خطوط به شکل مستطیل در بیاد. این طوری کار Transformation مجددا Reset میشه.

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

گام هفتم

حالا دو نقطه دیگه رو می گیریم به سمت مخالف می کشیم. دقت کنید که یک کی فریم به صورت خودکار به Timeline اضافه شد. Transformation رو ادامه میدیم.

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

گام هشتم

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

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

گام نهم

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

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

گام دهم

توی این مرحله اختیاری، می تونیم از طریق مسیر Filter > Blur > tilt Shift، یک افکت Tilt Shift به این مسیر اضافه کنیم. از اونجایی که اون رو به Smart Object اضافه می کنیم، تبدیل میشه با Smart Filter.

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

13. خروجی گرفتن از صحنه نهایی

گام اول

توی مرحله آخر، می تونیم این فایل رو به صورت ویدئو خروجی بگیریم. مسیر File > Export > Render Video رو دنبال می کنیم.

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

گام دوم

توی صفحه Render Video، چهار بخش وجود داره. توی بخش اول، نام فایل و مسیر ذخیره رو مشخص می کنیم.

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

گام سوم

توی بخش دوم، Adobe Media Encoder رو انتخاب می کنیم تا فتوشاپ بتونه فایل رو با فرمت فیلم خروجی بگیره. من توی بخش Format، H.264 رو انتخاب کردم (شما می تونید هر چی خواستید رو انتخاب کنید). Size و Frame Rate رو هم به دلخواه مشخص کنید. Frame rate پیش فرض روی 30 fps قرار داره اما من 24 fps رو انتخاب کردم.

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

گام چهارم

توی بخش سوم، Work Area باید انتخاب شده باشه. نیازی نیست نگران بخش چهارم باشید. چون صحنه مون سه بعدی نیست برای همین به این تنظیمات نیازی نداریم.

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

گام پنجم

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

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

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

توی این آموزش، یاد گرفتیم که چطور میشه از Smart Object قدرتمند برای درست کردن افکت متنی استفاده کرد. همچنین با نحوه استفاده و دستکاری Smart Object رو برای درست کردن انیمیشن های پیچیده، آشنا شدیم. باید بتونید از این تکنیک های توی پروژه های بعدی هم استفاده کنید.

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

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

توصیه می کنم آموزش های مرتبط با فتوشاپ آریا گستر رو حتما مشاهده کنید:

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

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

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

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

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

 

 

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

مطالب مرتبط

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

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

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

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

لینک کوتاه: