ایجاد یک بنر تبلیغاتی HTML5 با GreenSock (GSAP)

مدرس Chris Converse

انتشار 2015/07/20

مدت زمان 56m 22s

سطح پیشرفته

فایل تمرینی دارد

آموزش Creating an HTML5 Banner Ad with GreenSock (GSAP)

پلتفرم انیمیشن GreenSock (GSAP) چارچوبی سریع و بهینه سازی شده برای عملکرد را برای ایجاد انیمیشن های HTML5 فراهم می کند. یاد بگیرید که جاوا اسکریپت و GSAP را با هر یک از پروژه‌های مبتنی بر HTML خود ترکیب کنید، از جمله وب‌سایت‌ها، مجلات دیجیتال و کتاب‌ها، و حتی برنامه‌های تلفن همراه.rnrn او همچنین تکنیک هایی را برای ترکیب انیمیشن ها، تنظیم مجدد عناصر و پرش به نقاط خاص در انیمیشن برای آزمایش معرفی می کند. بعلاوه، بیاموزید که چگونه تبلیغ خود را با ارائه فقط فایل‌های مورد نیاز ساده‌سازی کنید—کاهش حجم فایل و سرعت دانلود.rnrn آنها را دانلود کنید و شروع به ساخت پروژه خود با GreenSock کنید.

Banner Designing GreenSock Animation Platform (GSAP) HTML5

Introduction

Introduction to this course ()

About the exercise files ()

Downloading GSAP ()

1. Setting Up the Ad Layout with HTML and CSS

Creating the main ad link and container ()

Adding the background clouds ()

Adding the photo and headlines ()

Adding the remaining design elements ()

Linking the main GSAP JavaScript file ()

2. Animating the Ad with GSAP

Creating the first animations ()

Animating the marker and shadow ()

Animating the surfboard ()

Moving and looping the clouds ()

Setting the ad to fade in on load ()

Animating the letters of a headline ()

Using individual files of the GSAP platform ()

Ex_Files_Cr8_HTML5_Banner.zip (51 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.