{"id":1731,"date":"2017-11-09T02:10:23","date_gmt":"2017-11-09T02:10:23","guid":{"rendered":"http:\/\/nickcassway.com\/designblog\/?p=1731"},"modified":"2018-08-22T14:48:49","modified_gmt":"2018-08-22T14:48:49","slug":"wrapping-text-around-a-figure-in-indesign","status":"publish","type":"post","link":"http:\/\/nickcassway.com\/designblog\/?p=1731","title":{"rendered":"Wrap text around a figure in InDesign"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1732\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW00.jpg\" alt=\"TW00\" width=\"567\" height=\"183\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW00.jpg 567w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW00-300x97.jpg 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><br \/>\nThis tutorial will show you how to create an InDesign layout where text wraps around a figure on a neutral, low contrast or seamless background.<br \/>\n<!--more--><br \/>\nThere are a number of different ways that InDesign acknowledges objects as a means to wrap text, these include wrapping around the bounding box (the overall rectangular shape of the object), wrapping around the object or jumping objects. For this tutorial we will look at wrapping <strong>around an object<\/strong> &#8211; within this method InDesign can wrap around the object shape (the shape of the content frame or text frame for instance), it can detect the edges of a object within a pure white background or can it use an alpha channel (selection) that has been saved with the graphic file.<br \/>\n1. Download <a href=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/text-wrap-figure.jpg\" target=\"_blank\">this image<\/a> and open it up in Photoshop, the image is of a model photographed against a seamless backdrop. We will make a selection using the <strong>quick selection<\/strong> tool to define the overall silhouette &#8211; when making this selection for the purposes of making a text wrap the selection doesn&#8217;t have to be absolutely perfect, it just needs to have the general overall shape.\u00a0For this particular example make sure to include the space between her arms and her body where her elbow is bent.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1733\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW01.jpg\" alt=\"TW01\" width=\"467\" height=\"739\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW01.jpg 467w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW01-190x300.jpg 190w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><br \/>\n2.<strong> Save the selection<\/strong> by going to the the SELECT menu &gt; SAVE SELECTION, give it a name or leave it blank (it will be named Alpha 1 by default). <strong>Save the file in the PSD format.<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1734\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW02.jpg\" alt=\"TW02\" width=\"433\" height=\"437\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW02.jpg 433w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW02-150x150.jpg 150w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW02-297x300.jpg 297w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><br \/>\n3. <strong>Create a new InDesign document,<\/strong> Letter size with 1 column, 3p0 margin all around. Go to the FILE menu &gt; PLACE and select the saved PSD file, scale the image so that it fills the entire background and the model is centered.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1735\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW03.jpg\" alt=\"TW03\" width=\"770\" height=\"568\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW03.jpg 770w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW03-300x221.jpg 300w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW03-768x567.jpg 768w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><br \/>\n4. With the content frame selected go to the WINDOW menu &gt; TEXT WRAP and select the WRAP AROUND OBJECT SHAPE option, at the bottom of the panel, for contour options choose <strong>Alpha Channel<\/strong>, this will use the saved selection as the means of wrapping text. For wrapping options, select <strong>Largest Area<\/strong>, this will prevent text from filling in smaller areas and breaking up lines of text making them hard to read. In the top of the panel, change the\u00a0<strong>Top Offset<\/strong> to 1p6 (18pts)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1736\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW04.jpg\" alt=\"TW04\" width=\"551\" height=\"395\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW04.jpg 551w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW04-300x215.jpg 300w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><br \/>\n4. <strong>Create a new text frame<\/strong> that goes from\u00a0the left to right margin and aligns with her shoulders and the cuffs of her pants. (NOTE: when you make this text frame it will retain text wrap settings from the image, to prevent unwanted wrapping change the Wrap style to <strong>No\u00a0Text Wrap.<\/strong>) Go to the OBJECT menu &gt; TEXT FRAME OPTIONS and change the number of columns to 2.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1737\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW05.jpg\" alt=\"TW05\" width=\"590\" height=\"541\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW05.jpg 590w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW05-300x275.jpg 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><br \/>\nIn the <strong>Character panel<\/strong> change the size of the typeface to 10pts and the leading to 14pts.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1738\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW06.jpg\" alt=\"TW06\" width=\"396\" height=\"332\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW06.jpg 396w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW06-300x252.jpg 300w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><br \/>\n<strong>Activate the text frame<\/strong> with the type tool and go to the TYPE menu &gt; FILL WITH PLACEHOLDER TEXT. Text will wrap around the figure in two columns.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1739\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW07.jpg\" alt=\"TW07\" width=\"594\" height=\"517\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW07.jpg 594w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW07-300x261.jpg 300w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><br \/>\n5. To modify the text wrap shape, <strong>select the White Arrow<\/strong> and click on the image (you will have to avoid the text frame when you do this) A vector path will appear\u00a0allowing you to manually adjust the spacing of text away from the figure.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1740\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW08.jpg\" alt=\"TW08\" width=\"435\" height=\"418\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW08.jpg 435w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW08-300x288.jpg 300w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/p>\n<p>The final text wrap.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1741\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW-final.jpg\" alt=\"TW-final\" width=\"612\" height=\"792\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW-final.jpg 612w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/11\/TW-final-232x300.jpg 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to create an InDesign layout where text wraps around a figure on a neutral, low contrast or seamless background.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[6],"class_list":["post-1731","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-indesign"],"_links":{"self":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1731"}],"version-history":[{"count":4,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1731\/revisions"}],"predecessor-version":[{"id":1891,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1731\/revisions\/1891"}],"wp:attachment":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1731"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}