Adjusting Image Position and Frame Size: Final Tweaks

Perfecting the Layout: Fine-Tuning Image Placement and Frame Size

Explore the final steps in adjusting an image, from refining its layout to adding finishing touches. This article provides a step-by-step guide on how to tweak and optimize the positioning and appearance of various elements within your image.

Key Insights

  • The article provides a detailed guide on how to adjust the position of various elements in an image, including text and frames. The process involves using the 'move' tool and holding shift to move elements up and down without shifting them left or right.
  • It further explains how to change the size of the frames and images in your artwork, which involves selecting the frame thumbnail in the layers panel and dragging it to fit the desired area. The same process applies to adjust the size of an image within the frame.
  • The article also covers the process of filling in the sky in an image using the clone stamp, selecting the source point, and filling in the white space. It highlights the importance of carefully selecting the source point to ensure consistency in the image.

Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.

In this video we're going to be making some final tweaks to our image. Looking at this right now, we can see that our attention is drawn to the text right in the middle.

However, below, we can see that the title text may be a little too close. So let's move this title text as well as the other image down a little bit more. To do this, we can select the text and then, holding Shift, we'll select the bottom rectangle.

In addition, we're going to want to select the frame and image below. We can open up our Frames group and simply select the entire layer of Bottom Frame. We've lost the Bottom Rectangle, so we'll hold CTRL and click Bottom Rectangle and “Building Cities on the Shoreline.”

Now, to move these with the Move Tool found in the Tools panel, we can click and simply drag them down. If we hold Shift, we'll drag them vertically only, without being able to move them left or right. We're going to place our image so that it's contained within the bottom third.

We'll release, and now we have our image towards the bottom. Our next step will be to change the frame and image on top to stretch throughout this entire space. In order to do that, we'll select the Top Frame and, with the Move Tool, click and drag it down, holding Shift so it only moves vertically. We’ll want to make sure the bottom corner is at least below the line of the rectangle.

Adobe InDesign Bootcamp: Live & Hands-on, In NYC or Online, Learn From Experts, Free Retake, Small Class Sizes,  1-on-1 Bonus Training. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

We then want to increase the size of the frame from the top area so it's flush with the top of the artboard. To do this, we'll select only the Frame thumbnail in our Layers panel, and when we see the arrows at the top and bottom center, we'll drag up so it's flush with the top of our artboard. Now, we simply need to change the size of our image. We'll select the Image thumbnail, press CTRL+T to transform it, and drag it up.

Fortunately, we're starting to see a little bit of shoe here, so we can drag it down and then drag it up again. I like the idea of the building being relatively centered here. I'm just going to nudge it down with the arrow keys, and now we have our building right behind the white text box.

We'll leave it there for now and press ENTER. The only thing left for us to do is fill in the sky. Let's scroll up and zoom in, and we're going to do the same thing as before. With our image selected, we'll use the Clone Stamp and then press ALT to select where we want to draw pixels from and just start filling this in.

We'll press ALT again over here and again start filling in the white space. Finally, we'll zoom in a little bit more and simply look around. It looks like I may have nicked the top of this building, so I'll press ALT to define my source point and cover that back up. The rest of this looks good, so we'll zoom out—and we’ve done a good job of adding the sky.

As a last step, we're going to want to move this box as well as the text. To do this, we can use the Move Tool in our Tools panel, and we'll select the text and the Center Square found in our Layers panel. We'll simply drag them both down, and if we hold Shift, we’ll keep alignment. This looks about centered in our photo, so we'll now zoom out and take a look—and this looks good.

Let's save using CTRL+S on the keyboard, and in the next video we'll be taking care of some of these corners. See you there!

Matt Fons

Adobe Instructor

Matt is a jack of all trades in the realm of marketing and an expert using Adobe’s Creative Cloud as the essential software for supporting students and clients. With experience in graphic design, photography, web design, social media planning, and videography, Matt creates impressive and comprehensive marketing strategies. In his free time, Matt and his wife enjoy surfing and hiking California’s Central Coast and traveling to countries around the world.

  • Adobe Certified Instructor
  • Adobe Certified Specialist
  • Photoshop, Illustrator, InDesign
More articles by Matt Fons

How to Learn InDesign

Master InDesign with hands-on training. InDesign is an Adobe design application used for creating page layouts for books, magazines, brochures, advertisements, and other types of print or electronic publications.

Yelp Facebook LinkedIn YouTube Twitter Instagram