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

106

Use motion paths

Last updated 6/15/2014

Adding the events

Each element on the Stage can have its own events and actions. Insert code for individual elements from the far left

column of the Timeline or Elements panel. The Open Actions button is indicated by a set of curly brackets.

1 In the Timeline or the Elements panel, click the Open Actions button for the first thumbnail element, button1_gray.

The script panel for button1_gray opens.

A menu of options automatically opens, displaying the events that are possible for the button1_gray element.

1 2 ... 105 106 107 108 109 110 111 112 113 114 115 ... 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 110

Komentarze do niniejszej Instrukcji