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

Image Magic in InDesign (4)

Digitip 079 – Adobe InDesign, Photo Album and sticky tape

Another image magic trick we showed at the recent Perth InDesign User Group meeting is how to create a sticky tape / photo collage effect using Object Styles.

079_13.png

 

Where do we start? Let’s design our look first.

I’ve placed an image and set the Frame Fitting Options for the frame to Fill Frame Proportionately from the Centre (see also Frame Fitting Options in previous post). That is so that we can apply our future Object Style to empty frames, resulting in images automatically being sized when we drop them in…

079_01.png

The border I’ve set to a 3 point solid Paper stroke.

In order to add some depth to the image on the page, let’s add a fuzzy darkish outline around the image. Select the image with the Selection Tool and check that the Effects panel is visible. At the bottom of the Effects panel, choose the Object Effects drop down and select Outer Glow…

079_02.png

The Effects dialog appears. I’m changing the Blending Mode to Multiply, as this behaves like an overprint where images overlap and set the colour to Black and Opacity to 40% so that part of the underlaying images will display (in fact 60%!). For the Options I’ve gone for a very subtle Size of 0.5pt and a little Noise (scattering of the effect on the outer edges of the ‘fuzziness’ and spread of 8% (this means that the fuzzying of the glow doesn’t start immediately, but displays solid 40% opacity for the first 8% before fading into full transparency (0% opacity).

079_03.png

With the basic design done, we can now create an Object Style. Select the artwork, then from the Object Styles panel menu choose New Object Style…

079_04.png

The New Object Style dialog appears. Name the style (Picture wBorder). The dialog picks up all settings that were applied to the image, more than those few we just added. Let’s uncheck all of the ones we never touched, so that these aren’t overwriting any settings that might already have been applied to the object. Just leaving the Stroke, Frame Fitting Options and Outer Glow settings enabled.

079_05.png

Click OK to create the new Object Style. You’re can now select all of the images in your collage and click the Object Style name in the panel to apply the Stroke, Outer Glow settings etc. without the need to manually set all of these for each image on the page.

Sticky Tape effect

We’re ready to start working on the Sticky Tape effect now, I’ve placed a small rectangle over the top of the image so I can see the effect as I’m building it. Fill the shape with 100% Yellow, then using the Effects panel, set the Opacity on the selected object to 40% and set the blending mode to Multiply. That will ensure the sticky tape really gives that true transparent look.

079_07.png

After this I replicate the tiny Outer Glow I applied to the Image border earlier on. Using the exact same settings and also apply a tiny drop shadow.

079_11.png

Once again, with the basic design done, an Object Style can be created. Select the artwork, then from the Object Styles panel menu choose New Object Style… 

079_082.png

The New Object Style dialog appears. Name the style (Sticky Tape). The dialog picks up all settings that were applied to the image, more than those few we just added. Let’s uncheck all of the ones we never touched, so that these aren’t overwriting any settings that might already have been applied to the object. Just leaving the Fill, Drop Shadow and Outer Glow settings enabled.

Apply this object style to the many pieces of sticky tape you’ve drawn over your images.

079_finished1.png

Editing the object style

So let’s assume we want to make some global changes to our design, you decided you’d like to use another type of sticky tape or use black instead of white borders. We’re in luck, as we’ve used an Object Style as way of formatting the image borders, shades and sticky tape etc.

To make the change globally, start by selecting one of the pieces of sticky tape (in my example), and change the colour, opacity etc.  If you look at the Object Style name in the Object Styles panel there will now be a small “+” symbol next to the style name. When hovering over this and pausing the cursor on the style name you’ll see a tip that tells you exactly what changes you’ve made that are different to the Object Style.

079_12.png

To incorporate the changes you’ve made in the Object Style, select Redefine Style from the Object Styles panel menu. And in one quick click all of the artwork that has a link to that style has been updated.

079_13.png

Happy Scrapbooking 🙂

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 *