Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Setting up a presentation with layers

From: InDesign CS5: Interactive Documents and Presentations

Video: Setting up a presentation with layers

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.

Setting up a presentation with layers

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.

Show transcript

This video is part of

Image for InDesign CS5: Interactive Documents and Presentations
InDesign CS5: Interactive Documents and Presentations

83 video lessons · 27744 viewers

James Fritz
Author

 
Expand all | Collapse all
  1. 1m 56s
    1. Introduction
      1m 18s
    2. Using the exercise files
      38s
  2. 11m 45s
    1. Interactive documents: Born Magazine
      1m 49s
    2. Annual report case study: Unitus
      1m 44s
    3. Self-publishing
      1m 59s
    4. Digital books: iBooks, ePub
      2m 15s
    5. Digital newspapers: Times Reader
      1m 51s
    6. Digital magazines: Wired, iGIZMO, The New Yorker
      2m 7s
  3. 12m 32s
    1. Setting preferences for interactive documents
      2m 36s
    2. Customizing the workspace
      3m 6s
    3. Understanding intent and presets
      2m 21s
    4. Working with images
      2m 37s
    5. Installing scripts
      1m 52s
  4. 9m 40s
    1. Comparing PDF and SWF presentations
      2m 5s
    2. Presenting from InDesign: Presentation mode
      2m 2s
    3. Presenting a SWF
      1m 50s
    4. Presenting a PDF
      1m 8s
    5. Creative tip: Practice your presentation
      2m 35s
  5. 33m 42s
    1. What we're going to build
      1m 28s
    2. Previewing your layout with the Preview panel
      3m 25s
    3. Creative tip: KISS (Keep It Super Simple)
      3m 11s
    4. Setting up a presentation with layers
      5m 21s
    5. Creating a navigation system
      5m 5s
    6. Creating a title and content slides
      4m 40s
    7. Overriding master page items
      3m 21s
    8. Setting page transitions
      2m 31s
    9. Creating hyperlinks
      2m 26s
    10. Using the slug for notes
      2m 14s
  6. 23m 30s
    1. Adding a Full Screen button with a tool tip
      4m 15s
    2. Creating PDF bookmarks in InDesign
      3m 19s
    3. Using a button to go to a specific page in a PDF
      3m 11s
    4. Using animation inside a PDF presentation
      6m 15s
    5. Exporting your presentation to interactive PDF
      4m 6s
    6. Creating a PDF Portfolio presentation
      2m 24s
  7. 29m 50s
    1. Exploring the Animating Encyclopedia Script
      6m 24s
    2. Using the Animation panel
      3m 38s
    3. Animating a list
      2m 28s
    4. Designing an alternate navigation
      3m 35s
    5. Creating a multistate object
      4m 25s
    6. Creating a page number indicator
      1m 59s
    7. Animating an opening page
      1m 53s
    8. Using Page Turn vs. Page Curls
      2m 4s
    9. Exporting your presentation to SWF
      2m 21s
    10. Watching out for transitions with animations
      1m 3s
  8. 24m 3s
    1. What we're going to build
      1m 43s
    2. Creative tip: Breaking down a complex animation
      3m 2s
    3. Taming the Timing panel
      1m 43s
    4. Animating on a motion path
      3m 2s
    5. Creating a sound hot spot
      2m 34s
    6. Creating a slideshow with a multistate object
      1m 50s
    7. Creating a loaded button
      2m 43s
    8. Creating an interactive map
      4m 25s
    9. Creative tip: Have fun!
      3m 1s
  9. 15m 38s
    1. What we're going to build
      1m 19s
    2. Creating the opening transition
      4m 20s
    3. Creating a logo slideshow
      2m 34s
    4. Animating the color palette
      3m 44s
    5. Combining multistate objects and buttons
      3m 41s
  10. 28m 45s
    1. What we're going to build
      1m 26s
    2. Building an interactive table of contents
      4m 19s
    3. Building a navigation system
      2m 9s
    4. Creating PDF-only buttons
      3m 1s
    5. Using a SWF slideshow in a PDF
      4m 14s
    6. Placing a video and using the Media panel
      3m 59s
    7. Setting navigation points
      3m 24s
    8. Placing a video from a URL
      2m 2s
    9. Creating URLs from hyperlinks
      4m 11s
  11. 22m 40s
    1. Preparing your layout for Export
      5m 7s
    2. Handing off your InDesign layout to Flash
      3m 11s
    3. Opening the FLA file in Flash CS5 Professional
      2m 33s
    4. Adding a stop command and testing the movie
      2m 22s
    5. Fixing the buttons
      3m 8s
    6. Importing a video into Flash
      1m 45s
    7. Editing the animations
      2m 59s
    8. Publishing a SWF
      1m 35s
  12. 17m 0s
    1. Avoiding legacy media
      1m 11s
    2. Converting a video into FLV with Adobe Media Encoder
      1m 52s
    3. Using the JPG Pass-Through filter
      2m 32s
    4. Avoiding compatibility issues
      3m 7s
    5. Slimming down your FLA
      2m 41s
    6. Sharing motion presets
      3m 40s
    7. Testing hyperlinks in a SWF
      1m 57s
  13. 34s
    1. Further Recommendations
      34s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

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.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign CS5: Interactive Documents and Presentations.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.