How To Create Interactive Button Triggered Animations In InDesign CC
Lesson 43 from: Adobe InDesign MasteryDaniel Walter Scott
How To Create Interactive Button Triggered Animations In InDesign CC
Lesson 43 from: Adobe InDesign MasteryDaniel Walter Scott
Lesson Info
43. How To Create Interactive Button Triggered Animations In InDesign CC
Lessons
Overview
1Introduction To Adobe InDesign CC Advanced
02:24 2Getting Started With The Adobe InDesign CC Advanced Class
02:38 3Adjusting Your Workspace For Maximum Amazingness
08:20Fonts
4Setting The Default Font Size For New Documents Adobe InDesign
01:14 5Special Features For Typekit & Open Type Fonts
07:43 6Where To Get Great Free Fonts For Use In InDesign
03:34Mastering Your Fonts In Adobe InDesign CC
03:39 8What The Font - Font Guess In Adobe InDesign CC
06:20 9How To Pick Beautiful Font Pairings In Adobe InDesign CC
02:27 10Quiz - Fonts
Creative Cloud APP
11Free Icons Using Adobe Market In InDesign CC
05:45Color
12How To Use The Color Theme Tool In Adobe InDesign CC
03:13 13Using Color Modes In Adobe InDesign CC
02:37 14Importing Colors & Setting Default Colors In Adobe InDesign CC
06:58 15Finding Great Colours Using Adobe Color For Use In Adobe InDesign CC
01:11 16Appearance Of Black & Proofing Colours
07:59 17Draw Lot Of Shapes At Once InDesign Gridify Live Distribute
13:15 18Quiz - Color
Drawing
19How To Make Arrows In Adobe InDesign CC
04:13 20How To Draw Complex Flowers In Adobe InDesign CC
07:25 21Quiz - Drawing
Paragraph Goodness
22How Text Boxes Can Auto-Expand In Adobe InDesign CC With Auto Size
04:41 23Placeholder Text Alternatives In Adobe InDesign CC
05:43 24How To Add Paragraph Borders & Shading In Adobe InDesign CC
09:57 25Paragraph Vs Single Line Composer In Adobe InDesign CC
02:17 26How To Make Paragraphs Span 2 Columns In Adobe InDesign CC
03:00 27Mastering Justification In Adobe InDesign CC
04:42 28Mastering Hyphenation Options Using Adobe InDesign CC
06:54 29Optical Margin Alignment In Adobe InDesign CC
02:25 30The Secret Power Of Keep Options In Adobe InDesign CC
05:00 31Advanced Anchored Objects In Adobe InDesign CC
04:27 32How To Use Conditional Text In Adobe InDesign CC
07:23 33Quiz - Paragraph Goodness
Charts & Infographics
34How To Create Pie Charts & Bar Graphs In Adobe InDesign CC
09:37 35Quiz - Charts & Infographics
Interactive Documents
36The Pros & Cons Of The Various Interactive Types In InDesign CC
08:46 37How To Create An Interactive PDF In Adobe InDesign CC
08:48 38How To Add Interactive Page Transitions In Adobe InDesign CC
03:58 39How To Add Navigation To An Interactive PDF In Adobe InDesign CC
06:01 40What Is Publish Online In Adobe InDesign CC
06:39 41How To Publish Your Adobe InDesign Publish Online Documents
03:37 42How To Add Video To Adobe InDesign CC Documents
06:56 43How To Create Interactive Button Triggered Animations In InDesign CC
05:53 44How To Make A Multi State Object In Adobe InDesign CC
03:36 45How To Add Adobe Animate CC To InDesign CC Files
03:39 46Adding Maps & Calendars To Interactive Documents In InDesign CC
02:52 47How To Create QR Codes In Adobe InDesign CC
02:49 48Quiz - Interactive Documents
Keyboard Shortcuts
49Keyboard Shortcuts In Adobe InDesign CC That Will Change Your Life
11:04 50Keyboard Shortcuts
Long Documents
51How To Automatically Place Lots Of Text Onto Multiple Pages In InDesign CC
08:07 52How To Make A Cross Reference In Adobe InDesign CC
06:33 53How To Create An Index In Adobe InDesign CC
05:21 54Add Document Name Automatically To The Page In InDesign Using Text Variables
05:47 55How To Use The Adobe InDesign CC Book Feature
04:53 56Quiz - Long Documents
Preferences
57Changing Preferences For Advanced InDesign Users
05:24Workflow Speed Tips
58How To Speed Up Your Workflow For Advanced InDesign CC Users Styles
03:34Styles
59Why Should I Use Character Styles In Adobe InDesign CC
04:09 60Advanced Paragraph Styles In Adobe InDesign CC
01:57 61How To Use & Map Word Styles In With Adobe InDesign Styles
03:18 62How To Create Nested Styles In Adobe InDesign CC
04:08 63How To Create A Grep Style In Adobe InDesign CC
05:58 64How To Use A Next Style In Adobe InDesign CC
05:27 65Advanced Object Styles In Adobe InDesign CC
07:51 66Quiz - Styles
Multiple Documents
67Best Practices For Working Across Multiple Documents In Adobe InDesign
10:06Images
68How To Use Adobe Stock With Adobe InDesign CC
03:16 69How To Crop Images Inside Of Text In Adobe InDesign CC
04:11 70Using Adobe Comp CC To Make InDesign Layouts On Your Mobile Phone Or Ipad
03:47 71Quiz - Images
CC Libraries
72Advanced Use Of CC Libraries In Adobe InDesign CC
09:40Photoshop & Illustrator
73How To Get The Most Of Photoshop & Illustrator In Adobe InDesign CC
13:32Forms
74How To Create A PDF Form Using Adobe InDesign CC
21:17 75Quiz - Forms
Pages
76Advanced Use Of The Pages Panel In Adobe InDesign CC
08:22 77How To Place InDesign Documents Inside Of Each Other
01:55 78Quiz - Pages
Scripts
79How To Use And Install Scripts In Adobe InDesign CC
08:42Speed Up InDesign
80How To Speed Up InDesign When It’s Running Really Slow
07:34 81Quiz - Speed Up InDesign
Exporting & Printing Tricks
82Advanced Exporting & Printing Tricks For Adobe InDesign CC
02:32 83Quiz - Exporting & Printing Tricks
Next Steps
84BONUS: Software Updates
03:42 85What To Do Once You’ve Finished Your Advanced InDesign CC Training Class
01:04Final Quiz
86Final Quiz
Lesson Info
How To Create Interactive Button Triggered Animations In InDesign CC
Hi there in this video, we're going to look at one of the features for published online and e pub where we click on the button, get ready city and the address slides down. Okay, so button controlled animations. Let's look at how to do that now in adobe in design. All right. So one of the really nice features of Published online is kind of interactive buttons. This particular technique will work for the pub as well once we get on to that. But what I want to do is I want to make the interactive map like you saw at the beginning. So what we'll do is on our pages panel, I'll go to my last page. I'm going to double click it got a new page to get a blank page. It's gonna say, hey, we're messing around with pages. We had some transitions. Don't worry about it because we're not using those page transitions because they only work in interactive pdf only in full screen. So I'm gonna go and turn those off in a minute anyway. So page seven, my W key to make it look nice, zoom out a little bit. Let...
's bring in a couple of graphics. I'm gonna bring in my it's an 04 interactive, there's one called Map One world click once. I've got a nice big map. Let's bring in the icon as well. So map to icon, click once and I've got a map for the U. S. And a copy and posted another one for the UK, paste it again and one for new Zealand those are the different addresses for manu furnitures. Okay, so let's get the address, it's in the exercise files called map three addresses and just grab the UK store to start with. I'm gonna copy that and here in the design, I'm going to do a little bit of a rectangle or something like that with the pink, grab the type talk and had w so that I can see my background, draw the type out here, paste it in. I'm gonna make it paper. Okay. And I might lower the font size a little bit actually, let me grab my black arrow and just move it into place small adjusted over here. Maybe it's the right size already. It is. I like it that size. Okay, so first of all, we need to get this thing to animate and I'm going to get it to kind of end up about there so you can see mine's kind of about there. W key somewhere out there. I'm gonna have to group these together. Okay, Because I want them to animate together. So I'm gonna go command or control D on a pc. And let's first of all do our animation, let's go to animation. Um Let's give it a name. I left these other ones called group. Okay. That was called group Group Group. That's not very well named. Okay. Makes it a little bit hard to animate later on. So I'm gonna call this one UK address. Cool. The preset that I'd like to give it is I'd like it to fly in from the top. Okay And let's just have a little preview in the pub interactivity, Hit play, go to second. You can see they're just kind of fades down. So now we need to get it to be triggered by the button because at the moment it's getting loaded during the page load. So the page comes up on the screen and then it slides down. I want to stop that and get the button to control it. It's pretty easy. Let's click on the icon that I want to turn into a button. Let's go to buttons and let's click on type. I want you to be a button. I'm gonna get my button a name, I'm gonna call this button, UK and underwear. It's his actions. I would like this option here. This is animation. I know it says SWf any pub only but it works perfect in the published online click animation. Which animation do I wanted to play? I want to play the UK address. These other three groups are from these guys that I didn't name. Okay. Table chairs and sleeves. Remember the slow sliding in. So I wanted to play the animation called UK address so it's gonna kind of work because if I go down to the pub interactivity, a hit play it slides down. But if I hit a button so it works but it's also playing when the page loads. I want to turn that off so I'm gonna click on him. Go to animation and there's an option down here. It says actually yeah animation. It says events at the moment it's got two on page load which it came with by default. And now there's one called on release. So when I release that button it plays so I'm just gonna drop that down and say actually I want the button but I don't want the page load now if I go down to my E pub interactivity hit play ready. It doesn't appear until I click this button awesome. Huh? I'd like you to go through and practice doing the US. Okay so make a little box. Put some type in it. Put the address type in it. Group it animate it anyway you like then create the button to get it to load and then turn off the on page load. Okay that could be the worst like example of go off and do it just I guess what I want you to do is just do that again. See if you can do it for the US1 you can replay the video, it's totally up to you but I have a practice on these other two using different bits of animation. One of the other things you might do. Okay is this button? Okay. Is being triggered. Where's my buttons has been triggered something called on released. That just means it's being clicked. Okay so when it gets clicked, when the mouse is released or tapped on the screen only then it's going to work. You could have on roll over. Okay, that's quite a common one to have as well, so that when I click here hit play, I'm not gonna click it with my mouse, I'm just gonna roll my mouse over and then it starts doing it. Now. I totally lie. That does work when you go to publish online or repub. Okay. But it doesn't work in this little pub interactivity. It totally works when it goes out, but when it's in this little tiny little preview window, it's not quite working properly, but it totally does. Trust me when you roll over it. Cool. So we've done it with just some text popping in, you could have like another navigation down the side here to pick images and the images could slide in different images. So you might have to think outside of the box to work out how you might make this work for you in terms of communicating information on one page. Alright, so let's go and look at some of the other features we can do with published online
Class Materials
Bonus Materials with Purchase