حتما در بسیاری از وب سایت ها بنر های تبلیغاتی متحرک را دیده اید. برای تهیه این بنر ها از برنامه هایی مثل Flash یا Photoshop می توان استفاده کرد.
در این بخش با استفاده از فتوشاپ یک بنر ساده ایجاد می کنیم و البته شما با کمی خلاقیت می توانید مدل های بسیار حرفه ای تر بسازید. کافیست با اصول ساده آن آشنا شوید. البته شما باید آشنایی مقدماتی با فتوشاپ داشته باشید.
من از Photoshop CS2 استفاده می کنم اما اصول و روش کار در همه ورژن ها تقریبا به همین شکل است. ابتدا برنامه را باز کنید و از منوی Window گزینه Animation را انتخاب کنید:

پنجره انیمیشن به فتوشاپ شما اضافه می شود.

و برای شروع کار یک رنگ تیره به زمینه کار می زنیم.
همانطور که می بینید دو لایه rotate فعلا بر هم منطبق هستند.
حال بایستی شروع به ساخت انیمیشن کنیم. برای این کار احتیاج به 2 فریم شروع و پایان کار داریم. با کلیک روی گزینه Duplicate selected frame یک کپی از فریم اولیه بسازید. همانطور که در شکل زیر مشاهده می کنید:
ابتدا لایه shivahost را که قرار است از بالا وارد شود به بالا خارج از تصویر بصورت مستقیم می بریم:
سپس لایه server را که قرار است از گوشه بالا سمت راست وارد شود به محل اولیه آن که قرار است باشد می بریم.
در نهایت برای افکت سوم لایه rotate copy را در فریم اول خاموش نمایید:
همانطور که می بینید در این فریم همه لایه ها روشن هستند.
لایه shivahost به مقصد رسیده، لایه server نیز به مقصد رسیده.
در این فریم بایستی لایه rotate copy که در لایه قبل خاموش بود را روسن کنیم و لایه rotate که در لایه قبل روشن بود را خاموش کنیم.
حال بایستی لایه rotate copy را به مقدار دلخواه دوران دهیم مثل شکل زیر:
در این مرحله با کلیک بر روی Play animation می توانید تصویر زیر را ببینید:
در شکل فوق مشاهد می کنید که می توانید تعداد فریم های دلخواه را اضافه کنید. تعداد فریم بیشتر یعنی حرکت آهسته تر اما روانتر. در اینجا ما 5 فریم در نظر می گیریم.
مشاهده می کنید که گزینه دیگری هست که از شما می پرسد از فریم قبلی یا تا فریم بعدی انیمیشن را بسازد که البته فعلا ما فقط 2 فریم داریم اما در انیمیشن های حرفه ای تر بعدا می توانید از این گزینه ها و دیگر گزینه های آن استفاده کنید.
فرض کنید می خواهید در فریم آخر 2 ثانیه مکث داشته باشید و بعد تکرار انیمیشن. برای اینکار مطابق شکل زیر پایین فریم آخر کلیک کنید و گزینه 2 ثانیه را انتخاب کنید.
حال کافیست انیمیشن خود را Paly کنید.
برای ذخیره انیمیشن بایستی گزینه Save for web را انتخاب کنید:
و تصویر را با فرمت gif مطابق عکس زیر ذخیره نمایید:
مرسی از شما بابت این پست خیلی کمکم کرد
فقط یه نکته یه مقدار به روز رسانی کن این پست رو چون دیگه (معمولاً و البته بیشتریا) از نسخه های جدید تر فتوشاپ cc , c6 استفاده میکنن یه مقدار تغییر کرده
اول باید تایم لاین رو بیارن بعدشم (طی کردن ساخت یک ویدئو رو پیش ببرن) convert کنن به animation و سپس ذخیره برای وب و الا آخر…
باز هم تشکر