Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In InDesign CS5: Interactive Documents and Presentations, Adobe Certified Instructor and designer James Fritz shows print designers how to use InDesign by itself and in conjunction Flash Professional to layout and design a wide range of digital documents. The course provides a tour of digital publishing trends, showing real-world examples of what can be achieved through InDesign. Several start-to-finish projects are also included, such as creating a presentation with transitions and animations, and building an interactive microsite. Exercise files accompany the course.
Let's get started creating a new document for our presentation. We should be working in our custom interactive workspace that we created in an earlier chapter. After creating our document, we will set up layers to separate our content in order to manage our file. The first thing we are going to do is go to the File menu and go to New > Document. You could also hit Command+N or Ctrl+N on the PC. Inside this dialog, let's change the Intent from Print to Web, since we are going to be creating a presentation that's going to be displayed onscreen. When we choose Web, it also changes our units of measurement to pixels, because pixels is what is an onscreen measurement.
Our swatches will also be in RGB instead of CMYK. We are going to change our number of pages to 8. We also want to make sure Facing Pages is turned off. The size that we are going to choose is 1024 x 768. This is a common size of most projectors, and we can always scale up, but it's hard to scale down. So I recommend you to choose a size that's going to be the smallest size that you would possibly project at. For our Margins, we are going to set 30 pixels for all the way round. Then we are going to go to More Options, and we are going to change our Slug for 300 pixels on the right.
A slug is a predetermined area of the pace board we can choose to include when we output. For this we are putting a slug on the right-hand side as a placeholder for our notes. We will click OK to make our document. Now that our document is made, we need to create layers to organize our content. Right now, we only have one layer. Let's rename this layer "Guides". We will double-click on it, and we will type in "Guides". Now for the next few layers, I am going to show you few different ways that we can make guides. Let's come down and press the New Layer button. We will double-click on layer 2, and we will call it "Background".
For the next one, it will be "Text". Let's go on the panel menu and choose New Layer. Now we can type in "Text". If I want to create one for images, I can drag this down to duplicate the layer, and then I can double- click and call this "Images". But I recommend if you do duplicate a layer, you change its color so you don't get confused in your layout. I am going to change this one to a nice magenta. Then finally, my favorite way to make a layer is by holding down Option or Alt and I click on the New Layer button.
The dialog will pop up, and I can type in "Navigation" and click OK. When you find yourself making additional layers, such as PDF or SWF, animation or even notes, it's not a problem adding more layers. It helps you keep your documents organized. Now let's learn how these layers work. We are going to go to File > Place, and inside our Links folder I am going to select the first link, hold my Shift key, and go down, and we are going to grab five images. I will click Open. Then with my loaded cursor I am going to hold down Command+Shift on the Mac or Ctrl+Shift on the PC, click and drag, and draw out a grid.
With these images selected, I am going to change their fitting to Fill frame proportionally. Now you will see that of these images are on the Navigation layer. They have a dark blue, and you can see Navigation has a dark blue, and this little square represents that these items are on that layer. By grabbing this square, I can move them down to the Image layer. If I want to see each of these individual images in my Layers panel, I can open up this layer and see all of the images. Each of these are the file names of the image. If I want to rename them, I can click on that particular name, click and hold, and then type in the name that I want.
We will type in barrel. If I want to hide this image, I can press the little eyeball to hide it. If I want to show it again, I will press the same eyeball. If I want to hide multiple ones, I can click and hold my mouse and click and drag across all of them. Then I can click and drag to bring them back. If I want to hide all of the images on this layer except for this one, I can Option+Click or Alt+Click on that eyeball, and they will all go away. If I Option+Click or Alt+ Click again, they'll all come back. The same is true for locking. Locking prevents me from editing the image. If I click here, I can lock that image.
I can click and hold and lock all of them. Click and hold to bring them back. Or if I Option+Click or Alt+Click, it will lock all of them but that one. If an image is locked in the layout, you will see a small lock icon on the image. If I click on this, I can unlock it from the layout. Let's draw a rectangle. I am going to go over to a toolbar and grab the Rectangle Frame tool, click and drag, and draw out a rectangle. Let's change its fill color to a solid black and then select our Selection tool. Now let's give this a name. You could see here it says "rectangle". I am going to call this "black rectangle".
Now if I want to put this on the Navigation layer, if I will close this layer, I can grab this little square and drag it up to put it on the correct layer. This way I can move items in-between layers. Now one last feature that I want to talk about inside the Layers panel is a preference. Right now, this rectangle is on the Navigation layer. If I cut it to the clipboard and go to the Image layer and paste, it's going to show up on the Image layer. But what if I want it stay in the Navigation layer? This might cause a problem. So what we are going to do is I am just going to do a few undos to get back to where I was before.
Then I am going into Layers panel menu and choose Paste Remembers Layers. Now that I have this turned on, when I cut this to the clipboard, it was on that Navigation layer. Even if I go to another layer and paste, it will go back to whatever layer it came from. I recommend you to turn this preference on with your documents to prevent you from moving things to the wrong layer. It may seem like a lot of work to create layers and keep everything properly named, but by setting up everything correctly in the beginning of a document's life, you'll really save yourself a lot of trouble later down the road.
Find answers to the most frequently asked questions about InDesign CS5: Interactive Documents and Presentations.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.