دوره آموزشی Web Motion: ایجاد یک Preloader

دوره آموزشی Web Motion: ایجاد یک Preloader

25 دقیقهمبتدی2014-01-28

مدرسین

Tom Green

Tom Green

Teacher, Author, Professor

جزئیات دوره

ببینید این انیمیشن گرافیکی ساده (GIF) چطور دوباره داره توی وب محبوب می‌شه، به عنوان یک بارگذاری‌کننده (preloader) یا نمایشی از این که محتوای سایت در حال بارگذاریه. تام گرین شما رو همراهی می‌کنه تا یاد بگیرید چطور یک بارگذاری‌کننده GIF بسازید. در این قسمت از دوره "حرکت وب برای مبتدیان"، یاد می‌گیرید که چطور یک سری انفجار به سبک آتش‌بازی از After Effects خروجی بگیرید، یک GIF انیمیشنی در Photoshop یا Fireworks بسازید (هر کدوم که بخواید) و GIF رو طوری بسازید که بتونید ازش به عنوان بارگذاری‌کننده در Edge Animate استفاده کنید.

اهداف یادگیری:
ساخت بارگذاری‌کننده با انیمیشن GIF
ایجاد انفجارهای آتش‌بازی در After Effects
تبدیل انیمیشن‌ها به GIF در Photoshop یا Fireworks
استفاده از GIF به عنوان بارگذاری‌کننده در Edge Animate
کار با GIF‌های انیمیشنی در پروژه‌های وب

مهارت ها

FireworksEdge AnimateWeb GraphicsWeb DesignAfter EffectsPhotoshopAdobeDeep Dive (X:Y)

سرفصل ها

یک Preloader ایجاد کنید

  • نمای کلی پروژه و طرح
  • ایجاد ترکیب و پیش بارگذاری در After Effects
  • اضافه کردن ذرات در افتر افکت
  • رندر کردن ترکیب در افتر افکت
  • ایجاد GIF متحرک در فتوشاپ
  • ایجاد GIF متحرک در Fireworks
  • اسمبلی در Edge Animate