Tutorial: Engraving Designs in Stone with Photoshop

July 27th, 2010  |  Published in Featured, Photoshop, Tutorials  |  7 Comments

In this close-up of my painting of Merlin, note the engraved markings on the wall behind him. Photoshop makes it possible to create detailed 3D effects from 2D line art.

In this close-up of my painting of Merlin, note the engraved markings on the wall behind him. Photoshop makes it possible to create detailed 3D effects from 2D line art.

You may have noticed some digital paintings that have some very detailed passages in them, and thought: gee, that must have taken forever. Often, what you’re looking at was likely created using layer effects or a similar method. You can simulate some very complex textures very quickly, using Photoshop and some black and white line art. The engraved area above, for example, started out as a line drawing I found on the Internet. With Photoshop layer effects, I was able to create the detailed area above in minutes. The most common use for layer effects is adding drop shadows to type, or making type look three-dimensional. Today’s tutorial, however, shows a little-used method for achieving a carved or engraved look: the Lighting Effects filter. (By the way, you can see the full-size version of Merlin, along with other recent work, at my gallery on deviantArt: http://bnolin.deviantart.com/.)


Spiny Woodland Hopper, a painting by Anne Stokes

Spiny Woodland Hopper, a painting by Anne Stokes

See the nice stone carving in Anne Stokes’s painting, above? In this tutorial, I’ll show you, step by step, how to achieve that look in your own work. There are many steps, but each one is simple. I just didn’t want anyone to get lost, and since there are a lot of little steps, there’s a bunch of screenshots. Don’t let them intimidate you, though. If you feel at all comfortable with layers, you’ll ace this. Let’s get going.

Select a circle from a good stony texture file. This is from Inthename_Stock on deviantArt. Isn't it wonderful? It's good enough to hang on the wall!

Select a circle from a good stony texture file. This is from Inthename_Stock on deviantArt. Isn't it wonderful? It's good enough to hang on the wall!

Open a good stone or smooth rock texture image. There’s a ton of good ones on deviantArt. Just do a search for “stone texture.” With the ellipse tool, draw a perfect circle selection (hold down the shift key while dragging). Copy it (Cmd/Ctl+C).

Notice that the pasted-in circular selection is on an empty background. This will allow you to use a layer effect on it.

Notice that the pasted-in circular selection is on an empty background. This will allow you to use a layer effect on it.

Create a new file (Cmd/Ctl + N). The new file dialogue comes up, and the sizes are based on the selection you just made. Add fifty or so pixels to each dimension, to give it some breathing room. Select OK. Then do Cmd/Ctl + V, to paste your circular selection. This creates a second layer with just the circular selection on a transparent (checkerboard) background.

step-3-layer-style-bevel

Double-click on the top layer (the new one with your copied circle) in the layers palette to bring up the Layer Effects dialogue, as shown above. Click on Bevel and Emboss, and use settings similar to those you see here. This will create a beveled edge to the circle with shading and lighting.

Circular line art on a single layer, black on white.

Circular line art on a single layer, black on white.

This is another file containing the line art I came up with for this lesson. You can use anything that fits inside a circle, as long as it is black on white.

The new channel icon.

The new channel icon.

Back on our stone circle, we need to open the channels palette. Usually it’s next door to the Layers palette, but if not, you can find it under the Windows menu. As you can see, in the lower right of the palette, there’s a icon to create a new channel. Click on it once. A channel is added, named Alpha1, and it’s completely black.

step-6-select-all-black

Make sure the new channel is active (highlighted) in the channels palette. Do Cmd/Ctl + A (select all). Make white your background color (hit the D key to reset the foreground/background defaults). Then, hit the delete or backspace key. This should replace the black with white. If not, use the handy paint bucket to fill with white.

step-7-paste-into-channel

Copy and paste your line art into the new channel. It’s just like pasting into a layer. Just make sure it’s active, and hit Cmd/Ctl + V.

step-8-rgb-on

When you clicked the “new channel” icon, it added a channel named Alpha1, AND it made your circular stone disappear. That’s because it automatically turned off (the eyes) next to the channels for your art. To make them come alive again, just click on the eye next to RGB. It should look similar to the above. Your Alpha1 channel line art is now red, and your stone is back.

step-9-edit-transform-scale-shift-plus-alt

My line art could use a little resizing. Right now, it’s dead center in the middle of the stone. I’d like to enlarge it without it leaving the center. Piece of cake. Go Edit > Transform > Scale. The resizing box with handles appears. Hold down the shift key (constrains to perfect circle) AND the Alt/Option key (keeps it centered). Now grab a corner handle and pull outward to make the line art larger.

Make sure you go back to the Layers palette first!

Make sure you go back to the Layers palette first!

Now, let’s return to the Layers palette. Please don’t stay on the Channels palette for this, or you’ll be cursing me and throwing things in a minute. Go back to the Layers palette and activate the stone layer. Are you on the Layers palette? Just checking. Okay, now you can open the Lighting Effects filter dialogue (Filter > Render > Lighting Effects).

step-11-settings

This is the Lighting Effects dialogue, with suggested settings. You may find other setting work better for your particular stone. Notice one very important setting, down at the bottom: the texture is assigned to a channel, namely Alpha1, the one with your line art in it. In the preview window, you should see it engraving your stone. Checking the “White is high” on or off makes the engraving turn into embossing.

step-12-result

So here it is, ladies and gentlemen: our engraved stone. Doesn’t look quite as nice as Anne Stokes’s, though, hm? Why is that? If you scroll back up and look at her painting, you’ll notice that the carved areas are darker than the stone. We need to do the same thing to our stone.

In the Channels palette, click on the leftmost icon at the bottom.

In the Channels palette, click on the leftmost icon at the bottom.

Okay, now we need to go BACK to the Channels palette. At the bottom, click on the leftmost icon, and the dancing ants will appear. Channels are where Photoshop stores selections, so we have activated the selection (the white areas) in our Alpha1 channel. This isn’t quite what we want, but we’re getting there.

step-14-inverse-select-turn-off-alpha1

To invert the selection, go Select > Inverse. Now the ants are dancing around the black line art. Let’s turn off the red from Alpha1: click the eye off next to that channel.

step-15-select-layer-adj-curves

I really hope you are paying attention, because now we need to switch back to the Layers palette. Activate our Stone art layer again. Go to Image > Adjustments > Curves, and drag the curve down slightly to make the carved area darker. Make it as dark as you like. You can also use the Hue/Sat dialogue to change the color, if you like. I didn’t do that here.

The final result. Anne Stokes eat your heart out!

The final result. Anne Stokes eat your heart out!

And there we have it! A passable carved stone. For those of you willing to go just a bit further, here’s the extra credit assignment. This will make your stone look terrific. Terrifically old and moldy, that is. Insert a new layer on top of the stack. Find a good mossy stony sort of texture file (I have a big collection of such files). Copy and paste into the new layer, and set the layer blending mode to either Overlay or Soft Light. (see below).

extra-credit

If you stayed with me through to this point, give yourself a big pat on the back. Hell, go get yourself a double mocha latte or whatever. You deserve it. Because now you know how it’s done! Any question or comments, please let me know in the comments section below. Thanks for reading!

Related Posts

  1. Photoshop Tutorial: Create a Pencil Drawing
  2. Photoshop Tutorial: Add Dramatic Lighting to Portraits
  3. Tutorial: Create Gold Jewelry with Photoshop, Part Two
  4. Tutorial: Photorealistic Painting of a Cat
  5. Tutorial: Create a Photo Backdrop in Seconds with Photoshop
  6. Tutorial: Create Gold Jewelry with Photoshop, Part One
  7. Tutorial: How to Use Photoshop Brushes in Corel Painter

Responses

  1. Diana Sparks says:

    July 28th, 2010 at 1:36 am (#)

    Very cool! I’m looking forward to trying this out. Thanks, Bob!

  2. Tweets that mention Photoshop Tutorial: Use Lighting Effects to Create Carving and Engraving | Digital Image Magazine -- Topsy.com says:

    July 31st, 2010 at 12:56 pm (#)

    [...] This post was mentioned on Twitter by Julian Vega and Julian Vega, Color Experts . Color Experts said: Photoshop Tutorial: Use Lighting Effects to Create Carving and Engraving | Digital Image Magazine http://goo.gl/qc3M #photoshop #tutorial [...]

  3. Richard Graham says:

    August 5th, 2010 at 9:28 am (#)

    Beautiful!!

  4. Bob Nolin says:

    August 5th, 2010 at 11:22 pm (#)

    Thanks, Richard. I like these old carved stones, for some reason.

  5. Pauli says:

    August 6th, 2010 at 6:22 pm (#)

    Very nice tutorial. Just used it to engrave lettering into marble. Thx so much!!

  6. Karl Halbendorf says:

    August 11th, 2010 at 2:53 pm (#)

    Thank you very much, beautiful! Old carved stones represent absolute and timeless inscriptions.

    ps. thank you also for your good humour!

  7. Laser etching says:

    July 6th, 2011 at 2:40 pm (#)

    That is absolutely beautiful. I never thought that things like this could be designed on the computer. It looks so real. You are definitely talented. Thanks for the post

Table of Contents