امروز قصد داریم نحوه ساخت انیمیشن در فتوشاپ را به شما آموزش دهیم. حتما تا حالا اسم ImageReady را شنیده اید. ImageReady برنامه کمکی فتوشاپ است که توسط آن می توان انیمیشن های ساده ایجاد کرد.
ImageReady برای ساخت انیمیشن کاربرد دارد که می توان گفت به همان طریق کارکرد در فتوشاپ موجود است و نیاز نیست از فتوشاپ اکسپورت (export) بگیریم، در همان نرم افزار فتوشاپ می توانیم کارمان را جلو ببریم.
انیمیشن سازی در ورژن cs3 اضافه شده است.
ما به شما آموزش خواهیم داد که چطور می توان به گرافیک ها حرکت اضافه کرد و آن ها را به عنوان gif استخراج کرد.
برای شروع کار، یک سند جدید ایجاد می کنیم و مورد انیمیشن سازی را بروی یک متن آغاز می کنیم.
برای انجام این کار به مسیر زیر میرویم و پنجره اى مانند تصویر زیر مشاهده خواهید کرد:
Window > animation
پنجره باز شده برای ایجاد کردن فریم های کلیدی انیمیشن استفاده می گردد .
اکنون یک فریم کلیدی جدید استفاده میکنیم زیرا فقط یک فریم در حالت فعلی موجود است
دکمه duplicate frame را بزنید تا پنجره ایی همانند تصویر زیر داشته باشیم.
اگر هر دو فریمی که دارید دقیقا یکی هستند ، نگران نباشید (دلیلش کپی گرفتن شماست) زیرا برای شروع مشابه ما بهتر است. برای شروع تغییرات باید برای انتها، فریم کلیدی دوم را درنظر بگیرید. نیازی نیست هر مرحله را بازسازی کنیم. هنگامی که مطمئن شدید دومین فریم نیز انتخاب شده است مانند زیر لایه تکست را به راست ترین قسمت موجود بکشید (drag)
بعد از انجام مراحل بالا نوبت به انجام tweening یا انیمیشن سازی فریم میانی است.
هنگامی که بین دو فریم کلیک کنیم تفاوت دو فریم مشخص میشود و فتوشاپ میتواند انیمیشن میانی را بسازد.
دوباره فریم کلیدی دو را انتخاب میکنیم و دکمه Tweening که در کنار دکمه duplicate قرار دارد را می زنیم.
در پنجره باز شده تعداد فریم های مورد نیاز ما برای tween شدن و اضافه کردن را سوال می کند که همان پنج را که به عنوان پیش فرض است را انتخاب میکنیم.
دو فریم قبلی و پنج فریم جدید ، اکنون هفت فریم موجود است که هر کدام با دیگری اندکی متفاوت است که این تفاوت ها در ایجاد حرکت می باشد.
حالا برای پیش نمایش انیمیشن میتوانیم play کنیم.
سرعت انیمیشن و تند و کند بودن آنرا میتوانیم با فلش کوچک مشکی موجود در قسمت پایین سمت راست تغییر دهیم ، که این کار مدت زمان نمایش فریم ها را تغییر میدهد.
حالا قسمت اصلی کار تمام شده و شما میتوانید فرایند انیمیشن سازی را برای متن تکرار کنید و آنها را با ویرایش های دلخواه از جمله حرکت های قوسی شکل و …. امتحان کنید.
در انتها برای ذخیره به عنوان gif به مسیر زیر بروید:
File > save for web & devices