Start learning with our library of video tutorials taught by experts. Get started

InDesign CS6 Essential Training

Fitting graphics to the frame


From:

InDesign CS6 Essential Training

with David Blatner
Expand all | Collapse all
  1. 1m 23s
    1. What is InDesign?
      1m 23s
  2. 2m 38s
    1. Welcome
      1m 0s
    2. Using the exercise files
      1m 38s
  3. 21m 19s
    1. Getting started
      3m 33s
    2. Adding or editing text
      3m 23s
    3. Adding or replacing graphics
      4m 31s
    4. Moving objects around
      4m 55s
    5. Printing and creating a PDF
      4m 57s
  4. 26m 6s
    1. Exploring the application window
      6m 25s
    2. Navigating and magnifying pages and objects
      6m 24s
    3. Setting rulers and measurements
      2m 35s
    4. Working with panels
      3m 58s
    5. Setting the view quality of artwork
      2m 31s
    6. Adjusting view and preview settings
      4m 13s
  5. 27m 52s
    1. Creating new documents
      7m 39s
    2. Saving and reverting documents
      4m 2s
    3. Saving for CS4 and CS5 with IDML
      2m 24s
    4. Setting the margin and column guides
      4m 29s
    5. Putting ruler guides on the page
      5m 7s
    6. Bleeding colors or images off the side of the page
      4m 11s
  6. 23m 37s
    1. Inserting, deleting, and moving pages
      4m 32s
    2. Changing page size
      4m 38s
    3. Creating and applying master pages
      5m 18s
    4. Overriding master page items
      2m 43s
    5. Adding page numbering
      2m 22s
    6. Changing page numbering with sections
      4m 4s
  7. 52m 47s
    1. Understanding text frames
      3m 38s
    2. Typing and editing text
      4m 48s
    3. Inserting special characters
      4m 1s
    4. Importing text
      3m 47s
    5. Threading text frames
      3m 12s
    6. Setting text frame columns
      4m 31s
    7. Setting text inset and vertical justification options
      3m 48s
    8. Allowing text frames to grow and shrink
      4m 5s
    9. Putting text on a path
      5m 50s
    10. Using the Story Editor
      5m 10s
    11. Checking spelling
      5m 12s
    12. Using Find/Change
      4m 45s
  8. 28m 19s
    1. Importing graphics
      8m 20s
    2. Using the Links panel
      7m 17s
    3. Editing graphics in their original app
      3m 10s
    4. Fitting graphics to the frame
      5m 1s
    5. Taking advantage of image transparency and clipping paths
      4m 31s
  9. 35m 49s
    1. Selecting objects
      5m 2s
    2. Applying basic strokes and fills
      5m 6s
    3. Colorizing images
      1m 59s
    4. Adjusting transparency
      4m 4s
    5. Adding drop shadows
      3m 33s
    6. Using other transparency effects
      5m 15s
    7. Copying and formatting with the Eyedropper tool
      5m 59s
    8. Finding and changing object formatting
      4m 51s
  10. 18m 34s
    1. Creating color swatches
      4m 33s
    2. Understanding the danger and power of unnamed colors
      5m 46s
    3. Creating gradient swatches
      3m 53s
    4. Applying gradients
      4m 22s
  11. 15m 27s
    1. Editing frame and path shapes
      5m 8s
    2. Adding rounded corners and other corner options
      4m 8s
    3. Making polygons and starbursts
      1m 59s
    4. Creating text outlines
      4m 12s
  12. 37m 56s
    1. Positioning objects with the Gap tool
      3m 54s
    2. Stacking objects
      2m 5s
    3. Creating and controlling layers
      5m 27s
    4. Managing objects in the Layers panel
      3m 33s
    5. Grouping and locking objects
      3m 10s
    6. Nesting objects
      3m 23s
    7. Aligning and distributing objects
      4m 20s
    8. Understanding text wrap
      5m 51s
    9. Using anchored objects
      6m 13s
  13. 26m 16s
    1. Duplicating objects
      5m 37s
    2. Collecting, conveying, and placing content
      8m 58s
    3. Rotating objects
      2m 22s
    4. Scaling objects
      4m 21s
    5. Skewing objects
      1m 8s
    6. Mirroring objects
      3m 50s
  14. 24m 19s
    1. Applying basic character styling
      7m 31s
    2. Applying advanced character formatting
      4m 28s
    3. Changing case
      3m 23s
    4. Using Find/Change for text formatting
      5m 3s
    5. Using Find Font
      3m 54s
  15. 32m 51s
    1. Applying formatting to a paragraph
      4m 4s
    2. Spanning a paragraph across multiple columns
      2m 10s
    3. Splitting a paragraph into multiple columns
      1m 52s
    4. Using drop caps
      3m 26s
    5. Setting tabs
      7m 36s
    6. Adding rules (lines) above or below a paragraph
      3m 23s
    7. Adding automatic bullets
      4m 10s
    8. Numbering paragraphs
      6m 10s
  16. 19m 47s
    1. Creating and applying paragraph styles
      6m 10s
    2. Using character styles
      4m 45s
    3. Editing and redefining styles
      2m 20s
    4. Using object styles
      2m 47s
    5. Applying styles with Quick Apply
      3m 45s
  17. 39m 59s
    1. Creating a table
      4m 29s
    2. Adjusting rows and columns
      4m 36s
    3. Adding and deleting rows and columns
      3m 0s
    4. Formatting a table
      4m 32s
    5. Formatting cells
      6m 2s
    6. Applying table styles
      5m 33s
    7. Placing graphics in cells
      3m 1s
    8. Importing Microsoft Word and Excel tables
      8m 46s
  18. 16m 45s
    1. Building a multi-document book
      7m 27s
    2. Creating "continued on..." jump lines
      3m 51s
    3. Constructing a table of contents (TOC)
      5m 27s
  19. 23m 8s
    1. Exporting EPUBs
      6m 12s
    2. Creating an interactive PDF
      12m 49s
    3. Building a Flash SWF
      4m 7s
  20. 28m 1s
    1. Checking a document with the Preflight panel
      5m 26s
    2. Packaging for output
      3m 34s
    3. Using the Print dialog box
      4m 52s
    4. Printing a small booklet
      2m 46s
    5. Exporting a PDF
      7m 56s
    6. Exporting text
      3m 27s
  21. 1m 25s
    1. Next steps
      1m 25s

