{"id":1634,"date":"2010-06-02T00:01:34","date_gmt":"2010-06-02T08:01:34","guid":{"rendered":"http:\/\/www.wambooli.com\/blog\/?p=1634"},"modified":"2014-09-28T09:53:36","modified_gmt":"2014-09-28T16:53:36","slug":"image-formatting-in-word-part-ii","status":"publish","type":"post","link":"https:\/\/www.wambooli.com\/blog\/?p=1634","title":{"rendered":"Image Formatting In Word, Part II"},"content":{"rendered":"<p>I&#8217;ve never heard of anyone actually using a nail gun to keep an image from jiggling around within their Word document. Doing so, however, wouldn&#8217;t surprise me.<br \/>\n<!--more--><br \/>\nFrom <a href=\"http:\/\/www.wambooli.com\/blog\/?p=1626\">Monday&#8217;s blog post<\/a>, I described how to put the two most common types of graphics into a document: pictures and line art, which Word calls Shapes. The graphics become part of the text, which often isn&#8217;t what you want. Time to free things up.<\/p>\n<p><strong>Non-Obvious Operation: Freeing an Image<\/strong><\/p>\n<p>It helps to think of your Word document as having several layers. On the basic level there is the page and the document&#8217;s text:<\/p>\n<div id=\"attachment_1637\" style=\"width: 382px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1637\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig3_.png\" alt=\"\" title=\"word.fig3\" width=\"372\" height=\"255\" class=\"size-full wp-image-1637\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig3_.png 372w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig3_-300x205.png 300w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><p id=\"caption-attachment-1637\" class=\"wp-caption-text\">Fig 3. Text, Images, and the Page.<\/p><\/div>\n<p>The page is paper, or wherever the document ends up. It&#8217;s a background. the text layer floats over the page layer. In Fig. 3 (above) you see the image is sitting on the text layer, which is how Word treats images when you first shove them into a document.<\/p>\n<p>You can free an image by placing it in front of or behind the text layer, or allowing text to flow around the image. The key is to use the Format tab that appears on the Ribbon when you click an image in your text.<\/p>\n<p>The two items in the Format tab that control text around an image are Position and Text Wrapping. They&#8217;re both very similar and confusing.<\/p>\n<div id=\"attachment_1638\" style=\"width: 199px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1638\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig4_.png\" alt=\"\" title=\"word.fig4\" width=\"189\" height=\"369\" class=\"size-full wp-image-1638\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig4_.png 189w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig4_-153x300.png 153w\" sizes=\"auto, (max-width: 189px) 100vw, 189px\" \/><p id=\"caption-attachment-1638\" class=\"wp-caption-text\">Fig 4. Position button options.<\/p><\/div>\n<p>The Position button menu provides for basic text wrapping, as shown in Fig. 4.  The standard option is In Line with Text, which is what you don&#8217;t want. By choosing an option from the menu, you place the image in a specific location on the page. Text wraps around the image, and the image won&#8217;t change position as you edit your text.<\/p>\n<p>The Text Wrapping button menu is more flexible. It contains text wrapping options plus commands to move object behind and in front of the text.<\/p>\n<div id=\"attachment_1640\" style=\"width: 188px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1640\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig5_.png\" alt=\"\" title=\"word.fig5\" width=\"178\" height=\"230\" class=\"size-full wp-image-1640\" \/><p id=\"caption-attachment-1640\" class=\"wp-caption-text\">Fig 5. Options for text wrapping and layering.<\/p><\/div>\n<p>When an image is behind the text, the text appears to be written over the image. This option can be used to place a graphic on the page like a watermark or for text decorations.<\/p>\n<div id=\"attachment_1642\" style=\"width: 469px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1642\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig6_.png\" alt=\"\" title=\"word.fig6\" width=\"459\" height=\"255\" class=\"size-full wp-image-1642\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig6_.png 459w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig6_-300x166.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><p id=\"caption-attachment-1642\" class=\"wp-caption-text\">Fig 6. An image behind text.<\/p><\/div>\n<p>When text is behind an image (Fig. 7), the image obscures the text, like a stamp or sticky note pasted over the text. The text is still there, but it flows beneath the image.<\/p>\n<div id=\"attachment_1643\" style=\"width: 467px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1643\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig7_.png\" alt=\"\" title=\"word.fig7\" width=\"457\" height=\"255\" class=\"size-full wp-image-1643\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig7_.png 457w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig7_-300x167.png 300w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><p id=\"caption-attachment-1643\" class=\"wp-caption-text\">Fig 7. An image in front of the text.<\/p><\/div>\n<p>Moving an image in front of or behind your text removes all text wrapping. So when you choose another option from either the Position or Text Wrapping menu, the image is thrust back into the text layer.<\/p>\n<p>Unlike the commands in the Position button, the Text Wrapping commands keep the text and image together. My favorite options are <em>Square<\/em> and <em>Top and Bottom<\/em> (refer to Fig. 5, which has wee li&#8217;l previews).<\/p>\n<p>You can also use the <em>Edit Wrap Points<\/em> to make weird shapes around your text, though (again) that&#8217;s more of the realm of a DTP program than a word processor.<\/p>\n<div id=\"attachment_1645\" style=\"width: 339px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1645\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig8_.png\" alt=\"\" title=\"word.fig8\" width=\"329\" height=\"336\" class=\"size-full wp-image-1645\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig8_.png 329w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2010\/06\/word.fig8_-293x300.png 293w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><p id=\"caption-attachment-1645\" class=\"wp-caption-text\">Fig 8. The Washout item for images behind (or in front) of your text.<\/p><\/div>\n<p>By the way, if you do put the image in front of or behind text, then you should consider changing the image&#8217;s intensity: Click to select the image, then choose  a high value from the Brightness menu. Or you can choose the Washout item from the Recolor menu (Fig. 8). That helps make your text more visible.<\/p>\n<p><a href=\"http:\/\/www.wambooli.com\/blog\/?p=1650\">Next blog post<\/a>: Messin&#8217; with the image.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve never heard of anyone actually using a nail gun to keep an image from jiggling around within their Word document. Doing so, however, wouldn&#8217;t surprise me.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1634","post","type-post","status-publish","format-standard","hentry","category-main"],"_links":{"self":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1634"}],"version-history":[{"count":12,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1634\/revisions"}],"predecessor-version":[{"id":6621,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1634\/revisions\/6621"}],"wp:attachment":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}