Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
InDesign has a nice sample library of button artwork. If I go to Window>Interactive and Buttons, then go to the Buttons Panel menu, I can choose the Sample Buttons. This is just a library. If you have used libraries in InDesign before, you know how they work. There is a nice assortment, little rounded rectangles, round buttons, some capsule shaped ones and some nice little navigational arrows. I am sort of partial to these capsule-shaped buttons. So I am going to drag this in. I know it looks enormous, it's just because this is a little bitty page.
There is sort of no sense in making an 81/2 page with a little bitty button in the middle. So I am going to change some things about this. I don't want that black border, so I am going to change that to None. And then I think I will keep the green, I think that's just fine. Notice that little icon at the lower right, that just means that it's a button. It doesn't matter whether or not it is a button, because I'm just going to use this as artwork. But, if you want to convert it to a plain old object, it's easier to do. Just go to Window>Interactive, bring up the Buttons Panel again. And at the lower right this little icon, we will convert it back to a normal object.
We get a little warning, that's okay, we don't care. If I want to have three different button appearances for my up, down and rollover states, I am going to duplicate this page. So when I go into my Pages Panel, I could go to the Panel Menu and choose Duplicate Spread or my favorite way, on a PC just hold down Alt, on the Mac just hold down Option, Drag, when you see the Plus in the little Hand icon, let go of your mouse, and there is your duplicate page. I am going to Alt+Drag or Option+ Drag again and make a third page.
I am going to have my Up state be green; on my Down state, I think I'll have it be blue. So I select the object, I can go into my Swatches Panel and just assign a blue swatch. It still keeps that nice highlight and it's sort of a shadow effect. I am going to go to my third page, select the button and maybe I will make this one red. Of course, you can create your own colors and apply them, but this is just a quick way to show you. When I zoom out, you can see my three pages and those are going to be my three button states.
The way to make this happen, I export to a three page PDF and then I can invoke that PDF in Acrobat as my source for artwork. So it's just File and Export, I will just put this on my Desktop, because that's always an easy place to find things and this will be my IDbuttonArt. In truth it doesn't matter whether you export this as an Interactive or a Print PDF, because you don't care about any other activity, you just care about the artwork, so I'm to choose Print. Let me click Save.
High Quality Print I think is a good choice for this. We don't care about any of this other fancy stuff like optimizing and creating a Tagged PDF, that's really all I need. When I Export, it immediately opens up in Acrobat and there we go. There is my 1, 2 and 3. So now when I make my button and I invoke this PDF, I can choose among those three pages to do my three states. That's really pretty easy; InDesign sort of does the heavy lifting for you.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 99156 Viewers
80 Video lessons · 141790 Viewers
59 Video lessons · 60158 Viewers
52 Video lessons · 73295 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.