Fan of creative technology, elearning, instructional design and a little geeky

Text Wrap transparent backgrounds

Digitip 006 – InDesign 2

Do you find that the automatic “Detect Edges” or “Transparency Channel” text wrap option in InDesign creates too many points for the wrap path? The semi-automatic method is a bit of a work-around which creates smoother text wrap paths around transparent images. First let’s look at the automatic methods.

The automatic way – detect edges

To use the “Detect Edges” Contour Options for a text wrap around a pixel based image, start out by saving the image (from Photoshop) in native Photoshop (.psd), tiff (.tif) or Photoshop PDF (.pdf or .pdp) format. Select the image and from the “Contour Options” in the Text Wrap palette select Type : “Detect Edges”. InDesign automatically detects edges of image.

For those with a keen eye: the text wrap path around the .psd and .tif files will be identical. The wrap around the .pdf will be slightly different.

detect edges text wrap

It seems difficult to automatically generate a path that has a limited amount of anchor points or lacks stray points.

The automatic way – transparency channel

For the Photoshop image (.psd) and the tiff (.tif), there is a second automatic method that can be used to create a text wrap path. Under “Contour Options” set the “Type” to “Alpha Channel”, then select the Alpha: Transparency option.

alpha transparency text wrap

Generating an alpha channel in Photoshop and naming and saving it, also creates a usuable channel that can generate a text wrap path.

This method, similar to the “Detect Edges” method, creates a rough path (slightly different from the path generated by “Detect Edges”. Naturally you can use the “smooth tool” and other path editing tools to “smoothen” the path to your liking however, the semi-automatic method might be more useful.

The semi-automatic method: using an embedded Photoshop Path

In Photoshop start out by creating a path outside the image area. Save and name the path (Paths palette). Then save the image as either a native Photoshop file (or a tiff, if needed).

photoshop path

Back in InDesign, you place the image and select “Photoshop Path” from the “Contour Options” Type menu. From the Path menu select the path name of the path you’ve just created.

screenshot

The great thing about this method is that you can still increase or decrease the “(Top) Offset” setting, more anchor points are automatically generated if needed. The overal wrap path however, is much smoother.

The wish-list:

(1) To have fidelity and smoothness option for automatic text wrap feature?

(2) A (Photoshop) PDF that can capture Photoshop Paths and Alpha Channels?

Similar posts
  • Adobe InDesign and XML: A Reference Guide The following is a reference guide I have compiled over time for those of you who are looking at doing a little more with XML in InDesign (originally published Feb. 2011, last updated Feb 2018). If you have any extra information you’d like to see added to this guide, feel free to message me. Mapping XML tags to InDesign [...]
  • How to change the colour of bullet points in InDesig... A few weeks ago I recorded a short quick tip tutorial. InDesign’s Control panel, gives users a quick and easy way to format text as a bulleted list. Highlight the text, and click the Bulleted List button in the Paragraph Formatting Controls mode for the Control panel. This applies a universal bullet character as the [...]
  • Creating a pop-up window in a PDF with Adobe InDesig... In the following YouTube tutorial, we’ll create an interactive PDF from Adobe InDesign, in which we click on a button, which in turn opens up a simple pop-up window containing a close-box. When the close-box is clicked the pop-up window disappears [...]
  • InDesign: Facing pages with odd-numbered left pages Back in 2004 I wrote a tip for InDesign CS on how you could have the first page of your document be a left page AND have it start with page number 1. It’s hard to believe this is almost a decade ago… But a recent question on Facebook, made me think I should really [...]
  • Negative Lookbehind – GREP for Designers This is the fourth and final blog-posts in a series of posts on lookaheads and lookbehinds in GREP, written after speaking at the Perth InDesign User Group. My speaker notes are also available: What is GREP? (PDF download) (2.4Mb). In the previous three posts I briefly introduced GREP, and we took a look at Positive [...]

No Comments Yet

Leave a Reply

Your email address will not be published. Required fields are marked *