Video: Fitting graphics to the frame

When you import an image it often doesn't appear at the correct size on your page. For example, I'll go ahead and create a new graphic frame here, and then I will place an image into it. I will go to the Place dialog box and I am going to choose an image down here like the spirals Illustrator file. I can tell immediately that that's not what I was hoping for; I wanted it to fit inside this frame. In fact, if I switch to the Selection tool and double-click on this frame it switches to the image itself, it selects the image inside the frame and I can see the edge of this image is huge, it's much bigger than the frame.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
InDesign CS6 Essential Training
8h 24m Beginner May 07, 2012

Viewers: in countries Watching now:

InDesign is an essential tool for design firms, ad agencies, magazines, newspapers, book publishers, and freelance designers around the world. This course presents the core features and techniques that make this powerful page layout application fun and easy to use. Author David Blatner shows how to navigate and customize the workspace, manage documents and pages, work with text frames and graphics, export and print finished documents, explore creating interactive documents, and much more. He also covers popular topics such as EPUBs and long documents and includes advice on working with overset text, unnamed colors, and other troublesome issues that may arise for first-time designers.

Topics include:
  • Getting started in just 30 minutes: the quick start guide to InDesign
  • Understanding your workspace
  • Creating and setting up new documents
  • Creating and applying master pages
  • Entering and editing text
  • Placing graphics
  • Working with color and gradients
  • Editing frame and path shapes
  • Working with layers, objects, and groups
  • Rotating and scaling objects
  • Applying character and paragraph formatting
  • Using styles
  • Creating and formatting tables
  • Exporting to EPUB and interactive PDF
  • Packaging, printing, and exporting your final document
Subjects:
Design Page Layout
Software:
InDesign
Author:
David Blatner

Fitting graphics to the frame

When you import an image it often doesn't appear at the correct size on your page. For example, I'll go ahead and create a new graphic frame here, and then I will place an image into it. I will go to the Place dialog box and I am going to choose an image down here like the spirals Illustrator file. I can tell immediately that that's not what I was hoping for; I wanted it to fit inside this frame. In fact, if I switch to the Selection tool and double-click on this frame it switches to the image itself, it selects the image inside the frame and I can see the edge of this image is huge, it's much bigger than the frame.

We are going to explore Scaling in the chapter on Transforming Objects later. But let me quickly show you one feature which really comes in handy when you're trying to fit images. In fact, the name of the feature itself is Fitting; you can find it under the Object menu, under the Fitting submenu. There are five different features here in fact. Fill Frame Proportionally means make sure that the image fills the frame even if some of the image is cropped out a little bit; make sure it fills the frame. Fit Content Proportionally means scale the image up or down until it fits inside the frame, but make sure none of it gets cropped out.

Fit Frame to Content is kind of the opposite; it changes the size of the frame so that matches the current size of the image. In this case that frame would get much bigger. And Fit Content to Frame will scale the image inside the frame to fit even if it means scaling it disproportionately, I almost never use that. Center Content is obvious; it just centers the image inside the frame. In this case I am going to be using Fit Content Proportionally, but I am going to choose it out of the menu, instead I'm going to choose one of these buttons in the Control panel, just because that's faster and easier.

If you can't tell which of these buttons does what, all you need to do is hover the cursor over them for a moment until you see the tooltip. The first one is Fill frame and the second one is the one we want Fit content proportionally. Once again that scales the image to fit inside the frame so that none of it gets cropped out. Even if it means there are some blank areas to the left and right of it. That's okay for this image. Let's zoom in to 400% here with a Command+4 for Ctrl+4 on Windows, and you can see that indeed of the image is smaller than the frame.

If you want to make the frame the same size as the image, remember there's another option for that. I'll go back to Control panel and I will hover over these buttons until I find Fit frame to content, click on that and now the image and the frame around it are the same size. By the way, if you are working quickly sometimes you'll find yourself moving images inside the frames accidentally, so that they're sitting outside the frame. That's where Center image in the frame comes in handy. I will click on that last button and the image snaps back so it's centered inside the frame which is exactly where I wanted it.

Let me show you another example of fitting, I will zoom back to fit the spread in window and I'm going to import a new image inside of a frame. Here's a frame, I will go to the File > Place dialog box and choose an image. I am going to choose this photographer image. In comes the image, but once again it's not the right size. Now in this case I know that I want to scale the image down to fill the frame even if it means some of the image is going to get cropped out. I'll switch back to the Selection tool and I will come over to the buttons and click on the first one, that's Fill frame proportionally.

It fills it even though some of it is taking out the top and the bottom. I will double-click on this to select the image and you can see that some of it is above and below that frame. It's cropped out. Now that looks good, but what happens if I'd put a different image into this frame. Well, I'd have to go back and click the button again or what happens if I come over here and resize this frame. I'd have to click the button again, it's very frustrating having to keep going back and clicking those buttons. Let me undo that with a Command+Z or Ctrl+Z on windows. Instead, InDesign has a feature called Auto-Fit; it's this little checkbox right here.

And you can see that now every time I change this frame, it automatically updates. If I make it tall instead of why it updates, if I make it wider instead of tall it updates. It always automatically applies whatever the last Fitting option I used was. In this case I use Fill frame proportionally, so it's going to apply Fill frame proportionally every time I change it. Even if I replace this with a different image by going to File > Place, pick another image just by random here and I will make sure Replace Selected Item is turned on and when I click Open it imports it and fills that frame automatically.

That image would've come in much larger, but it scaled it down to fill the frame proportionally. You certainly don't have to make your images fill your frames or your frames fit your images but it's often helpful, especially when trying to lay out a document or template quickly. Now let's get back to images themselves and specifically using images that have transparent areas or clipping paths.

Find answers to the most frequently asked questions about InDesign CS6 Essential Training.


Expand all | Collapse all
Please wait...
Q: Where can I learn more about graphic design?
A: Discover more on this topic by visiting graphic design on lynda.com.
Share a link to this course
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.
Upgrade now


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.

Upgrade now

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 CS6 Essential Training.

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 preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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