Photoshop – InDesign integration (placing images and text wrap options)

In this tutorial we are going to take closer look at options to place Photoshop images in InDesign and text wrap options as well.

In this example I created 3 layer comps, clipping path and alpha channel inside Photoshop then I saved file in PSD file format.
Create clipping path and layer comps in Adobe Photoshop

In InDesign I draw text frame and fill it with placeholder text: Type > Fill with Placeholder Text. There are many different ways to place an image in InDesign but recommended option is from File > Place because You will have option Show Import Options which will examine in next steps. So go to File > Place and navigate to file, click on it then turn on Show Import Options and click Open button.
Image Import Options dialog will appear where You can choose on Image tab to apply Photoshop clipping path or alpha channel. Turn on Show Preview on left side of screen to see how it looks like with clipping path or alpha channel applied. At Layers tab You can turn on/off layers visibility in Show Layers section or You can choose layer comp from Layer Comp drop-down list. . After You are done click OK to confirm changes and exit this dialog.
In InDesign below cursor small thumbnail of image will appear indicating that image is loaded and ready to be placed in document. There are really many different options to place loaded image and I will mention few of them: to draw frame with frame tools available, to draw any shape with shape tools or even Pen and Pencil tools and place graphic or image inside. In this example I will simply click on Pasteboard to place image then drag it inside text frame.
If You change Your mind layers visibility and layer comps options are available from Object > Object Layer Options. This option is not only about changing mind, can be used for other purposes like for example copying and pasting same image at different location at same document then changing to different layer comps.
Now it is time to set how text wraps around image and this can be done from Text Wrap panel. At this panel You have plenty of options but we will take closer look at Wrap around object shape. Choose this option and go to Object > Clipping Path > Options..
In Clipping Path dialog You can choose from Type drop-down list from automatic detection edges (Detect Edges), Photoshop Path or Alpha Channel. When You have more then one Clipping Path or Alpha Channel they will be listed in drop-down list below.
After You are done in Clipping Path dialog there is one more thing to do: to set Wrap To and Contour Options at Text Wrap panel. If You are following with me set Wrap To to Both Right & Left Sides and for Contour Options choose Alpha Channel. Again if You have more then one Clipping Path or Alpha Channel they will be listed below in drop-down list. Also You can choose to Offset text at Text Wrap panel. Offset will change distance of text from contour of object. wrap_i_contour_opcije
You can experiment and change settings as many times as You want and see which options best suite Your design. And to mention text wrap in Preferences where You can choose to Justify Text Next to an Object. Basically this option will justify text on left side of placed image or object.
Photoshop Clipping Path can be used and with JPEG images. First draw path in Photoshop then convert Work Path to regular Path (double click Work Path and confirm on OK in dialog that will appear). Click on menu at Paths panel and choose Clipping Path then save image from Save or Save As command in Photoshop.
Place JPEG image in InDesign and repeat steps as is explained for PSD file with Clipping Path.

David Blatner reveals how you can leverage Photoshop layer features to provide more immediate flexibility in your InDesign layouts. Using layers in Photoshop is a great way to keep your options open, and the Layers Comp feature allows you to experiment quickly with different combinations of those options. In this free movie, David shows you how you can retain the flexibility of Photoshop layers even after you’ve placed the Photoshop document into your InDesign file.

InDesign / Importing files from other applications
InDesign / Placing graphics

Products used in this tutorial: Adobe Photoshop CS5, Adobe InDesign CS5


Popular posts from this blog

Free Puzzle Pieces Actions For Photoshop and Elements

How to Change Artboard Size in Adobe Photoshop

Old Weathered Vertical Wooden Planks Free Image