دوره آموزشی Web Motion: متحرک سازی یک CSS Sprite Sheet
30 دقیقهمبتدی2014-01-30
مدرسین
Tom Green
Teacher, Author, Professor
جزئیات دوره
شیوههای تصویر اسپرایت (CSS sprite sheets) یه راه جدید برای حرکت در وب باز کردهاند و این امکان رو میدهند که مجموعهای از تصاویر رو به طور کارآمد انیمیشن کنید—از حالتهای دکمه گرفته تا ژستهای شخصیتها. توی این دوره کوتاه، تام گرین نشون میده چطور میتونید یک چرخه راه رفتن شخصیت رو انیمیشن کنید، از طریق ایجاد یک sprite sheet در Flash، ویرایش اون توی Fireworks و در نهایت به حرکت درآوردن اون در HTML با استفاده از Edge Animate.
اهداف یادگیری:
ساخت و استفاده از sprite sheet برای انیمیشن وب
انیمیشن چرخه راه رفتن شخصیت با CSS sprite sheets
ایجاد و ویرایش sprite sheet در Flash و Fireworks
به حرکت درآوردن sprite sheet در HTML با استفاده از Edge Animate
استفاده از CSS برای نمایش انیمیشنهای کارآمد
اهداف یادگیری:
ساخت و استفاده از sprite sheet برای انیمیشن وب
انیمیشن چرخه راه رفتن شخصیت با CSS sprite sheets
ایجاد و ویرایش sprite sheet در Flash و Fireworks
به حرکت درآوردن sprite sheet در HTML با استفاده از Edge Animate
استفاده از CSS برای نمایش انیمیشنهای کارآمد
مهارت ها
FireworksFlash ProfessionalEdge AnimateWeb GraphicsWeb StandardsWeb DesignPhotoshopFront-End Web DevelopmentAdobeWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
متحرک سازی یک CSS Sprite Sheet
- 01 - نمای کلی پروژه و طرح
- 02 - نمای کلی حرکت CSS
- 03 - ایجاد صفحه Sprite در Flash CC
- 04 - ویرایش برگه Sprite در Fireworks
- 05 - مونتاژ پروژه در Edge Animate
- 06 - تست و خروجی