is now part of CreativePro.com!

Building Better Bevels

10

Here’s a tip that’s related to one of the techniques found in the InDesignSecrets Guide to Special Graphic Effects. The technique in the ebook shows how to create the illusion of interlocking objects with the Paste Into command.

The tip I’m about to describe uses the power of Paste Into to make a more convincing bevel and emboss when you’re working with one path that overlaps itself.

Normally, if you apply an effect like Bevel and Emboss to a path that crosses itself, the path segments look fused together where they cross. There’s no sense that one segment is on top of the other. And that’s bad news for an effect that’s supposed to give your objects a 3D feel.

If you want the object to look like it was molded or welded together, fine. But if you’re trying to show a steel bar bent by Superman, this is not what you want. You probably want something more like this.

If that’s the case, Paste Into is the solution. Just draw the path, then apply a bevel effect via the FX menu in the Control panel or Effects panel.

For now, hold off on other effects that extend beyond the object, like a drop shadow or outer glow. Copy and paste the path in place. Choose which segment is going to be underneath where the path segments cross. Select that segment with the Direct Selection tool and delete it.

Cut the remaining path. Draw a new empty frame over the area where the paths cross.

Choose Edit > Paste Into (Command+Option+v/Ctrl+Alt+v).

The pasted segment appears like it’s on top. Well, actually it is on top. But the frame you pasted into acts like a mask and provides the illusion that we’re looking at just one path. If you do need a drop shadow or glow, you will have to take extra care to get it to look right where the path crosses itself. You might have to take some time to shape your mask (the frame you pasted into) perfectly. Or you could use an extra object,

placed where you need to create that crossing shadow

and moved behind the top path. Sure it’s cheating, but it works.

Four out of five bevelers surveyed preferred the “Paste Into” bevels on the right.

Now you know the trick, how about some tips about beveling?

1. You can adjust the gloss level of your bevels super-quick and easily by adjusting one setting, the altitude of the light source.

The higher the altitude, the shinier the effect. You can adjust the numerical value or you can just click and drag on the target inside the circle to adjust both the Altitude and Angle of the light source at once.

Drag toward the center of the circle to increase gloss.

Just by changing the Altitude of the light source, you can go from matte (60°),

to satin (70°),

to gloss (80°).

If you go to far, you’ll remove the blur from the highlight completely, and it will start to look very fake. At an altitude of 90°, the highlight itself will disappear.

2. You can transform the shadow of a bevel into a second highlight just by changing its color and blend mode.

With these tips in mind, you’re free to bend steel bars, bake pretzels,

or decorate cakes (click for a close-up view)

all without leaving with InDesign.

Sweet.

Editor in Chief of CreativePro. Instructor at LinkedIn Learning with courses on InDesign, Illustrator, Photoshop, GIMP, Inkscape, and Affinity Publisher. Co-author of The Photoshop Visual Quickstart Guide with Nigel French.
  • Cari Jansen says:

    What more can I say then… “Mike, you ROCK!!!” :-)

  • Eugene Tyson says:

    Very nice, Mike.

  • Mike Rankin says:

    Cari and Eugene-

    Thanks! This was a really fun one to write up. Now if only I could get a job frosting cakes with InDesign…

  • Harbs says:

    I’m in awe…

  • Jeepers Mike! You have WAY too much time on your hands… ;-)

    That’s a very elegant technique, and as far as that shadow goes – I don’t think that’s cheating. I think that’s being awesomely creative.

  • Thank you for the very nice tips.

    I also want to point out that the cheat in the first example is NOT the hidden shadow, but the ends of the bar, which magically become more realistic in the last two steps ;-)

  • Mike Rankin says:

    Joã0- Very true. I probably should’ve mentioned adding the ellipses to cover the ends of the bar. Also, depending on the shape you start with, and height of the bevel, you may have to work some more Paste Into magic to obscure the ends of the bevel.

  • Paul Taylder says:

    Mi Mike, great stuff! Your link to ‘InDesign Secrets Guide to Special Effects’ comes up with this error: Product with skuId = SKU82252720689 not found

  • >