آموزش ساخت ویدئو یا تصاویر متحرک در برنامه فتوشاپ (Photoshop) با time line panel

برای ساخت انیمیشن، ویدئو یا تصاویر متحرک در برنامه فتوشاپ (Photoshop) بخشی وجود دارد به اسم Time line که در منوی window اگر گزینه Time line را فعال کنید قسمتی در اختیار شما قرار می‌دهد که می‌توانید توسط آن تدوین خطی انجام داده و فایل فرمت‌های مختلفی که برای ساخت انیمیشن لازم دارید را آن‌جا وارد کنید.

برای مثال اگر control O را بزنیم در قسمت فایل فرمت، فایل‌هایی را می‌بینید که در فتوشاپ (Photoshop) می‌توانیم باز کرده اعم از اینکه صدا یا فرمت‌های سینمایی داشته و تصویری متحرک داشته باشند. 

 

 

شروع انیمیشن سازی یا ساخت ویدئو در برنامه فتوشاپ (Photoshop)

برای این کار لازم است که یک ویدئو با هر فایل فرمتی را باز کرده در فتوشاپ (Photoshop) و زمانی که دکمه space را می‌زنیم ویدیو شروع به نمایش می‌کند و کارهای مختلفی می‌توان روی آن انجام دهیم. به عنوان مثال روی فریم‌های مختلف افکت‌های مختلفی گذاشته و کارهای زیادی می‌توان انجام داد.  به عنوان مثال:
روی تصویر نوری مشاهده می‌شود که اگر بخواهیم روی آن ادیتی انجام دهیم مثلا سیاه و سفید کنیم می‌توانیم از بخش hue saturation و saturation را پایین آورده و کلا فیلم سیاه و سفید می‌شود و تاثیر این لایه بر روی فیلم به این خواهد بود.

حتی می‌توانید customize کرده و یک بخشی را به صورت رنگی نگه داشته و مابقی را بصورت سیاه و سفید داشته باشیم. 
میتوانید از بخش levels یا curves استفاده کرده و از curves برای تنظیم رنگ و نور اصلاحیه انجام دهیم و آن به تمام فیلم تعمیم داده شود.

ایجاد سابجکت روی فیلم

اگر بخواهیم همزمان که فیلم نمایش داده می‌شود سابجکتی مثل نوشتار هم روی فیلم ایجاد شود مثلاً در اینجا حرکت دوربین از بالا به سمت پایین است و حالا ما می‌خواهیم به صورت برعکس از پایین به بالا نوشتار روی فیلم بخش شود، چه باید کرد؟

در اینجا از ابزار text  استفاده می‌کنیم و آن را روی صحفه کلیک میکنیم اگر می‌بینید که صفحه صورت Transparency درآمد باید کاری انجام بگیرد‌ که باهم انجام می‌دهیم.

ابتدا نوشته‌ای را قرار می‌دهیم مثلا LOGONOMY.IR و اگر alt+control+g بزنید نوشته روی فیلم قرار می‌گیرد.
گزینه show transform control را فعال می‌کنیم که اگر object را بیرون می‌گذاریم بتوان آن را کنترل و پیدا کرد.
اگر text  را خارج از تصویر قرار دهیم یک لایه اختصاصی به ما می‌دهد. در حقیقت خارج از چرخه قرار می‌گیرد
نوشتار را با کمک نگه‌داشتن alt کوچک کرده و بیرون از صفحه نمایش فیلم قرار می‌دهیم.

خیلی مهم هست که اسلایدر در وضعیت‌ شروع فیلم قرار بگیرد.
در زیرمجموعه تکست که LOGONOMY.IR هست چهار گزینه داریم که هر کدام می‌توان فعال شود و کاری انجام دهد. 
در زیر مجموعه چهار گزینه هست transform, opacity, style و text warp و همه این چهارتا را به تکست می‌دهیم. 
می‌شود در شروع کار opacity را صفر کنیم تا هنگام شروع فیلم text محو باشد و کم کم همزمان با بالا آمدن نوشته به Transparency برسد.

و گزینه transform را تا انتها ادامه می‌دهیم و keyframe را فعال می‌کنیم.
حرکتی که از text میخواهیم این هست که در فریم نهایی در قسمت وسط قرار بگیرد و در این قسمت میتوانید opacity را به 100 برسانید.

با control T سایز نوشته را بزرگ می‌کنیم.
می‌توانیم در این فریم رنگ نوشته را تغییر دهیم و برای رنگ هم transition اتفاق می‌افتد. می‌توانیم رنگ را از یک بخش تصویر گرفته و روی text قرار دهیم.

می‌توانیم روی فریم نهایی گزینه style را زده و به قسمت effects رفته و حالت outer glow را انتخاب کرده (برای درک بهتر layer style به فیلم آموزشی این بخش مراجعه کنید.)

در این بخش mode را روی حالت normal قرار داده و opacity را بالا برده و spread را افزایش داده که روی لبه‌ها ظاهر می‌شود.size را مقداری بالا برده و در حقیقت از کنار به text سایه اضافه می‌شود.

