In this movie, Mike turns his attention to the ways of modifying imported images, specifically, how to move, resize, crop, and rotate images, as well as the boxes that contain them in the layout. Mike also demonstrates how to take advantage of the controls in the Measurements palette and the Style menu.
- View Offline
- [Voiceover] Now that we've seen how to import images into your layout, let's turn our attention to the ways of modifying those images. Specifically, how to move, re-size, crop, and rotate images, as well as the boxes that contain them in your layout. So, in our exercise file, we have an imported picture and if we click on it once with the item tool, notice there are eight small white boxes around the edge of the picture box. These are the handles you can use to re-size the box and I emphasize the word box because that's what gets modified if you drag these with the item tool.
So if I drag a corner, the picture itself is unaffected, but the box gets bigger. I'll just undo. Now if I want to modify the picture, I need to switch to the picture content tool. And the easiest way to do that is to just double click on the picture. Notice now how the handles have blue circles around them. This tells me that I have the content selected, not the box. And if I drag one of those handles, now the image re-sizes and the box stays put. As I'm dragging the image, if you keep an eye on the measurements palette, you can see how big or how small you're scaling the image in terms of both percentage and resolution.
Let's undo again to make both the picture and the box the same size. And this time we'll use a keyboard shortcut to tell Quark Express to size both the box, and the picture, as we drag. And that key is the cmd or ctrl key. I'll hold cmd or ctrl and just drag that same corner and now both the picture and the box re-size. And it also works if I have the picture box selected with the item tool. Note that you don't actually have to drag on a handle, you can drag anywhere on a side too.
Just hold that cmd or ctrl key and drag. If you move your cursor over the picture, your cursor turns to a hand and you can drag to move the picture independent of the box. I'll undo again. If I want to move both the picture and the box, again I'll hold the cmd or ctrl key. My cursor changes to a black arrow, and if I drag I'll move the whole item. A really nice thing is that no matter which option I use to re-size the image or the box, things stay in proportion.
But if, for some reason, I don't want, I can go to the measurements palette and click the little chain button by the XY percentage right here. So that chain is broken, and then drag to distort the image. I can also enter percentages into these fields to re-size the image. So I can make it 100% again. And I'll reset the chain, to scale things proportionally from now on. Now my box and my image are two different sizes. If I don't want this, there are some commands in the style menu that I can use to make them the same.
I can scale the picture to the box or, if I undo, I can fit the box to the picture. If the box and the picture are different in terms of their proportions of width and height, I have some new choices with these feh-ting commands. For example, if I close up the box using the item tool and then un-link the XY percentage to allow the image to scale freely, then I can go to the style menu and stretch the picture to fit the box. Again, I'll undo, and choose a different option, scale picture to box, which scales the image, proportionally, down to fit.
Now if you have a really sharp eye, you might have noticed in the style menu a couple of commands you can use to flip a picture, either horizontally or vertically. There are also buttons in the measurements palette to flip images, right here, and controls to rotate images and skew them. The last thing I want to show you about modifying images in this movie, is actually an option you have when you import an image into your layout. So, let's select this image, and make sure that it's rotated, and flipped, and not centered in the picture box.
And then press cmd or ctrl+e to import a new image, and in the links folder, click once on For the Love of Cheese.pdf. If the options aren't showing, click this options button and the option that we're interested in here is this one, maintain picture attributes. Turn this on and then click open. And, see what happened? The image we just imported used the same sizing, angle, flip, and position of the previous image, which is very handy in some cases. But, if I don't want that, I can undo, import again, select the pdf, deselect maintain picture attributes, and click open.
And now we can scale the picture to the box, fit the box to the picture, and we're done. So here we saw how to manipulate imported images and the picture boxes that contain them. Keep an eye on the handles when you select an image to know whether dragging will affect the image or the box, and take advantage of the controls in the measurement palette and the style menu.
Mike Rankin covers the interface and preferences, and the basics of working with documents, master pages, layers, and items (the design elements of a QuarkXPress layout). He then goes over how to import text, format it, and control alignment, leading, and spacing around paragraph and text boxes. There are chapters dedicated to tables, images, and interactivity, as well as the output and publishing options in QuarkXPress, including EPUB and HTML5. Focus on just the topics you need to complete your next layout, or watch the entire course to master the desktop publishing workflow.
- What is QuarkXPress?
- Setting preferences
- Creating new documents and pages
- Moving and merging layers in QuarkXPress
- Using the Bezier Pen tool
- Importing and editing text
- Applying fonts
- Working with bullets and numbering
- Using style sheets
- Creating anchored text boxes
- Formatting tables
- Controlling color and opacity
- Adding hyperlinks, video, and animation
- Exporting QuarkXPress files