آموزش انیمیشن وب را به روش ساده بیاموزید: مقدمه ای بر SVG و GSAP
Learn Web Animation the Easy Way: An Intro to SVG and GSAP
اگر شما یک توسعه دهنده front-end، طراح UI/UX یا فقط یک علاقه مندان به انیمیشن های وب هستید، از تکنیک های آموزش داده شده در این دوره بهره مند خواهید شد. ما از یک رویکرد مبتنی بر پروژه استفاده می‌کنیم تا شما را با قالب گرافیکی SVG و پلتفرم انیمیشن GreenSock آشنا کنیم - احتمالاً قدرتمندترین و کارآمدترین کتابخانه انیمیشن جاوا اسکریپت موجود امروز.
هنگام ساختن یک کارت تبریک متحرک پیچیده، یاد خواهید گرفت:
•چرا SVG امروز یک کالای داغ است
•مزایای استفاده از SVG
•درباره اشکال SVG و برچسب‌های سفارشی
•نحوه گنجاندن SVG در یک صفحه وب
•نحوه سازماندهی عناصر SVG برای انیمیشن وب
• بستر انیمیشن GreenSock چیست
• بسته‌های مختلف GreenSock و اینکه کدام را باید استفاده کنید، درک کنید
•GreenSock API و شش عملکرد اصلی توئینینگ آن
•همه چیز در مورد جدول زمانی و نحوه عملکرد آنها در GreenSock
•نحوه تقسیم پروژه SVG به صحنه
•نحوه ایجاد انیمیشن های جذاب و چشمگیر تکه تکه
•نحوه استفاده از جدول زمانی برای سازماندهی کل دنباله های انیمیشن خود
•و خیلی بیشتر...
همه فایل‌های پروژه با کد منبع کامل در هر مرحله از فرآیند انیمیشن در دسترس شما قرار خواهند گرفت. مهارت‌های ارزشمندی را بیاموزید که در طول حرفه‌تان به شما سود می‌رساند یا اگر یک سرگرمی یا علاقه‌مند هستید، دنیای جدیدی از بیان خلاق را به شما باز می‌کند.
از اینجا شروع کنید Start Here
-
معرفی Introduction
از اینجا شروع کنید Start Here
-
معرفی Introduction
مبانی SVG SVG Basics
-
مروری بر SVG An Overview of SVG
مبانی SVG SVG Basics
-
مروری بر SVG An Overview of SVG
-
SVG Basic Shapes & Primitives SVG Basic Shapes & Primitives
-
SVG Basic Shapes & Primitives SVG Basic Shapes & Primitives
-
چند ویژگی دیگر SVG A Few More SVG Features
-
چند ویژگی دیگر SVG A Few More SVG Features
مبانی GreenSock GreenSock Basics
-
GreenSock عملی - قسمت 1 Hands-on GreenSock - Part 1
-
GreenSock عملی - قسمت 2 Hands-on GreenSock - Part 2
-
GreenSock عملی - قسمت 4 Hands-on GreenSock - Part 4
مبانی GreenSock GreenSock Basics
-
مقدمه ای بر GreenSock Introduction to GreenSock
-
مقدمه ای بر GreenSock Introduction to GreenSock
-
GreenSock عملی - قسمت 1 Hands-on GreenSock - Part 1
-
GreenSock عملی - قسمت 2 Hands-on GreenSock - Part 2
-
GreenSock عملی - قسمت 3 Hands-on GreenSock - Part 3
-
GreenSock عملی - قسمت 3 Hands-on GreenSock - Part 3
-
GreenSock عملی - قسمت 4 Hands-on GreenSock - Part 4
پروژه انیمیشن Animation Project
-
فایل های پروژه و ساختار پوشه Project Files & Folder Structure
-
پروژه انیمیشن - مرحله نهایی Animation Project - Final Step
پروژه انیمیشن Animation Project
-
بررسی اجمالی پروژه Project Overview
-
بررسی اجمالی پروژه Project Overview
-
فایل های پروژه و ساختار پوشه Project Files & Folder Structure
-
پروژه انیمیشن - مرحله 1 Animation Project - Step 1
-
پروژه انیمیشن - مرحله 1 Animation Project - Step 1
-
پروژه انیمیشن - مرحله 2 Animation Project - Step 2
-
پروژه انیمیشن - مرحله 2 Animation Project - Step 2
-
پروژه انیمیشن - مرحله 3 Animation Project - Step 3
-
پروژه انیمیشن - مرحله 3 Animation Project - Step 3
-
پروژه انیمیشن - مرحله نهایی Animation Project - Final Step
https://donyad.com/d/768b30
Siggy Works
توسعه دهنده جاوا اسکریپت/علاقه مندان به SVG/کاریکاتوریست
نمایش نظرات