سپس Anit_aliased را فعال کرده و حتی می‌شود از bevel & emposs حالت inner bevel استفاده کنیم تا عمق مختصری به نوشته‌ها بدهیم و به تدریج به این نقطه برسد.
در بخش text warp می‌توانیم به ابزار text مراجعه کنیم که بخش warp text را (این قسمت هم در فیلم‌های آموزشی کامل توضیح داده شده‌است)در حالت arc lower می‌گذاریم.

سپس bend را به سمت پایین می‌آوریم و نوشته حالت قوس داری می‌شود.

خروجی گرفتن از فیلم

بعد از این مراحل وقتی از فریم اول فیلم را پخش می‌کنیم می‌بینیم که همگام با فیلم نوشته ظاهر شده و به فیلم اضافه می‌شود. در این قسمت باید تمام کی‌فریم ها را فعال نگهدارید تا تغییرات اعمال شده روی نوشته باقی‌ بماند. برای خروجی گرفتن از این فیلم وارد منوی file شده و در قسمت export بخش render video را زده و با فرمتی که لازم دارید فایل را خروجی بگیرید. تمام فایل فرمت‌هایی ساپورت می‌شود در اینجا نمایش داده می‌شوند و با زدن گزینه render فایل خروجی از این بخش بیرون می‌آید. در صورت نزدن گزینه رندر فایل با فرمت psd خارج شده و در زمان مشاهده فقط Time line را خواهید دید.

همین کار را به صورت gif animation یعنی بیایم در قسمت Seve for web در منوی file که البته مدت زمانی طول می‌کشد و حجم زیادی هم تحمیل می‌کند به فایل gif و البته در این حالت کیفیت رنگ و تصویر مثل حالت AVI یا mp4 نمی‌شود. تصویر فشرده‌تر هست و حجم رنگ‌ها به میزان قابل ملاحظه‌ای کاهش پیدا می‌کند.

ساخت انیمیشن از تصاویر در برنامه فتوشاپ (Photoshop)

یک حالتی که می‌توان انیمشین درست کرد حالتی است که دیگر فیلم نداریم و خودمان باید از تصاویر فیلم بسازیم. برای مثال تصویری داریم از یک دیوار و می‌خواهیم یک نوشته نئون روی آن قرار بدهیم. برای اینکه حالت شب گونه‌ای به آن بدهیم در بخش adjustment layer وارد قسمت color lookup شده و در این قسمت یک LUT داریم یعنی lookup table داریم به نام moon light که حالت شب را تداعی میکند و روی تصویر قرار می‌دهد

روی همین لایه بااستفاده از ابزار text نوشته‌ای روی تصویر ایجاد می‌کنیم. سایز نوشته را بزرگ کرده و رنگ آن مهم نیست چرا که قرار هست به آن layer style بدهیم. با استفاده از ابزار move tool تصویر را وسط قرار می‌دهیم. حالا دنبال layer style هستیم که حالت نئون را به نوشتار بدهد.

از بخش style حالت نئون را انتخاب کرده و اگر از جایی این حالت را دانلود کرده باشید می‌توانید تغییراتی در آن ایجاد کنید. مثلاً:
در قسمت effects بخش layer style باز می‌شود و می‌توانیم ببینیم stroke چه تنظیماتی دارد‌.
بخش inner glow و outer glow نیز در اینجا وجود دارد.

و حالت drop shodow که همه این  حالات به رنگ آبی و سبز آبی هستند.
نکته بسیار مهمی که در اینجا وجود دارد این است که این layer stayle که روی نوشته باز کرده‌ایم به درد سایز دیگری میخورد و خیلی کوبندگی لازم را ندارد. روی effects کلیک راست کرده و scale layer effects را باز کرده و scale را بالاتر می‌بریم. مشاهده خواهیم کرد که حالت نئون به شکلی که باید در می‌آید و حالت طبیعی تری به دیوار پشت صفحه و تصویر بدهد. خب این می‌شود یک فریم برای ما چرا که در حقیقت هر لایه یک فریم محسوب می‌شود.

حالا یک نئون دیگر می‌دهیم مثلا نئون سبز رنگ همان ترتیب قبل از انجام داده و scale را بالا می‌بریم که حالت نئون تصویر بیشتر و طبیعی‌تر شود. حالا می‌خواهیم در یک حرکت رفت و برگشت کاری کنیم که این نوشته به طور مکرر خاموش و روشن شود به رنگ سبز و آبی در بیاید. کاری که باید انجام  دهیم این است که:

در قسمت create frame animation دو گزینه create frame animation و create video timeline را مشاهده می‌کنید که ما چون ویدیو نداریم گزینه create frame animation را انتخاب می‌کنیم.
از بخش panel option می‌توانید سایز فریم را بزرگ‌تر کنید.

از بخش زمان می‌توانیم زمان توقف روی هر فریم را تعیین کنیم.

یک کپی از تصویری که ساختیم می‌گیریم و اگر نیاز بود زمان را برای آن تنظیم می کنیم.

یک کپی از لایه سبز رنگ میگیریم و این کار را به ترتیب انجام می‌دهیم. یک کپی از لایه آبی و یک کپی از لایه سبز میگیریم.
برای خروجی gif به منوی file رفته و در قسمت export به بخش Seve for web مراجعه کرده و فایل فرمت‌هایی که ساپورت می‌کند اینجا کاملا قابل مشاهده و انتخاب است.

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