Help - Search - Members - Calendar
Full Version: Greeble Displacement in Photoshop
Hash, Inc. Forums > Technical Direction and Development (Learning Animation:Master) > A:M Rendering, Compositing and Special Effects > Materials Laboratory > Texturing
brainmuffin
starting with a 52% gray background, create a new layer, make whatever shape(s) you want, using pure white. Here I've made one simple greeble shape.

When you have all the shapes you want, duplicate the layer, and hide the duplicate.

Click to view attachment

With the original shape layer selected, click the layer style button (Looks like an 'F' or an 'S' in a circle) and select "Inner Glow".

Click to view attachment

Change the color to black, the blend mode to Multiply, and the technique to precise.

Click to view attachment

Click OK. You should have something similar to this:

Click to view attachment

Create a new blank layer. Merge it with the current layer. This incorporates and finalizes the layer style, so MAKE SURE you are happy with the style before you do this step.

The purpose of this is so that we can set the layer's blend style to Lighten or Screen so that our greeble will only displace out. We can also control how far it displaces by adjusting the layer's opacity. This allows us to create multiple layers of greebles. I've set the opacity of this layer to 51%.

Depending on which blend style you choose, the results will differ:

Click to view attachment

I've chosen screen to continue with.

Here I've created another layer of greebles using the previous steps, setting the opacity to 80%:

Click to view attachment

I also raised the displacement percent from 250% to 300%.

Now, I'm going to show you why we saved those untouched copies of the greeble layers!

Hide the greeble layers that we used for displacement. Create a new layer, beneath the untouched greebles. Pick two similar grays, and Filter:Render:Clouds. Then Filter:Artistic:Sponge. (Adjust to taste. I tried to get very small details.)

Here's the result:

Click to view attachment

Rather metallic, yes?

Now, turn on the lower greeble layer, and go to Layer Style:Outer Glow. Use the following settings:

Click to view attachment

Now Right click on the layer and select 'Copy Layer Style'.

Right click on the higher untouched greeble layer and pick 'Paste Layer Style'. (Note you can also save layer styles by clicking on 'New Layer Style' from the Layer Style Settings Palette. I've saved both of these styles for later use. )

again select the lower layer. Create a blank layer above it, and merge them. Repeat for the upper layer. Set the Blend Style for both to 'Multiply'. Adjust the opacity to taste. Here's what I've got:

Click to view attachment


Now here it is as a color map:

Click to view attachment

Here's the project and all the files:

Click to view attachment

And here are the Layer Styles. They go in the Photoshop:Presets:styles directory.

Click to view attachment




Eric Camden
I love these simple, yet right to the heart of the matter tutorials. Thank you.
NancyGormezano
mee tooo.
HomeSlice
very nice. thanks Brainmuffin.
brainmuffin
You are all very welcome, I hope this helps!

Here is the same rectangle duplicated twelve times, with a black inner glow applied. Each variation has one of the 12 different contours that are standard with photoshop. (You can also create your own contour.) I didn't use a blend style, so you can see that it digs in as well as bumps out:

Click to view attachment

It's like some schizophrenic chocolate bar!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.