Join Brian Wood for an in-depth discussion in this video Duplicating buttons, part of Acrobat 9 Pro: Creating Multimedia Projects.
After you've created a button, you can either create more buttons and spend a lot of time doing that, or you can take a simple way to get around that. You can actually duplicate buttons and that's what we're going to do next. So I've got a button out here, and what I'd like to do is instead of making two more buttons for each page, I just simply want to copy/paste the one I've got right here. Then we need to make some changes to it and then what we're going to do is with the three buttons out there, we're going to actually duplicate them on every page of the document. So this is a great way to put navigation out here. Even if you've got like arrows going, Next and Previous, things like that, you can make some simple buttons to do that.
So, with the Advanced Editing toolbar open under the Tools menu, you'll see the Select Object tool. Go and select that and that usually lets you edit all your buttons. Now, to copy the button, we can click on the button and just copy/paste. We can also right click on Windows or Ctrl-click on Mac, and we've got a menu here that we can copy, we can paste, we can do all sorts of different things. We can Place Multiple or Duplicate. Now, Place Multiple Fields allows you to put them in a grid pattern. I'm going to show you three ways to get this done. So Copy/Paste is not even one of them, but you could copy and paste and then drag them in position.
The other thing we can do is to click on the button and if you start dragging it, hold down the Ctrl key on Windows, Option on Mac, and the Shift key. So Ctrl+Shift Windows, Option+Shift Mac and what that will do is it will duplicate and constrain the next button. So I'm going to drag it down. The key here is to release the mouse and then the keys so you can actually make a nice clean copy there. So that's one way to make a copy. Now, we wouldn't have to go in-- and this is the problem with copying buttons. You have to make sure that you rename these buttons and of course, change the appearance and everything else you've done, simply because they will all do the same thing then and that's not good, okay.
Go ahead and delete that one. So just press Delete or Backspace, click to select the button, right-click on Windows, Ctrl-click on Mac, you're going to see Duplicate and Place Multiple Fields. Choose Place Multiple Fields and what this allows us to do, and this is normally reserved for forms, but when I create buttons, I do this thing all the time. You can actually copy it and tell it how many you want. So Copy selected fields down means how many down do you want and across, how many across. I want it to go three times down and just once across.
So I don't want to have any going across here. Now, this always freaks me out, this Overall Size thing. It just means the overall height is from the top button to the bottom of the bottom button. That's the height, not the height of each button. So if you increase this, you're going to put distance between each button. If you want to position them Up, Down, Left, or Right, you can drag them up, drag them down, whatever you want to do, and it will put them where you want them. Click OK and it will make copies of each one. Now, the really cool thing about doing that, instead of dragging and duplicate, it actually puts these little .0, .1, .2 so they are separate buttons now, which is great.
So all we need to do then is just change this. So if you double click the second one, you're going to have to change two things in here. If you go to Options, we set up a picture in this one called Icon only. So what we would have to do is we'd have to go to the Up State, choose a different icon. So we click Choose Icon, and this is if you want a picture with a rollover button. You could browse for the button_text. pdf file, which is in the buttons folder. I have got it open here. If I go to my next one here, let's say Stores, I'm going to choose this one right here.
This was an Illustrator file with a bunch of artboards built in it. If you are in Photoshop or another program, you could create a bunch of different pictures and put them in a folder and every time you want to choose a different state, you browse for it. I'll choose Stores and click OK and you'll see that it's going to change that one. So we're going to change the states, Up, Rollover, and Down, all three have separate pictures and I'm going to choose a picture for each one. I won't do that now. You can do that yourself. We then need to change the Action. If you go to the Action, right now it's going to go to the third page in a document. I want to change that. So choose Go to a page in this document, click Edit, and I'm going to tell it to go to the second page, let's say.
Click OK and we have changed the Action. So for every button you create a duplicate of, you need to change the appearance, the options, and the actions. Close this up and we've got ourselves a button. Now, we're going to actually take these and copy them on every page. So you got to make sure you do each one of these and make sure they are all set, the right action, everything ready to go. So if you want to take them in right now and do that, go for it. You can pause the video, but what I'm going to do is I'm going to show you how to duplicate it between each page and you got to be done with all your buttons before you do this, okay. So I'm going to select all the buttons to do that.
So just select them, with the black arrow, select the Object tool. You can simply drag across to select them. If you right click on one of them, or Ctrl- click on Mac, you're going to see Duplicate. Now, you'll see a bunch of other great things in here that I don't have time to go through simply because this is covered in forms and all sorts of other areas. You can align them, you can change the size of them. I'm just going to simply duplicate. So choose Duplicate and it's going to ask you which pages you want to put the buttons on. I'm already on page 1. So I just want to put them on 2 and 3. Now, like I said, you've got to be ready to do this, meaning all the buttons have to work.
What I would do, if you're at this point and you're not sure, click Cancel, go to the Hand tool, test each one independently and make sure it goes to the right page and it works. I'm going to trust it. So click OK and if I scroll down here with the scroll bar, we should see that they are on every page. You will also notice, this issue may come up. Notice the positioning. If I put them in a wrong place, it's going to be really hard for me to undo that if I have a big document. So, what I would probably want to do is make sure that on every page, it's in area where they will be clear.
Otherwise, I could go to the pages, undo or delete them and then start again. But that's how you can duplicate buttons, doing it a couple of different ways. Just to make it easier for you because once you create one button, you are going to want to duplicate it and make it easier on yourself later.
- Working with the new Flash CS4 video integration Embedding and linking to all types of multimedia Creating links, buttons, and other navigation systems Integrating layers and buttons for web page-like effects Adding sounds to complement embedded video action Using buttons and bookmarks to interact with layers
Skill Level Intermediate
I get error page when typing in this address. Do you have the correct URL?
Q: In the Acrobat 9 Pro: Creating Multimedia Projects title, the author adds video controls by adding "skins" to the SWF videos in the PDF. It appears he does this by using the Resources tab in Flash preferences. When trying to duplicate the author’s method, however, the SWFs plays endlessly (loops), unless you right-click and choose Stop from the contextual menu. Is there a tutorial that specifically walks through getting the skins and using them to add the video controls?
A: Skins can be inserted if the file is converted to FLV when adding video into Acrobat Pro Extended. This is detailed in the Chapter 4 video "Converting to FLV.” Otherwise, the skin can be added in Flash before adding the video to Acrobat. Check out the "Working with Video" chapter in Flash CS5 Essential Training.