Tài liệu Learning Adobe Edge Animate docx

LINK DOWNLOAD MIỄN PHÍ TÀI LIỆU "Tài liệu Learning Adobe Edge Animate docx": http://123doc.vn/document/1048560-tai-lieu-learning-adobe-edge-animate-docx.htm

About the Author
Joseph Labrecque is primarily employed by the University of Denver as Senior
Interactive Software Engineer specializing in the Adobe Flash Platform, where he
produces innovative academic toolsets for both traditional desktop environments
and emerging mobile spaces. Alongside this principal role, he often serves as adjunct
faculty communicating upon a variety of Flash Platform solutions and general web
design and development subjects.
In addition to his accomplishments in higher education, Joseph is the Proprietor
of Fractured Vision Media, LLC, a digital media production company, technical
consultancy, and distribution vehicle for his creative works. He is founder and
sole abiding member of the dark ambient recording project An Early Morning Letter,
Displaced, whose releases have received international award nominations and
underground acclaim.
Joseph has contributed to a number of respected community publications as an
article writer and video tutorialist. He is also the author of Flash Development for
Android Cookbook, Packt Publishing (2011), What's New in Adobe AIR 3, O'Reilly Media
(2011), What's New in Flash Player 11, O'Reilly Media (2011), Adobe Edge Quickstart
Guide, Packt Publishing (2012) and co-author of Mobile Development with Flash
Professional CS5.5 and Flash Builder 4.5: Learn by Video, Adobe Press (2011). He also
serves as author on a number of video training publications through video2brain,
Adobe Press, and Peachpit Press.
He regularly speaks at user group meetings and industry conferences such as
Adobe MAX, FITC, D2W, 360|Flex, and a variety of other educational and technical
conferences. In 2010, he received an Adobe Impact Award in recognition of his
outstanding contribution to the education community. He has served as an Adobe
Education Leader since 2008 and is also an Adobe Community Professional.
Visit him on the Web at
http://josephlabrecque.com/.
Thanks to my family, friends, and benefactors for your
continued support.

