نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
با انیمیشن های SVG و CSS احساس راحتی می کنید ، اما چیزی از دست رفته است ، نه؟ زیرا انیمیشن های CSS فقط تا اینجا می توانند ما را ببرند. اگر می خواهید مهارت های انیمیشن خود را به سطح دیگری برسانید ، دوره SVG Animation با جاوا اسکریپت است ... آیا تاکنون برای ایجاد انیمیشن های SVG با CSS تلاش نکرده اید؟ اگر چنین است ، این دوره عالی برای شماست. در این دوره ، SVG Animation with JavaScript ، شما می آموزید که چگونه انیمیشن را به روشی آسان و قابل نگهداری انجام دهید. در ابتدا ، ما با کتابخانه های مختلف بومی و خارجی موجود در مرورگر آشنا خواهیم شد. در مرحله بعدی ، ما می آموزیم که چگونه نمونه های اولیه انیمیشن ها را تولید کنیم و در آخر ، یاد می گیریم که چگونه SVG های خود را با استفاده از پلت فرم انیمیشن GreenSock متحرک کنیم. هنگامی که با این دوره JavaScript به پایان رسید ، نه تنها قادر به ایجاد انیمیشن های چشمگیر با GreenSock هستید بلکه به اندازه کافی احساس راحتی می کنید تا بدون هیچ نگرانی فناوری خلاق باشید. نرم افزار مورد نیاز: Adobe Illustrator و یک ویرایشگر کد مانند Visual Studio Code.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
شروع شدن
Getting Started
-
تکنیک های انیمیشن
Animation Techniques
-
انیمیشن های بومی
Native Animations
-
کتابخانه های خارجی
External Libraries
نمونه سازی و راه اندازی
Prototyping and Setup
-
نمونه سازی و تنظیم
Prototyping and Set Up
-
صفحه داستان و فیلمنامه
Storyboards and Scripts
-
آماده سازی دارایی ها
Preparing Assets
-
SVG و Animate را بهینه کنید
Optimize SVG and Animate
متحرک سازی SVG با GSAP
Animating SVG with GSAP
-
آشنایی با GSAP
Getting to Know GSAP
-
استفاده از GreenSock با SVG
Using GreenSock with SVG
-
تواین لایت
TweenLite
-
TimelineLite
TimelineLite
-
کنترل ها
Controls
-
TweenMax و TimelineMax
TweenMax and TimelineMax
سایر کتابخانه های انیمیشن
Other Animation Libraries
-
سایر کتابخانه های انیمیشن
Other Animation Libraries
-
Vivus JS
VivusJS
-
BodyMovin
BodyMovin
نمایش نظرات