EDOBE XDOM EM Bedienungsanleitung Seite 36
- Seite / 138
- Inhaltsverzeichnis
- LESEZEICHEN
Bewertet. / 5. Basierend auf Kundenbewertungen
32
Create animations using the Timeline
Last updated 6/15/2014
18 Select “ON” and set the Rotate property back to 0, and move “ON” over the same word in the positioning template.
If you want to review the motion, drag the playhead back and forth. If necessary, you can readjust the start or end
point. Just move the playhead into position and tweak the word’s position.
19 Move the playhead to 0:00.250. Then select the word “the” and click the Location Add Keyframe button. The plan
here is to start the word “the” moving before “ON” has finished its movement. However, you want the word “the” to
remain motionless for the first quarter-second, so you must create two location keyframes with identical values at
0:00.000 and 0:00.250.
20 Drag the playhead to 0:00.750, and then move “the” over the same word in the positioning template. Use the
Timeline Zoom slider to get a better view of the timeline. The units of measure at the top of the timeline change
depending on the zoom level. (Figure 11)
No rotation is used for “the”, so this word will appear to drop straight down.
21 Move the playhead to 0:00.500. Select “EDGE” and click the Location and Rotate Add Keyframe buttons.
This keeps “EDGE” in place for the first half-second of the animation.
22 Move the playhead to 0:01, and then drag “EDGE” into place over the positioning template.
At the 1-second mark on the timeline, the words have finished their journey, and the first version of the animation
is comp
lete, except for removing the positioning template.
Before you remove the red positioning template, you probably want to preview the animation. Press Home and then
the space
bar to get a look. If necessary, you can continue to tweak the starting and ending points for the animated
words. For example, you might prefer it if “ON” and “EDGE” drop in first and the word “the” is added last.
Dealing with the Template
The red positioning template isn’t meant to be a permanent part of the animation. So if you’re happy with everything,
you can remove it. First turn off the Lock Element button to make the Template selectable. Then you can select the
template in either the Elements panel or on the stage and press Delete. As an alternative, you could turn the template
into a drop shadow (Figure 13) or glow effect for the text.
- 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
© 2020, manymanuals.de. Alle Rechte vorbehalten. | 0.063 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Kommentare zu diesen Handbüchern