Aligning Layers

A lot of designers I know hate math, they are right brained and cannot stand those pesky little numbers cramping their creative style. Something you may not be aware of is the fact that Photoshop is a pretty good mathematician. Photoshop comes with an align and distribute feature that does all the calculations for us.

Lets demonstrate this by creating a metal panel with some rivets on it.

Start with a new document. 300 x 300 pixels.

Apply a linear gradient using the default copper setting.

Create a new layer and name it “rivet”

Choose the elliptical marquee tool.

Change the gradient to radial

Draw a small rounded selection and fill with the gradient.

Add a bevel layer style

Use the settings here. Make it a “pillow emboss” to give the appearance of the rivet being recessed.

Here is the finished rivet

Duplicate the layer 3 times and roughly space them out. Don’t worry about precision at this point.

Link all the rivet layers in the layers palette. The align feature will only work on linked layers and wont effect the layers that are not linked.

Click the “distribute Vertically” button from the top toolbar.
Notice the rivets are now evenly spaced.

Click on the align left button and notice that they are now perfectly aligned.

The evenly spaced riverts.

Here I merged the rivets, duplicated the layer and dragged it to the right hand side. I then used curves and the hue/saturation controls to get a nice bluish gray metal feel.

Have fun with the alignment tools and plaster all your images with rivets.

See you at the café www.photoshopcafe.com

Spread the word:

No Comments

No comments yet.

RSS feed for comments on this post. TrackBack URI

Photoshop Tutorials

Design Effects
Corey shows how to use the luminosity of an image to create a cool design effect and spice up your simple photos.
Stylized Comic Book Effect
Using this effect, you can transform anyone into a comic book character with a halftone, saturated look.
Text Shape Layers
Converting text into shapes allows you to distort the text as you like while retaining straight, clean edges.

3D Design

Using 3D tools in Photoshop CS4 Extended to create a logo element.
Bullet Hole Brushes

Here we will uses a series of custom shapes to create a bullet hole on a brush.
Displaced Effects

Here is a quick and easy way to use displacement maps to create a cool grunge look.
More Fun With Brushes

Here we will explore another aspect of custom brushes to create a cool background effect.

Create Smart Contact Sheets in Adobe InDesign
Adobe Bridge CS3 and InDesign have this secret relationship that allows you to do some really cool things with automating image placement and metadata
Exposure Blending in Photoshop
Digital cameras make very easy is blending more than one exposure together for contrast control, increased dynamic range, or creative purposes
Image Slide Show in Adobe Fireworks
How do you create a slide show without having to write a bit of code? The answer is Adobe Fireworks.
Using IFrames in Adobe Dreamweaver
Follow along with this tutorial and learn how to create an IFrame on your website using Dreamweaver.

Document Your Happy Accidents

Sometimes our best creations happen by pure experimentation and accident. Sitting in front of a Photoshop file, you are 40 History States in, and then it happens—magic! You really want to be able to get back to that moment. To do so, make sure that you turn on the History Log checkbox in the General Preferences (Photoshop>Preferences>General [PC: Edit>Preferences>General]). You can save the information as metadata, as a separate text file, or both!

Photoshop Tutorials, Tips, and News | Planet Photoshop

Aligning Layers

No Comments

Leave a comment

Photoshop Tutorials

Document Your Happy Accidents