Superabundant thanks to Leslie, Paige, and Lily!
www.it-ebooks.info
About the Reviewers
Sajith Amma has been working as a Technology Consultant for various UK and
Indian companies since 2005. He is a hardcore PHP Programmer and a passionate
Web Developer working on cutting-edge technologies, especially in the mobile
platform. He has received his Masters degree in Business Information Systems from
the University of East London. He uses his technical blog (sajithmr.me) to share his
ndings and interesting articles related to programming.
Sajith is the co-founder of MobMe Wireless Solutions, an Indian company, which is
listed in the top 100 as one of the best innovation companies in India. He has worked
as a Technology Consultant for companies such as Vodafone UK, Orange UK,
and T-Mobile UK. He is currently working as a Solution Architect for a UK-based
company, Muzicall Ltd.
I would like to thank Muzicall Ltd. for giving me the opportunity
to work with HTML5 and Adobe Edge. I would also like to thank
Joseph Labrecque for giving me the opportunity to review this book.
Deborah Gray has been in the design business for 20 years, having
started in the 1980s in the newspaper business. For the last seven years, she
has run a successful Sonoma County design agency, Deborah Gray Design
(http://deborahgraydesign.com/). She has designed and developed hundreds
of websites and print campaigns for clients in the San Francisco Bay Area
and worldwide.
Deborah specializes in frontend development and WordPress. Her early experience
as a Print Designer created a passion for design and typography that is clean, simple,
and withstands the test of time.
www.it-ebooks.info
Darrell Heath has an education in Applied Information Technology. He is an
experienced Visual Artist, and for the past nine years has been a freelance Web
Developer through various local IT consultants. Since 2005, he has been a tutorialist
for the National Association of Photoshop Professionals (NAPP), Layers Magazine,
and Planet Photoshop.
Darrell has also provided a technical review for Adobe Edge: The Missing Manual,
Chris Grover, O'Reilly Media. He is an active member in a number of Adobe
community forums, and is a co-moderator for NAPP's private membership board.
Visit him on the Web at
http://www.heathrowe.com.
www.it-ebooks.info
www.PacktPub.com
Support les, eBooks, discount offers and more
You might want to visit www.PacktPub.com for support les and downloads related
to your book.
Did you know that Packt offers eBook versions of every book published, with PDF
and ePub les available? You can upgrade to the eBook version at
www.PacktPub.
com
and as a print book customer, you are entitled to a discount on the eBook copy.
Get in touch with us at service@packtpub.com for more details.
At
www.PacktPub.com, you can also read a collection of free technical articles, sign
up for a range of free newsletters and receive exclusive discounts and offers on Packt
books and eBooks.
http://PacktLib.PacktPub.com
Do you need instant solutions to your IT questions? PacktLib is Packt's online
digital book library. Here, you can access, read and search across Packt's entire
library of books.
Why Subscribe?
• Fully searchable across every book published by Packt
• Copy and paste, print and bookmark content
• On demand and accessible via web browser
Free Access for Packt account holders
If you have an account with Packt at www.PacktPub.com, you can use this to access
PacktLib today and view nine entirely free books. Simply use your login credentials
for immediate access.
www.it-ebooks.info
www.it-ebooks.info
Table of Contents
Preface 1
Chapter 1: Introducing Adobe Edge Animate 13
The history of Adobe Edge Animate 14
The inner workings of Edge Animate 15
HTML, CSS, and JavaScript 15
HTML 15
CSS 16
JavaScript 16
How jQuery is used in Edge Animate 16
JSON 17
The Adobe Edge Animate Runtime 18
Adobe Edge Animate and Adobe Flash Professional 19
Is Edge Animate a competing product to Flash Professional? 20
Comparisons with Flash Professional 20
Stage 21
Timeline 21
Keyframes 21
Labels 22
Symbols 22
Library 22
Actions 22
Installing Adobe Edge Animate and getting started 23
Installing Edge Animate 23
The Edge Animate welcome screen 27
Creating a new Edge Animate project 28
Save 30
Save As… 31
File structure in the Edge Animate project 32
Edge includes 33
www.it-ebooks.info
Table of Contents
[ ii ]
Application interface overview 33
The application window 34
Customizing the Edge Animate panel layout 35
Managing workspaces 36
The Edge Animate application menu 38
The Edge Animate toolbar 38
Panels in Edge Animate 41
Adobe Edge Animate keyboard shortcuts 49
Keyboard Shortcuts dialog 50
Adobe Edge Animate menu items 50
File 51
Window 52
Help 53
Summary 53
Chapter 2: Drawing and Adjusting Composition Elements 55
Adobe Edge Animate drawing tools 56
Background Color and Border Color 56
Rectangle tool 56
Rounded Rectangle tool 57
Ellipse tool 57
Drawing elements upon the Stage 57
The Selection tool 58
Working with the Rectangle tool 58
Using the Rectangle tool 59
Working with the Rounded Rectangle tool 60
Using the Rounded Rectangle tool 60
Working with the Ellipse tool 63
Using the Ellipse tool 63
Properties unique to rectangle and ellipse elements 64
Properties of elements 65
Background Color 65
Border Color 66
Border Thickness 66
Border Style 66
Border Radii 66
Border Radii units 66
Modifying rectangle elements 66
Modifying properties of rectangle elements 67
Duplicating drawing elements 68
Copying a rectangle element with the Selection tool 69
Layout and guidance tools 70
Layout Preferences tool 70
Rulers 72
Guides 72
Smart Guides 74
www.it-ebooks.info
Table of Contents
[ iii ]
Adobe Edge Animate menu items 75
Edit 75
View 76
Modify 76
Summary 77
Chapter 3: Selecting and Transforming Elements 79
Locating the Selection and Transform tools 79
The Selection tool 80
Using the Selection tool 81
The Transform tool 82
Using the Transform tool 83
Manipulating the Transform Point 84
The Edge Animate Stage 88
Manipulating the Stage 89
Rulers and Guides 89
Center the Stage 90
Zoom controls 90
Building responsive compositions 91
Making a document responsive 91
Making elements responsive 92
Global versus Applied 92
Responsive presets 94
Simulating various screen sizes 95
The Elements panel 95
Element visibility 96
Locking elements 97
Managed versus unmanaged elements 98
Managed 98
Static 98
Reordering elements 99
Renaming elements 99
Grouping elements 100
Properties shared by all element types 102
Element properties 102
ID 103
Class 103
Actions 103
Visibility 103
Overow 103
Opacity 104
Position and Size properties 104
Position 104
Size 104
www.it-ebooks.info
Table of Contents
[ iv ]
Transform properties 104
Scale 105
Skew 105
Transform Origin 105
Rotate 105
Cursor properties 105
Cursor 106
Shadow properties 106
Shadow type 106
Shadow color 106
Shadow horizontal offset 106
Shadow vertical offset 106
Blur radius 106
Spread 107
Clip properties 107
Clip 107
Accessibility properties 107
Title 107
Tab Index 107
Stage properties 108
Document title 108
Width 108
Height 108
Background color 108
Overow 109
Autoplay 109
Composition ID 109
Poster 109
Down-level Stage 109
Preloader 109
Adobe Edge Animate menu items 110
View 110
Summary 111
Chapter 4: Using Text and Web Fonts 113
Locating the Text tool 113
The Text tool 114
Text element types 114
Creating text elements on the Stage 116
Creating text elements 117
Point text versus Paragraph text 118
Point text 118
Paragraph text 118
Text property retention 119
Properties unique to text elements 120
Main text element properties 120
www.it-ebooks.info
Table of Contents
[ v ]
Secondary text element properties 121
Text shadows 122
Using web fonts in Adobe Edge Animate 122
About web fonts 123
Genericfontdenitions 123
Microsoft's core fonts for the Web 124
Hosted web font services 124
Applying web fonts to an Edge Animate project 125
Using local fonts from your collection 127
Managing fonts in the Edge Animate Library 130
Viewing fonts within {projectname}_edge.js 131
Summary 132
Chapter 5: Importing External Assets 133
Importing external assets 133
Image element types 134
Properties unique to image elements 134
Image Source 135
Swap Image 135
Background Position Offset X 135
Background Position Offset Y 135
Background Position Units 136
Background Size Width 136
Background Size Height 136
Background Size Units 136
More about image elements 136
Reveal in Finder/Explorer 136
The alt attribute 137
Scalable Vector Graphics 137
Importing SVG images 138
SVGnotications 140
Bitmap images 140
Types of bitmap images 141
Portable Network Graphics 141
Joint Photographic Experts Group 141
Graphics Interchange Format 142
Importing bitmap images 142
Using animated GIFs 144
Working with imported assets 144
Considerations when working with imported assets 145
Managing assets within the Library 146
Asset instance creation 146
Swapping assets 146
Importing Symbol Libraries 147
www.it-ebooks.info