آموزش انیمیشن GSAP - آخرین آپدیت

درس‌ها Lessons

• مقدمه Introduction

• GSAP Animation چیست What is GSAP Animation

• پیاده‌سازی GSAP animation Implementation GSAP animation

• ویژگی‌ها و متدهای GSAP animation GSAP animation properties and method

• نحوه استفاده از Scroll Trigger بخش ۱ How to use scroll Trigger part 1

• نحوه استفاده از Scroll Trigger بخش ۲ How to use scroll Trigger part 2

• Timeline در GSAP - ساخت اولین Timeline بخش ۱ Timeline in GSAP Create Your First Timeline part 1

• Timeline در GSAP - ساخت اولین Timeline بخش ۲ Timeline in GSAP Create Your First Timeline part 2

• Scroll Trigger انیمیشن‌های متعدد و scrub Scroll Trigger multiple animation and scrub

• Scroll Trigger با pin Scroll Trigger with pin

• GSAP Animation با گرافیک SVG GSAP Animation With SVG Graphic

• عناصر path در SVG Svg path element

• ساخت انیمیشن‌های SVG پیچیده Create Slick SVG Animations

• ساخت انیمیشن نشانگر سفارشی Buld a Custom Cursor animation

• ساخت انیمیشن نشانگر سفارشی بخش ۲ Buld a Custom Cursor animation Part 2

• ساخت انیمیشن نشانگر سفارشی بخش ۳ Buld a Custom Cursor animation Part 3

• طراحی Timelineهای انیمیشنی بخش ۱ Create Animated Timeline Designs part 1

• طراحی Timelineهای انیمیشنی بخش ۲ Create Animated Timeline Designs part 2

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP بخش ۱ Create Stunning Text Animations with GSAP part 1

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP بخش ۲ Create Stunning Text Animations with GSAP part 2

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP بخش ۳ Create Stunning Text Animations with GSAP part 3

• انیمیشن متن اسکرول شونده بخش ۱ Scrolling text animation Part 1

• انیمیشن متن اسکرول شونده بخش ۲ Scrolling text animation Part 2

• ساخت نوار ناوبری صفحه فرود Build navigation bar of landing page

• ساخت بخش هدر Build header section

• چیدمان لوگو و گرافیک Arrange the logo and the graphic