آموزش انیمیشن پیشرفته SVG

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

نمای کلی SVG SVG Overview

• مقدمه SVG SVG Introduction

• اشکال افلاطونی Platonic Shapes

• مسیرها و گروه ها Paths and Groups

بهینه سازی ، انیمیشن CSS و SVG DOM Optimization, CSS Animation, and SVG DOM

• بهینه سازی و انیمیشن های CSS Optimization and CSS Animations

• تمرین 1 Exercise 1

SVG Sprites SVG Sprites

• انیمیشن های مرحله ای و زمینه های نورد Step Animations and Rolling Backgrounds

• روحیه های پاسخگو Responsive Sprites

• حرکت جوی و عنصری Atmospheric and Elemental Motion

کارایی Performance

• معیارها Benchmarks

• خصوصیات CSS CSS Properties

گرینسوک Greensock

• گردش کار Greensock Greensock Workflow

• نحو Greensock Greensock Syntax

• انیمیشن های سرسام آور Staggering Animations

• جدول زمانی Timelines

• ورزش 3 Exercise 3

• Illustrator گردش کار Illustrator Workflow

انیمیشن UI/UX در مقابل مستقل UI/UX Animation vs. Standalone

• بررسی اجمالی انیمیشن UI/UX UI/UX Animation Overview

• انیمیشن با تعامل Animation with Interaction

• انیمیشن های قابل جمع شدن Draggable Animations

DrawSVG و حرکت در امتداد یک مسیر DrawSVG and Motion Along a Path

• DrawSVG DrawSVG

• حرکت در امتداد یک مسیر Motion Along a Path

متحرک سازی متن و مقادیر نسبی رنگ Animating Text and Relative Color Values

• پلاگین SplitText SplitText Plugin

• توئین نسبی Relative Tweens

• تمرین 5 Exercise 5

MorphSVG MorphSVG

• MorphSVG MorphSVG

• تمرین 6 Exercise 6

• انیمیشن های Storyboarding Storyboarding Animations

• منابع و جمع بندی دوره Resources and Course Wrap-up