This sample file contains Adobe Stock assets you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase licenses onAdobe Stock . Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.
1
View the practice file
The practice file, resize-content-frame_START.indd, is a two-page spread with empty frames. Open it and start filling the frames with your own art or use the sample art we provided.
2
Resize and move an image within its frame
Drag Beans.jpg from the Sample Photos folder over to the rectangular frame at the top of the left page.
As you can see, it’s too large for its frame. Click the frame with the Selection tool. The donut-shaped Content Grabber icon appears at the center of the frame.
To freely resize the art, click the Content Grabber. A brown frame appears around the artwork. Shift-drag a corner handle of the frame to resize the artwork proportionally.
To reposition the artwork, simply drag the Content Grabber in any direction within the frame.
3
Automatically fit artwork in frames
Drag Nitro-brew.jpg into the frame directly below. Select the frame with the Selection tool.
You can also use a frame-fitting button to control the size and position of your images within the frames. They’re located in the Frame Fitting section of the Properties panel.
For example, click Fill Frame Proportionally to fill the frame with the image without distorting its proportions, but the image may be cropped. Click Content-Aware Fit (the last button) to fit an image proportionally based on the subject and the frame size.
4
Resize the artwork and the frame
Drag Café-Owner.jpg into the round frame on the right. Practice the techniques you learned to resize and position the art in the frame.
Select the frame with the Selection tool, and then select Auto Fit in the Frame Fitting section. Now you can resize both the frame and artwork proportionally to suit your design.
5
Resize only the frame
You can also resize just the frame—whether empty or filled with art. Select it with the Selection tool, and drag any frame handle to resize. To resize proportionally, Shift-drag a corner handle of the frame.
Drag Pour-over.jpg into the leftmost frame, and fit it to its frame.
6
Resize a text frame to fit the text
With overset text (the frame is too small for the text), you can double-click any handle, and the frame automatically expands.
Note: This shortcut works only if the overset text can fit on the page.
When the frame is too large for the text inside it, double-click any handle, and the frame snaps to the end of the text.
Nice going! Keep practicing—your sharp layouts will soon be the envy of the town.
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.