{"version":"1.0","provider_name":"WHUZZUP!","provider_url":"https:\/\/ericbrooks.com\/whuzzup","author_name":"Eric Brooks","author_url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/","title":"Creating a Pop Out Effect with #Photoshop and #InDesign - WHUZZUP!","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"cp09MwocVA\"><a href=\"https:\/\/ericbrooks.com\/whuzzup\/creating-pop-out-effect-photoshop-indesign\/\">Creating a Pop Out Effect with #Photoshop and #InDesign<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/ericbrooks.com\/whuzzup\/creating-pop-out-effect-photoshop-indesign\/embed\/#?secret=cp09MwocVA\" width=\"600\" height=\"338\" title=\"&#8220;Creating a Pop Out Effect with #Photoshop and #InDesign&#8221; &#8212; WHUZZUP!\" data-secret=\"cp09MwocVA\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/ericbrooks.com\/whuzzup\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"At the 2016\u00a0InDesign Conference in Washington, D.C., Nigel French reminded me of\u00a0a classic layout effect where an image pops out of its frame to interact with other page elements. It&#8217;s simple, effective, and can be used in all kinds of situations to add some &#8220;pop&#8221; to a page. Begin in Photoshop, by creating a new layer for the part of the image you want to pop out of the frame. Silhouette that part of the image using whatever technique you like. In some cases, you don&#8217;t have to be very fussy since\u00a0the rest of the image will be cropped using the frame in InDesign. In this example, the surface of the water will never show in the silhouetted version of the image, so I don&#8217;t care that&#8217;s not masked correctly. But I did want to preserve the drops of water coming off the whale&#8217;s tail. Save the layered Photoshop image with just the silhouetted\u00a0layer visible, and place the image into InDesign. Copy the image and paste it in place, so you have two stacked copies. Select the top copy and choose Object &#62; Object Layer Options. In the dialog box, turn on\u00a0the visibility of the background layer. With the Selection [...] The post Creating a Pop Out Effect with Photoshop and InDesign appeared first on CreativePro.com.","thumbnail_url":"http:\/\/ericbrooks.com\/images\/tutorials\/folder-adobe-in-design-01-icon.png"}