آموزش طراحی وب: تصویرگر به بوم HTML5 متحرک

Design the Web: Illustrator to Animated HTML5 Canvas

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بیاموزید که از یک فایل ساده Illustrator ، با Ai2Canvas — یک افزونه رایگان که تقریباً با همه نسخه های Illustrator ، از CS3 تا CC کار می کند ، از یک فایل Illustrator یک انیمیشن وب ایجاد کنید. در این پروژه کوتاه طراحی وب ، Chris Converse نحوه دستیابی به انیمیشن های پیچیده را با Ai2Canvas ، به سادگی با نامگذاری لایه های خود با ویژگی های مختلف انیمیشن نشان می دهد. او همچنین نشان می دهد که چگونه ویژگی هایی مانند چرخش و مبدا را برای طراحی های جالبتر حرکت و فشرده سازی فایل های پروژه برای تحویل وب را ترکیب کنید. پرونده های تمرینی این دوره برای همه اعضای lynda.com رایگان است ، بنابراین امروز آنها را بارگیری کنید.

سرفصل ها و درس ها

مقدمه Introduction

  • پیش نمایش پروژه نهایی Previewing the final project

  • درباره پرونده های تمرینی About the exercise files

1. پوشش اصول 1. Covering the Basics

  • افزونه رایگان را بارگیری و نصب کنید Downloading and installing the free plugin

  • صادر کننده بردارها و بیت مپ ها Exporting vectors and bitmaps

  • عناصر متحرک و زمان بندی Animating and timing elements

2. رقص نگاری یک آگهی متحرک 2. Choreographing an Animated Ad

  • تنظیم انیمیشن پس زمینه و محصول Setting the background animation and crop

  • ترکیب چندین ویژگی انیمیشن Combining multiple animation properties

  • متحرک کردن ویژگی مقیاس Animating the scale property

  • جزئیات انیمیشن نهایی Final animation details

  • با استفاده از ابزار اشکال زدایی Using the debugging tool

  • بهینه سازی پرونده های خود برای گردش کار و تحویل Optimizing your files for workflow and delivery

نمایش نظرات

آموزش طراحی وب: تصویرگر به بوم HTML5 متحرک
جزییات دوره
48m 25s
11
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
26,021
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای