Join Chris Converse for an in-depth discussion in this video Duplicating symbols for the second caption, part of Create a Homepage Marquee with Edge Animate.
- View Offline
- Exercise Files
Now that we have the full caption symbol created for panel1, let's come over to the Library…panel. Let's select panel_01_caption, let's right-click, and let's choose Duplicate.…This will duplicate the panel_01_caption, but it will keep the instances of caption…box and Learn more. So, those symbols won't get duplicated, but they will have instances…placed into the new symbol we just duplicated.…Next, let's double click this in the Library panel. Let's rename this to panel_02_caption.…
Let's hit Return, and now let's edit this.…Let's double-click this from the Library panel.…This will bring us into isolation mode, but instead of seeing everything in place on the…background, which is called editing in place, we are seeing just the artwork and symbols…for panel_02_caption.…So first let's come up to the text. Let's select this. Let's double-click it to change…the text. So let's change this to say, "This is a 2 line caption for this panel."…Close the text block. Let's grab the Learn more button, hold the Shift key. You can hit…
- 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.