EDOBE XDOM EM Instrukcja Użytkownika Pobierz pdf (Strona 125)

121

Use motion paths

Last updated 6/15/2014

The script panel for button1_color opens.

2 In the popup menu that appears, choose mouseout for the event.

Edge Animate adds a mouseout tab.

3 Position your cursor on the second line of the script pane (after the first line of comments), and choose the Hide

Element option.

Edge Animate adds the JavaScript code to display an element. The highlighted portion of the code is the name of

the elemen

t to display.

1 2 ... 120 121 122 123 124 125 126 127 128 129 130 ... 137 138

Edge Animate CC 1
Legal notices 2
Contents 3
Chapter 1: What's new 5
Article linking for Adobe DPS 6
Enhanced Actions editor 6
Save code snippets 8
Insert code snippets 8
Scrolling hand and zoom tools 9
Download samples from Adobe 10
Use web fonts 11
Add audio to animations 13
Play back and control audio 14
Audio actions 15
Fine-tune audio 16
Preload audio 16
Using audio on devices 16
Add video to animations 17
Playback and control video 18
Preload video 19
Using video on devices 20
Import sprite sheets 21
Timeline 26
Edit individual keyframes 27
Copy transitions 27
Learn more 28
Introduction 28
Using Web Fonts 30
Making That Headline Drop In 33
Dealing with the Template 36
Adding Some Bounce 37
Creating a Bounce Manually 37
Setting the Stage 43
Creating Art in Animate 44
Rulers and Manual Guides 47
Arranging Elements: Z-Order 47
A Rectangular Animation 47
and type 4 52
Importing Art 53
Animating text (Video) 54
Create a symbol 55
Export a symbol 55
Import a symbol 55
Animate existing HTML 56
Use the Code editor 57
Add labels to the Timeline 57
Add triggers to the Timeline 58
Chapter 5: Use motion paths 59
Templates 62
Swipe gestures 63
Eyedropper tool 64
Color coding of elements 64
New features summary 65
New features overview 68
Motion paths 68
Publish your content 70
Add gradients to objects 71
Updates to the color panel 72
Using CSS filters 73
In-app lessons 75
Target older browsers 76
Release Notes 78
Layout and guidance tools 80
Layout Preferences tool 80
Smart Guides 82
Importing external assets 82
Importing bitmap images 83
Animation within Edge Animate 84
The Edge Animate Timeline 84
Playback controls 84
Timeline options 85
Timeline controls 86
The Playhead 86
Zoom controls 86
Keyframes 87
Creating motion 87
Animating with the Playhead 89
Animating with the Pin 91
Editing transitions 92
Transition delay 93
Transition duration 93
Transition end 93
Transition easing controls 94
Transition easing types 94
Shifting transitions 94
Changing transition duration 94
Copy and paste keyframes 95
Animating a website header 96
Animating the background 97
Animating the title text 98
Finishing up! 98
Adding basic interactivity 99
Getting started 100
Last updated 6/15/2014 101
Understanding JavaScript 103
Timeline triggers 104
Editing triggers 106
Minding your syntax 107
Creating the buttons 108
Events and actions 108
Adding the events 110
Adding the actions 111
Completing the interactivity 113
Navigating the Code panel 114
Viewing your code 114
Creating labels 117
Editing labels 118
Use motion paths 119
Adding visual feedback 120
Inserting the mouseout event 124
Editing the click event 126
Customizing the mouse cursor 127
Using the pointer 128
Play a symbol animation 130
Reset the symbol animation 132
Using jQuery Effects 133
Introduction to Edge Animate 135
Chapter 6: Layout and design 137

Komentarze do niniejszej Instrukcji

Brak uwag

EDOBE XDOM EM Instrukcja Użytkownika Strona 125

Komentarze do niniejszej Instrukcji