May 28 2009 • 8:27 AM

InDesign Eye Candy, part 3: Punch-Outs, Stickers, and Rips

Punch-Out Text

Variations on this first one have been shown here before, but it’s a fun trick that bears repeating.

To make text that you can see through (and edit as real, live text) do the following:

Type some [Paper] colored text in a frame, then select the frame and set the text to the Multiply blend mode.

Then in the Effects panel, click on Object, and Knockout Group.

For extra credit, give the frame a drop shadow and the text an inner shadow.

Stickers

I’ve seen the sticker or decal look used in some magazines. It works best with simple shapes. Be warned, stickers are addictive. Once you start making them, it’s hard to stop.

Take an object or some text, and give it a big [Paper] stroke. Then add a tiny drop shadow directly behind.

If the shadow gets lost on a colored background or photo, beef it up by increasing the Spread.

For extra credit, make an object style that applies the stroke and shadow to automate your sticker production.

Rips

Want to make a document really “pop”?

Use the Pencil tool to draw a jagged shape. Apply an inner shadow. Then fill the shape with a photo, color, etc. You can sell the effect even more by adding a couple lines below and give them a big fuzzy drop shadow.

Variations

Bullet Holes: just a circle with an inner shadow and some jagged shapes with shadows.

Layers/Burns: Pile the shapes on top of each other. Add a brownish drop shadow to “singe” the edges.

Breakthrough: If you want something to poke through the hole, you need two copies.

The part poking through has a clipping path and a drop shadow. The other part sits inside a jagged frame with an inner shadow.

Stand back, those horns are sharp!


17 Responses discussing this post. Add yours below.

  1. May 28th, 2009 • 10:10 am • Link

    Lots of fun techniques here. These are great. Thanks, Mike!

  2. Ed
    May 28th, 2009 • 10:23 am • Link

    Nice tricks! Used to do that sticker thing in Ai (expand, offset path, unite, colour)

    Definitely gona rip a page -showing the page below- in the next project.

  3. May 28th, 2009 • 1:41 pm • Link

    You never fail to amaze me while making me laugh at the same time. Thanks Mike!

  4. May 28th, 2009 • 3:40 pm • Link

    Thanks folks :)

    After all this eye candy, I’m going to have to go on a strict diet of prepress and XML posts. ;)

  5. paul
    May 31st, 2009 • 7:59 pm • Link

    I just tried the stickers. This is why I bought a computer!!!

  6. marc
    June 6th, 2009 • 4:36 pm • Link

    locks great. but how do i get the cheese-holes within the textbox. any ideas?

  7. June 10th, 2009 • 5:12 am • Link

    Wow…these are some great ideas. Thanks for sharing your info!

  8. Mike Rankin
    June 10th, 2009 • 9:53 am • Link

    Marc-

    Draw some circles for the holes, select them and the text frame and choose Object > Pathfinder > Subtract.

  9. June 15th, 2009 • 6:21 am • Link

    Fantastic effects Mike – I come to your site to learn cool new things. Billy.

  10. Ed
    June 22nd, 2009 • 12:09 pm • Link

    Told you I was gonna use the ‘ripped’ thing. Coincidence Big Time. One article was about a hole in a Paper-snippet (collectors collect the strangest things. A comic stripin this story) so I digitally ripped a hole in the page, showing the page below. Everyone loved the idea an I enjoyed the compliments.

    Well Mike all those I pass on now. Thank you!

  11. marc
    June 23rd, 2009 • 9:41 am • Link

    Mike-

    Thanks for help with this fantastic effect. So simply if knowing how, but essential to get told.

  12. marc
    June 23rd, 2009 • 9:42 am • Link

    Mike-

    Thanks for help with this fantastic effect. So simple if knowing how, but essential to get told.

  13. July 19th, 2009 • 10:52 pm • Link

    chubbyn’ s me

  14. jack
    November 12th, 2009 • 12:54 am • Link

    very well explained…..I love it.

  15. November 13th, 2009 • 12:44 pm • Link

    Some very nice tricks. Will really help in making a webpage stand out.

  16. November 24th, 2009 • 5:38 pm • Link

    That is awesome. The bullet holes are my favorite.

    I have alot to learn…..Thanks

  17. December 29th, 2009 • 9:53 pm • Link

    Very nice tricks it seems you are a photoshop genius. Hopefully I will get that good with more tricks from you.

Subscribe to the Discussion

Get the ongoing discussion surrounding "InDesign Eye Candy, part 3: Punch-Outs, Stickers, and Rips" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.