adobe edge animate for flash designer
DESCRIPTION
How can Flash designer move to new authoring tools like Adobe Edge Animate CC. Speaker: Teerasej Jiraphatchandej, User Group Manager, ThaiADC Presented in a virtual meeting of Thai Adobe Developer Community. Request speaker on web technology: [email protected]TRANSCRIPT
![Page 1: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/1.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Introduction to Adobe Edge Animatefor Flash Designer
Teerasej JiraphatchandejUser Group Manager, Thai Adobe Developer [email protected]
Saturday, February 9, 13
![Page 2: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/2.jpg)
http://www.flickr.com/photos/barkbud/4744890986/
Saturday, February 9, 13
![Page 3: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/3.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Mobile device & Flash
Saturday, February 9, 13
![Page 4: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/4.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Mobile device & Flash
Saturday, February 9, 13
![Page 5: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/5.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Mobile device & Web
Saturday, February 9, 13
![Page 6: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/6.jpg)
http://www.flickr.com/photos/adactio/6153481666/
Saturday, February 9, 13
![Page 7: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/7.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
What do I need to know?
Saturday, February 9, 13
![Page 8: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/8.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Adobe Edge Animate
• Motion & Interactive Design Tool
• Web Standard
• Focus on Mobile
• Integrate to Creative Workflow
Saturday, February 9, 13
![Page 9: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/9.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Based on Web standard
• HTML, CSS, Javascript
• Web Font
• Responsive Layout
• Down-stage for older Web Browser
Saturday, February 9, 13
![Page 10: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/10.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Publishing
• Web
• Work with your favorite tools (via OAM):
• Adobe Dreamweaver CS6
• Adobe InDesign CS6
• Adobe Muse
• iBook Widget
Saturday, February 9, 13
![Page 11: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/11.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Transition to Adobe Edge Animate
Saturday, February 9, 13
![Page 12: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/12.jpg)
http://www.flickr.com/photos/saxonmoseley/106432807/
Saturday, February 9, 13
![Page 13: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/13.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Similar User Interface
• Timeline Panel
• Symbol Panel
• Properties Panel
• Code Panel
Saturday, February 9, 13
![Page 14: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/14.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
Similar Concept
• Keyframe
• Tween (Transition for Edge Animate)
• Symbol
• Action
• Easing Function
Saturday, February 9, 13
![Page 15: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/15.jpg)
facebook.com/thaiadc | thaiadc.groups.adobe.com
How can I get it?
• A part of Adobe Creative Cloud
• http://creative.adobe.com
• Free - Introductory Offer (For free plan)
Saturday, February 9, 13
![Page 16: Adobe edge animate for flash designer](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c68bc74a7959a2128b46f2/html5/thumbnails/16.jpg)
http://www.flickr.com/photos/giovannigaryurgelles/4039022510/
Demo.
Saturday, February 9, 13