آموزش Edge Animate Essential Training

Edge Animate Essential Training

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Adobe Edge Animate راهی جدید برای ایجاد محتوای متحرک غنی و تعاملی برای وب سایت ها ، برنامه های تلفن همراه و کتابهای الکترونیکی ارائه می دهد. دوست دارید کدگذاری کنید؟ شما می توانید از رابط Edge Code به HTML ، CSS و JavaScript دسترسی داشته باشید که به ترکیبات شما کمک می کند. اگر برنامه نویس مشتاق نیستید ، می توانید از ویژگی های مناسب تر طراحی Edge Animate برای ساخت همان گرافیک بدون کد استفاده کنید.

آیا می خواهید بیشتر بیاموزید؟ در این دوره با کریس کنورس همراه باشید ، زیرا وی کلیه موارد ضروری این مجموعه ابزار قدرتمند را پوشش می دهد. Chris نشان می دهد که چگونه می توان ترکیب های اساسی را با اشکال ، متن ، تصاویر و ویدیوی HTML5 ساخت. تحریک عناصر مختلف اقدامات و حوادث را تحریک کنید و جلوه های سفارشی CSS و JavaScript را در خود جای داده است. وی همچنین نشان می دهد که چگونه می توان طرح بندی های Edge Animate خود را پاسخگو ، قلم های وب را تعبیه کرد و مرورگرهای قدیمی را در آن جای داد. وقتی ترکیب شما کامل شد ، بیاموزید که چگونه آن را به یک صفحه وب اضافه کنید یا محتوا را به برنامه های دیگری مانند InDesign ، Dreamweaver ، Muse و iBooks نویسنده وارد کنید.
موضوعات شامل:
  • ایجاد یک پروژه جدید
  • آماده سازی محتوا در فتوشاپ یا Illustrator
  • افزودن متن به یک ترکیب
  • کار با فونتهای وب
  • ایجاد نمادهای قابل استفاده مجدد
  • افزودن فایل صوتی و تصویری HTML5 به ترکیبات
  • ایجاد طرح های پاسخگو
  • عناصر متحرک
  • هدف قرار دادن عناصر با اعمال
  • کنترل پخش ویدئو و صوت HTML5 با اقدامات
  • کار در پانل کد
  • انتشار پروژه خود
  • افزودن ترکیبات Edge Animate به صفحات وب موجود
  • استفاده از پرونده های OAM در برنامه های دیگر

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • چگونه می توانم نرم افزار را تهیه کنم؟ How do I get the software?

  • انیمیشن HTML5 چیست؟ What is HTML5 animation?

  • Edge Animate چه چیزی ایجاد می کند؟ What does Edge Animate create?

  • درک رابط Understanding the interface

  • درباره پرونده های تمرینی About the exercise files

  • What's New in Edge Animate CC (5.0) What's new in Edge Animate CC (5.0)

1. ایجاد محتوا در Edge Animate 1. Creating Content in Edge Animate

  • ایجاد یک پروژه جدید Creating a new project

  • ایجاد رنگ ها ، شیب ها و سواچ ها Creating colors, gradients, and swatches

  • رسم با ابزارهای مستطیل ، الیپس و بریدگی Drawing with the Rectangle, Ellipse, and clipping tools

  • ایجاد و قالب بندی متن Creating and formatting text

2. تهیه دارایی های وب برای استفاده در پروژه های Animate Edge 2. Preparing Web Assets for Use in Edge Animate Projects

  • ایجاد گرافیک وب از فتوشاپ Creating web graphics from Photoshop

  • ایجاد گرافیک وب از Illustrator Creating web graphics from Illustrator

  • رمزگذاری صوت HTML5 Encoding HTML5 audio

  • رمزگذاری ویدیوی HTML5 Encoding HTML5 video

  • افزودن JavaScript خارجی Adding external JavaScript

3. کار با فونت های وب 3. Working with Web Fonts

  • استفاده از فونت های Adobe Typekit Using fonts from Adobe Typekit

  • با استفاده از قلم های Google Fonts Using fonts from Google Fonts

4. ترکیب بندی چیدمان 4. Compositing Layouts

  • ایجاد یک ترکیب Creating a composition

  • خلق آثار هنری پیچیده Creating complex artwork

  • نامگذاری ، گروه بندی و تعیین عناصر Naming, grouping, and assigning elements

  • ایجاد نمادهای قابل استفاده مجدد Creating reusable symbols

  • صوت را به ترکیب خود اضافه کنید Adding audio to your composition

  • افزودن فیلم به ترکیب خود Adding video to your composition

  • ایجاد و استفاده مجدد از الگوهای Creating and reusing templates

