Tutorials & Script Homepage
Photoshop Basics 15to21
Brushes Palette: Shape Dynamics (Part 3)
Brushes Palette: Tip Shapes (Part 4)
Brush Palette: Texture & Dual Brush (Part 5)
Masks over Multiple Layers
Aligning Layers
Tips for Your Pen Tool
Basic Web Page Techniques
Please Click Here, and Help Keep This Site FREE to Use
Please click on our sponsors advert to the right if you download or use anything from this page.
Thank you for your help.
This tutorial has been created by: Colin Smith at Planetphotoshop.com

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.

Web Hosting  |  Membership website templates  |  Reliable UK Web Hosting  |  Dallas Web Design  |  Art Web Templates  |  Cheap Flight Deals  |  Free Web Hosting  |  Digital Camera  |  Coursework Writing  |  Reseller Hosting  |  Directory Submission Service  |  Cheap UK Web Hosting  |   Youth hostels  |  Web Design  |  Low Cost Domain Names  |  Windows Hosting ASP.NET  |  Website templates  |  Broadband Reseller  |  Dedicated Server  |  Business Broadband  |  Professionelt webdesign firma - webbureau  |  Austin Web Design  |  Flash Templates  |   SEO Services India  |  Flash Intros  |  Web Templates  |  Cheap Web Hosting  |  Hyper-V Hosting  |  Website Templates  |  Corporate Logo Design Service  |  SEO  |  UK Dedicated Server Hosting  |  Best Web hosting  |  Bespoke Software Development  |   Free Web Hosting  |  UK Web Hosting  |  Dating Software - aeDating 4.1  |  Flash Templates  |  Website Templates  |  Power Saver  |  Website Design Quote  |  Flash templates  |  cctv cameras  |  SEO  |  Web Templates  |  Web Design uk  |   Flash templates  |  Cheap Web Hosting Deal  |  Linux Hosting  |  Web Design uk  |  Web Hosting  |  Business web directory  |  Accept Credit Cards  |  Mobile Phone Contracts  |  Car Rental Deals  |  Free domain names  |  Business Email  |  Best UK web Hosting  |