تبلیغات
دنیای موبایل، کامپیوتر و تکنولوژی!!


مطمئناً در اینترنت بنرهای تبلیغاتی زیادی مثل این را دیده اید:



شاید این سؤال پیش آمده باشد که چگونه این عکس متحرک را ساخته اند!؟

راه های مختلفی برای ایجاد یک عکس متحرک وجود دارد.

شکی نیست که بهترین و مهم ترین راه، استفاده از نرم افزار Adobe Flash است.

البته قبل از اینکه ادوبی، شرکت مایکرومیدیا را بخرد، نرم افزاری به نام Adobe Image Ready در کنار فتوشاپ وجود داشت که برای همین کار بود، اما بعد از خردی آن شرکت، دیگر ایمیج ردی منتشر نشد و ادوبی استفاده از فلش را پیشنهاد کرد.

اما بد نیست بدانید، Image Ready به طور کامل نمرد، بلکه با فتوشاپ ادغام شد و به فتوشاپ امکان انیمیشن سازی یا متحرک سازی افزوده شد.

1- برای اینکه بتوانید یک عکس متحرک در فتوشاپ بسازید، از منوی window، پالت Animation را انتخاب کنید تا ظاهر شود:

برای مشاهده سایز اصلی عکس کلیک کنید
تصویر کوچک شده است، برای برگشت به اندازه ی اصلی کلیک کنید. سایز اصلی عکس 914*435 می باشد.

2- حالا همه عناصری که قرار است در انیمیشن شما شرکت داشته باشند را ایجاد کنید.

مثلاً در بنر تبلیغاتی بالا، من عکس باکس ها و یک shape مستطیلی به رنگ نارنجی و دو نوشته ایجاد کرده ام. یکی "برترین فیلم های مستند و علمی" و یک لایه متنی دیگر هم برای "در فروشگاه آفتابگردان".

دقت کنید که: هر انیمیشن تشکیل شده است از دو یا تعداد بیشتری فریم (Frame). در حقیقت ما فریم های عکاسی را کنار هم می چینیم و به سرعت از مقابل چشم عبور می دهیم. کاربر تصور می کند که یک جسم متحرک است. در حالی که خیر، ما فقط چند عکس را به او نشان داده ایم...

پس شروع می کنیم فریم ها را ساختن:

3- هر چیزی که قرار است در فریم اول به کاربر نشان داده شود را روی صحنه بگذارید و بقیه را با کلیک روی آیکون چشم در کنار نام لایه شان، مخفی کنید:



مثلاً در تصویر بالا می بینید که در فریم اول، لایه «در فروشگاه آفتابگردان» مخفی شده است، اما «برترین فیلم های مستند و علمی» ظاهر است.

حالا باید فریم های بعدی را بسازیم.

4- با توجه به اینکه فریم ها خیلی سریع از جلو چشم عبور می کنند و ممکن است سرعت آنفدر زیاد باشد که کاربر نتواند بخواند، پس یک فریم تکراری را چند بار از جلو چشم عبور می دهیم که کاربر بتواند متن «برترین فیلم های مستند و علمی» را بخواند.
بنابراین در پالت Animation روی Duplicate selected item پنج بار کلیک کنید که پنج فریم تکراری با همین حالت ایجاد شود:

تصویر کوچک شده است، برای برگشت به اندازه ی اصلی کلیک کنید. سایز اصلی عکس 662*426 می باشد.

5- حالا روی فریم 6 کلیک کنید و (مثلاً) لایه «در فروشگاه آفتابگردان» را فعال کنید و «برترین فیلم...» را غیرفعال کنید.

6- سپس مجدداً از حالت جدید چند فریم تکراری ایجاد کنید که جلو چشم کاربر بیشتر ثابت بماند. (فریم های 6 و 7 و 8 و 9 و 10، مثل هم هستند. همینطور، فریم های 1 تا 5 مثل هم)

تمام شد! شما یک انیمیشن ساده ساخته اید.

می توانید با کلیک روی دکمه Play انیمیشن خود را ببینید (البته ممکن است کمی سریع نمایش دهد، اما روی وب، اینطور نخواهد بود، نگران نباشید)

حالا باید از کارتان خروجی بگیرید. پس:

7- برای خروجی گرفتن از این کار، باید از منوی File گزینه Save for web و یا کلیدهای Ctrl+Shift+Alt+s را انتخاب کنید (همیشه برای کارهایی که قرار است روی وب به نمایش بگذارید، به این صورت یک خروجی بگیرید تا حجم آن ها در عین حال که کیفیتشان حفظ می شود، پایین بیاید)

8- پنجره مربوط به خروجی برای وب باز می شود. از سمت راست، فرمت را حتماً باید gif انتخاب کنید. (gif تقریباً تنها فرمت عکسی تحت وب است که انیمیشن را پشتیبانی می کند) سپس تعداد رنگ ها را متناسب با کارتان انتخاب کنید. (هر چه تعداد رنگ ها کمتر، حجم عکس نهایی کمتر و البته کیفیت آن هم بدتر!)

مثلاً برای این بنر تبلیغاتی من اینطور تنظیم کردم:



9- روی Save کلیک کنید و عکس متحرک خود را جایی ذخیره کنید.

توجه کنید که بخش انیمیشن فتوشاپ خیلی کامل نیست و همانطور که گفتم، باید برای کارهای انیمیشنی قوی، از Flash استفاده کنید، اما برای این نوع کارهای جزئی بد نیست. ضمناً در سمت راست دکمه Duplicate یک دکمه به نام Tweens animation frames وجود دارد که کاربرد مفیدی خواهد داشت. اگر می خواهید یک شیئ را از یک حالت یا موقعیت یا oppacity به حالت و یا موقعیت دیگر منتقل و تبدیل کنید، دو فریم بسازید. در فریم اول حالت اول و در فریم دوم، حالت دوم را طراحی کنید. حالا هر دو فریم را انتخاب کنید (کلید ctrl را پایین نگه دارید و روی دو فریم کلیک کنید) سپس روی دکمه tweens کلیک کنید و OK کنید. خواهید دید که فتوشاپ خود به خود فریم های بین حالت اول و دوم را ایجاد می کند.

مثلاً از این ترفند برای نمایش تدریجی یک نوشته می توانید استفاده کنید. opacity حالت اول نوشته را 0 در نظر بگیرید و حالت دوم، روی 100 باشد. وقتی توئین ساخته شد، کم کم نوشته روی صحنه ظاهر می شود.

منبع:پارسی گلد .كام


نظرات () نویسنده: ali j جمعه 11 شهریور 1390 - 02:20 ب.ظ

آخرین مطالب

» فعال‌سازی ویژگی Do Not Track در گوگل کروم ! ( یکشنبه 27 اسفند 1391 )
» 7ترفند برای افزایش امنیت مودم های بی سیم !! ( یکشنبه 27 اسفند 1391 )
» اینترنت افلاین! ( یکشنبه 27 اسفند 1391 )
» دانلود مسنجر قدرتمند برای جاوا ( جمعه 17 شهریور 1391 )
» باز كردن چندین آیدی در یاهو مسنجر بدون هیچ برنامه ای! ( پنجشنبه 2 شهریور 1391 )
» یاهو مسنجر را در مقابله با هک مقاوم کنیم ( سه شنبه 10 مرداد 1391 )
» ۸ هک کاربردی برای سفارشی تر کردن وردپرس ( چهارشنبه 28 تیر 1391 )
» چگونه ایمیل شما هک می شود؟ ( چهارشنبه 28 تیر 1391 )
» راهی برای پیدا کردن IP فرسنده ایمیل , در یاهو. ( جمعه 19 خرداد 1391 )
» دو فولدر با نام یکسان در یک مکان بسازید!! ( جمعه 19 خرداد 1391 )
» نحوه تبدیل فرمت هارد درایو یا فلش درایو از FAT32 به NTFS ( چهارشنبه 2 فروردین 1391 )
» طریقه وارد كردن متون نستعلیق با بهترین كیفیت در فتوشاپ ( دوشنبه 29 اسفند 1390 )
» نحوه ساخت رمز عبور تصویری در «ویندوز 8» ( پنجشنبه 4 اسفند 1390 )
» پرینتر های لیزری و بمب ساعتی !!! ( چهارشنبه 19 بهمن 1390 )
» مراحل اولیه ایجاد امنیت در شبکه!!!!!!!! ( چهارشنبه 19 بهمن 1390 )
 

نظرسنجی

وبلاگ را چگونه میبینید؟



ADS

آمار بازید

کل بازدید ها :
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
تعداد نویسندگان :
تعداد کل مطالب :
آخرین بروز رسانی :

درباره ما