5- پاسخگو سازی آهنگ ها 5. Making Your Compositions Responsive

  • تنظیم ویژگی های مرحله پاسخگو Setting responsive stage properties

  • خصوصیات عنصر را برای مرحله تغییر اندازه تنظیم کنید Set element properties for a resizing stage

  • تنظیم پیش فرض های طرح برای عناصر جدید Setting layout defaults for new elements

  • با استفاده از ایستگاه از پیش تنظیم شده پاسخگو Using responsive presets

6. ایجاد انیمیشن 6. Creating Animations

  • عناصر متحرک Animating elements

  • متحرک کردن با Toggle Pin Animating with the Toggle Pin

  • تنظیم گزینه های تسکین دهنده برای انیمیشن ها Setting easing options for animations

  • قطع تصاویر متحرک ، پیش زمینه ها و جلوه ها Animated clipping, backgrounds, and effects

  • عناصر متحرک در یک مسیر حرکت Animating elements along a motion path

  • ایجاد نمادی متحرک Creating an animated symbol

  • ترکیب صدا با انیمیشن Combining audio with animation

  • ترکیب فیلم با انیمیشن Combining video with animation

  • ایجاد انیمیشن از یک انیمیشن با صفحه برگه Creating animations from a sprite-sheet animation

7. کار با اقدامات 7. Working with Actions

  • عملی چیست؟ What is an action?

  • هدف قرار دادن برچسبهای جدول زمانی Targeting timeline labels with actions

  • هدف گذاری نمادها با اعمال Targeting symbols with actions

  • کنترل صوتی HTML5 با اقدامات Controlling HTML5 audio with actions

  • کنترل ویدیوی HTML5 با اقدامات Controlling HTML5 video with actions

  • ایجاد پیوند مقاله برای مجلات Adobe DPS Creating article links for Adobe DPS magazines

  • با استفاده از رویدادهای touchstart و Touchnd Using touchstart and touchend events

  • با استفاده از رویدادهای حرکات کش رفتن Using swipe gesture events

  • ایجاد قطعه کد دلخواه خود را Creating your own custom code snippets

8. پنل کد 8. The Code Panel

  • رابط پنجره کد The Code window interface

  • افزودن رویدادهای مرحله و پیش بارگذاری Adding stage and preload events

9. با توجه به مرورگرهای قدیمی و سرعت شبکه 9. Considering Older Web Browsers and Network Speed

  • ایجاد یک مرحله پایین برای مرورگرهای قدیمی Creating a down-level stage for older browsers

  • مرحله اضافه کردن بار را به پروژه خود اضافه کنید Adding a preloader stage to your project

10. رفتن به Beyond the Edge Animate Interface 10. Going Beyond the Edge Animate Interface

  • اضافه کردن CSS سفارشی به ترکیب خود Adding custom CSS to your composition

  • با استفاده از فونت های خود میزبان Using self-hosted fonts

  • ایجاد جلوه های جابجایی Creating rollover effects

  • نوشتن JavaScript سفارشی برای ترکیب خود Writing custom JavaScript for your composition

11. انتشار پروژه Animate Edge 11. Publishing Your Edge Animate Project

  • انتشار برای وب Publishing for the web

  • انتشار در یک بسته استقرار استقرار (OAM) Publishing to an Animate Deployment Package (OAM)

  • انتشار برای iBooks و OS X Dashboard Publishing for iBooks and OS X Dashboard

  • سفارشی کردن فهرستهای انتشار Customizing the publish directories

12. اضافه کردن Edge Animate Compositions به صفحات HTML موجود 12. Adding Edge Animate Compositions to Existing HTML Pages

  • ترکیب پاسخگو خود را به صفحه وب اضافه کنید Adding your responsive composition to a webpage

  • ترکیب مقیاس گذاری خود را به صفحه وب اضافه کنید Adding your scaling composition to a webpage

  • عناصر متحرک یک صفحه HTML موجود Animating elements of an existing HTML page

13. استفاده از ترکیب های Edge Animate در سایر برنامه های نویسندگی 13. Using Edge Animate Compositions in Other Authoring Applications

  • استفاده از پرونده های OAM در InDesign Using OAM files in InDesign

  • استفاده از پرونده های OAM در Dreamweaver Using OAM files in Dreamweaver

  • استفاده از پرونده های OAM در Muse Using OAM files in Muse

  • استفاده از ابزارک در نویسنده iBooks Using widgets in iBooks Author

  • استفاده از ابزارک در داشبورد OS X (فقط مک) Using widgets in OS X Dashboard (Mac only)

نمایش نظرات

آموزش Edge Animate Essential Training
جزییات دوره
4h 44m
67
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
375,959
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای