Join Chris Converse for an in-depth discussion in this video Animating the panel artwork, part of Create a Homepage Marquee with Edge Animate.
- View Offline
- Exercise Files
Now, to animate the background photos, let's make a few adjustments. Let's come down to…our Timeline panel.…Now down on the right-hand corner is the magnification of the Timeline.…Here on the timeline I can see 3 seconds.…If I come down here and make this smaller, I can add more seconds, so I can see more of the timeline.…I am going to move this down to the point where I can still see individual seconds,…but this will give me up to 12 seconds.…I am also going to come in here between the stage and the timeline and just make my timeline…a little bit taller.…
And over on the Timeline panel, on the left-hand side let's come over and let's hide panel2…and panel3, so that I can only see panel1.…Now let's come up to the Stage. Let's select panel1. I can tell this is selected by seeing…the highlight down here in the Timeline panel.…I can also tell by the panel 01_ photo selected in the Properties panel.…So now that I know I have the first photo selected, let's grab the timeline. Let's drag…this out to 1 second.…
- Setting up your project
- Creating buttons and converting them to symbols
- Animating symbols
- Detecting a mouse rollover on the stage
- Creating custom interactions with jQuery
- Styling buttons and navigation elements with CSS
- Creating a rollover effect with jQuery
- Adding and removing custom debugging code
Skill Level Intermediate
CSS: Transitions and Transformswith Joseph Lowery2h 25m Intermediate
1. Setting Up Your Project
Animating the panel artwork3m 55s
2. Creating and Animating Symbols
3. Setting Custom Variables and Functions
4. Creating and Linking the Navigation
5. Creating Custom Interactions with jQuery
6. Linking the Caption Buttons
7. The Final Details
Removing the debugging code1m 14s
Where to go from here1m 26s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.