آموزش ایجاد یک بنر تبلیغاتی HTML5 با GreenSock (GSAP)
Creating an HTML5 Banner Ad with GreenSock (GSAP)
در این دوره ، Chris Converse نحوه ایجاد GreenSock با HTML ، CSS و یک نمودار گرافیکی sprite ، برای ایجاد یک تبلیغ کامل بنر متحرک را نشان می دهد. وی همچنین تکنیک هایی را برای ترکیب انیمیشن ها ، تنظیم مجدد عناصر و پرش به نقاط خاص انیمیشن برای آزمایش معرفی می کند. بعلاوه ، چگونگی ساده سازی تبلیغات خود را فقط با ارائه فایلهای موردنیاز خود - کاهش اندازه پرونده و سرعت بارگیری - بیابید.
پرونده های تمرینی برای همه اعضا رایگان است. آنها را بارگیری کنید و شروع به ساختن پروژه خود با GreenSock کنید.
- بارگیری GSAP
- ایجاد طرح آگهی ، پیوند و محدودیت
- افزودن عکس ها و متن
- متحرک سازی آثار هنری
- تنظیم آگهی برای کمرنگ شدن
- متحرک سازی حروف یک عنوان
مقدمه Introduction
-
معرفی این دوره Introduction to this course
-
درباره پرونده های تمرینی About the exercise files
-
در حال بارگیری GSAP Downloading GSAP
1. تنظیم طرح بندی آگهی با HTML و CSS 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
-
پیوند دادن به پرونده اصلی JavaScript GSAP Linking the main GSAP JavaScript file
2. انیمیشن کردن آگهی با GSAP 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
-
با استفاده از پرونده های فردی از سیستم عامل GSAP Using individual files of the GSAP platform
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/02a2
آموزش مقدمه ای بر طراحی و توسعه وب
Introduction to Web Design and Development
تازه وارد طراحی وب شدید؟ ببینید آیا این برای شما مناسب است یا خیر. بیاموزید که چگونه در زمینه طراحی وب شروع به کار کنید ، چگونه ابزار مناسب را انتخاب کنید و در ادامه باید یاد بگیرید.
آموزش هاستینگر وب سایت ساز - جعبه ترفندها
Hostinger Website Builder - Box of Tricks
بر این سازنده وب سایت شگفت انگیز مقرون به صرفه مسلط شوید و اولین طراحی وب سایت خود را در عرض چند ساعت ایجاد کنید.
آموزش A-Frame را یاد بگیرید و برای WebVR آماده شوید
Learn A-Frame And Get Ready For WebVR
طراحی و نمونه اولیه تجربیات واقعیت مجازی چند پلتفرمی
آموزش Figma for Web Design: Master UI/UX در Figma | دوره A-Z
Figma for Web Design: Master UI/UX in Figma | A-Z Course
Figma را برای کار با رابط کاربری و طراحی وب مدرن بیاموزید: وب سایت های واکنش گرا زیبا ایجاد کنید. Figma - آینده طراحی وب!
Chris Converse
طراح و توسعه دهنده در استودیوی طراحی کدیفای
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.