Nov 08, 2015 Getting text to appear on top of Image In InDesign 5. It seems that even if I turn the image off in layers, the text fiend does not sho up. In other words, if I create a text field outside the printable area for the boot, the text is displayed, but when I drag it into the printable area, the text goes blank. Let me get this one thing straight.
You can wrap text around any object, including text frames, imported images, and objects you draw in InDesign. When you apply a text wrap to an object, InDesign creates a boundary around the object that repels text.
The object that text wraps around is called the wrap object. Text wrap is also referred to as runaround text.Keep in mind that text wrap options apply to the object being wrapped, not the text itself.
Any change to the wrap boundary will remain if you move the wrap object near a different text frame. Bounding BoxWraps text to the rectangle formed by the image’s heightand width.Detect EdgesGeneratesthe boundary using automatic edge detection. (To adjust edge detection,select the object and choose Object Clipping Path Options.)Alpha ChannelGenerates the boundary from an alpha channel saved with the image.If this option isn’t available, no alpha channels were saved withthe image. InDesign recognizes the default transparency in AdobePhotoshop (the checkerboard pattern) asan alpha channel; you must otherwise use Photoshop to delete thebackground or create and save one or more alpha channels with theimage.Photoshop PathGenerates the boundary from a path saved with the image. ChoosePhotoshop Path, and then choose a path from the Path menu. If the PhotoshopPath option isn’t available, no named paths were saved with the image.Graphic FrameGenerates the boundary from the container frame.Same As ClippingGenerates the boundary from the imported image’s clipping path. Skip By LeadingMoves wrapped text to the next available leading increment below a text-wrapped object.
If this option isn’t selected, lines of text may jump below an object in a way that prevents text from lining up with text in neighboring columns or text frames. Selecting this option is especially useful when you want to make sure that the text aligns to the baseline grid.Text Wrap Only Affects Text BeneathText stacked above the wrapped object isn’t affected by the text wrap. Stacking order is determined by layer position in the Layers panel and by the stacking order of objects on a layer.
What you’ll learn in this InDesign Tutorial:. Working with graphics in InDesignThis tutorial provides you with a foundation for working with Adobe InDesign graphics. It is the first lesson in the book. For more Adobe InDesign training options, visit AGI’s.INDESIGN TUTORIAL: WORKING WITH GRAPHICS IN INDESIGNGraphics are an integral part of page design, and InDesign puts you in control of cropping, sizing, borders, and effects controlling the appearance of images in your layout.
You can place a wide variety of graphic types into your layouts, including PDF, TIFF, JPEG, and EPS. You can also place native Creative Suite files such as Photoshop (.psd), Illustrator (.ai), and even other InDesign (.indd) documents into your InDesign layout as graphics.
Placing graphicsLike text, graphics are also placed inside a frame when you import them into your layout. You can create the frame first, and then import the text or you can create the frame at the same time you import the image, depending upon how you prefer to design your documents.1 Double-click page 4 in the Pages panel to display page 4 of the document, then choose Edit Deselect All so that no objects are selected. If Deselect All is not available in the Edit menu, then no objects are selected.2 Click the Layers button in the panel docking area along the right side of the workspace to display the Layers panel, and then click the Graphics layer to make it active. Selecting this layer before placing a new image into the layout causes the image to be placed on this layer.
You can put content on any layer, and create layers to help organize content in your InDesign documents.Use layers to organize content in your InDesign documents.3 Choose File Place. In the Place dialog box, navigate to the Links folder within the id01lessons folder and select the file cyclist.psd; then click Open.
Because no frame has been selected, InDesign changes the cursor to represent that an image is ready to be placed in the document.4 Move the cursor to the upper-left corner of the workspace where the red bleed guides intersect, outside of the page area. Click once to place the image at its full size.5 If the upper-left corner of the image is not correctly positioned at the intersection of the bleed guides, use the Selection tool ( ) to click and drag the image to the correct position. Next you will resize the image to cover the top half of the layout and extend (bleed) off the edges of the layout.6 To scale the image and also the frame in which it is contained, press and hold Shift+Ctrl (Windows) or Shift+Command (Mac OS). While continuing to hold down these keys on your keyboard, use your mouse to click and hold the handle located in the lower-right corner of the picture frame, dragging it down and to the right until the image extends off the page. Align the right edge with the bleed guide lines located just outside the page area.
Using the keyboard commands while scaling the image caused both the frame and image to scale proportionately.Scaling the image and the frame proportionately.Depending upon the resolution of the original image, it is possible to scale the image too much and cause the image to become pixelated or bitmapped. If this occurs, the image will appear unclear when printed or converted to PDF. Most images can be scaled up to 20% without affecting their quality, but it is best to test the image in its final intended format by printing or creating a digital document such as PDF, depending upon your final destination. For more information about image quality and resolution, see the Adobe Photoshop CS6 Digital Classroom book, which is available in print or digital format.7 Next you will crop the image by reducing the height of the frame, keeping the image the same size, but reducing which parts of it will be visible. Locate the center handle along the bottom edge of the picture frame. Click and drag up on this handle until the bottom edge of the frame snaps to the guide located horizontally along the middle of the page.
The image remains the same size, but the bottom is cropped and will not print or display when converted to a digital document.Moving the handles of a frame using the Selection tool changes the size of the frame and adjusts how much of the image is displayed. If you move the handles while holding the Shift+Ctrl (Windows) or Shift+Command (Mac OS) modifier keys on the keyboard, you can scale the image and content together.Positioning graphics within a frameYou may need to crop or scale images that are placed in your layout. Here you will explore tools that help you position and scale of graphics in your documents.1 Navigate to page 1 by using the page drop-down menu located in the lower-left corner of the document window, or by double-clicking Page 1 in the Pages panel.2 To focus on the graphics, you’ll hide the Text layer.
In the panel docking area along the right side of the workspace, click the Layers button to open the Layers panel, and then click the Visibility icon ( ) to hide the contents of the text layer.3 In the Tools panel, choose the Selection tool , then click to select the graphic frame located in the bottom-left corner of page 1. The frame spans the left and center columns.
Because the graphic frame is empty, an X is displayed inside the frame.4 Choose File Place. In the Place dialog box, navigate to the Links folder within the id01lessons folder and select the snowshoe.psd image. Confirm that Show Import Options is not selected, then click Open. The image is placed inside the selected frame at its original size – 100 percent, and is larger than the frame. Next you will resize the image so it fits within the frame.5 Position your cursor over the center of the snowshoe image but do not click.
A semi-transparent circle appears in the center of the photo. This is the Content Indicator. Click the Content Indicator to select the photo within the frame. The edges of the image are displayed with a light-blue border, showing the size of the graphic. The color of the border varies when you use multiple layers in your documents.
You’ll now reposition the document so you can see the entire size of the image.The Content Indicator makes it easy to adjust a graphic within a frame without having to choose a different tool to do so.6 If you can see the complete border of the image, you can skip to step 7. Otherwise, press and hold the spacebar on your keyboard to temporarily access the Hand tool.
Click and hold on the document. The page magnification changes and a red frame appears when using the Hand tool. Reposition the red frame so the entire border of the image is visible, and then release the mouse. The zoom returns to its original level, focused on the portion of the page you identified.
Release the spacebar. If necessary, use the magnification levels located at the top of the menu bar, to the right of the Help menu, to reduce the magnification in order to see the entire bounds of the graphic.Press and hold the spacebar on your keyboard to access the Hand tool for repositioning documents.7 With the content of the frame, the snowshoe image, still selected, press and hold the Shift key on your keyboard. Click the handle in the bottom-right corner of the image and drag the handle up and to the left, reducing the size of the image until its width is slightly larger than the width of the frame, then release the mouse button. Here you scaled the content of the image without modifying the frame. Pressing the Shift key maintained the proportions of the image while it was scaled.8 Move the cursor to the middle of the picture frame and notice that the cursor changes to a hand. While the cursor is a Hand icon ( ), click and drag to reposition the graphic within the frame so that the person in the light blue jacket is located along the right side of the picture frame.Clicking the Content Indicator selects the graphic inside the frame.
The Hand icon indicates you can reposition the graphic. While the icon is identical to the Hand tool, it is used only to reposition graphics within a frame, while the Hand tool is accessed from the Tools panel and is used for adjusting the display within the document window.The cropped image should appear similar to this figure.9 To edit the frame instead of the content of the frame, double-click anywhere on the graphic. The frame becomes selected again.10 Using your keyboard, press Ctrl+0 (Windows) or Command+0 (Mac OS) to fit page 1 within the document window.11 If the Layers panel isn’t already open, click the Layers button, then click the Visibility icon in the Text layer so that objects on this layer are once again displayed.12 Choose File Save to save your work. Keep the document open for the next part of this lesson. Applying text wrapYou can control the position of text relative to graphics and other objects. In some cases, you may want text to be placed on top of an image, while in other cases, you may want text to wrap around the shape of an image or object. You’ll continue to work on the first page of the brochure, applying text wrap to an image.1 Using the Selection tool ( ), click to select the snowshoe image at the bottom of the page.
Click between the two columns of text, but be careful to not click the Content Indicator circle at the center of the image, as you will be manipulating the frame attributes in this exercise, and not working with the content. Next you’ll enable text wrap on the image to force the text away from the image.If you have trouble selecting the image, press the Ctrl (Windows) or Command (Mac OS) key and then click again on the image to select it. This enables you to select an object beneath another object in a layout. In this case, the image is positioned below the text frames, so the key command makes it easier to select.2 Choose Window Text Wrap to open the Text Wrap panel.3 Click the Wrap Around Bounding Box button at the top of the Text Wrap panel to apply the text wrap to the selected image. The text wrap forces the text to flow into the second column, making all the text visible.The Wrap Around Bounding Box button in the Text Wrap panel wraps the text around the shape of an object.4 To get a better understanding of how the text wrap is being applied to the text surrounding the graphic frame, use the Selection tool to move the snowshoe image up or down on page 1. As you move the image, see how the text moves around the frame.
When you’re finished, move the image back to its original location.5 Click the two arrows pointing to the right in the upper-right corner of the Text Wrap panel to close it. Understanding layersLayers help you organize your layout. By positioning related objects together on the same layer, you can turn items off and on for viewing, working on your layout, and even for printing. Layers can even be used to create different versions of projects.Here you will place text and graphics on separate layers making it easier to proofread text.1 Using the Pages panel, double-click Page 2 to navigate to this page, then choose View Fit Spread in Window to display both pages 2 and 3 together. Two adjoining pages in a layout are referred to as a Spread.2 Click the Layers button ( ) in the panel docking area to open the Layers panel.Use the Layers panel to organize objects in your layout.If you have closed a panel instead of placing it in the docking area, you can access it from the Window menu.
For example, you can choose Window Pages to open the Pages panel. The list of available panels is also determined by the current workspace. To access all panels, choose the Advanced workspace from the Workspace switcher located at the top-right corner of the Application bar.3 In the Layers panel there are three layers: Text, Graphics, and Background Content. Click the Visibility icon ( ) next to the Text layer. Any content on the Text layer is hidden. Click the Visibility icon again to show the contents of the Text layer.4 Click to turn the visibility of the Graphics and Background Content layers on and off to see the items that are located on each of these layers.InDesign layers are document-wide.
When you create a layer, it is available on every page in the document, including the master pages. When you hide or show a layer, all pages in the document are affected by this change.5 If necessary, open the Pages panel by clicking the Pages Panel icon ( ) or choose Window Pages. In the Pages panel, double-click page 1 to navigate to this page.6 Using the Selection tool ( ), click to select the frame containing the snowshoe image at the bottom of the page. If you have trouble selecting it, click the Visibility icon ( ) for the Text layer to temporarily hide the text frames. After selecting the image frame, click the Visibility icon for the Text layer to display the text. In the Layers panel, notice the red square located to the right of the Graphics layer.
This indicates that the currently selected object is located on the Graphics layer.7 If the Layers panel is not visible, click the Layers panel icon ( ) or choose Window Layers. In the Layers panel, click and drag the red square to the Background Content layer. The object is moved to this layer, and the edge of the frame containing the snowshoe graphic is now green, the color of the Background Content layer.Moving an object between layers.8 Click the Visibility icon of the Background Content layer to hide the contents of the layer, confirming that the snowshoe image is on this layer. Click the Visibility icon again to make the layer visible.9 Click the square immediately to the left of the Background Content layer to lock this layer. Locking the layer prevents you or others from modifying any contents on a layer.Locking a layer prevents any changes to objects on the layer.10 Choose the Selection tool and click the snowshoe picture on page 1. You cannot currently select it because the layer is locked.11 Unlock the layer by clicking on the Padlock icon ( ) immediately to the left of the Background Content layer.
Locking a layer prevents all items on that layer from being selected. You can use this to organize your layout as you construct your documents.