|10-06-2009, 06:59 PM||#1|
Join Date: Dec 2004
Using custom shapes for composition and perspective
At the request/suggestion of Professor Az I have decided to write this little tutorial on using shapes in Photoshop to help streamline things like setting up composition and perspective.
Shapes use vector graphics to properly render the same geometric proportions accurately every time. If you’ve never worked with vector graphics or simply don’t like to don’t worry, there isn't much involvement in actually working directly with vectors.
Creating shapes is pretty simple. It consists of the following steps-
1.) Draw your shape
2.) Select the drawing
3.) Convert the selection to a path
4.) Convert the path to a shape
Step one- Draw your shape
Let’s start with something simple just to get the process down. Make a quick and simple drawing on its own transparent layer.
Step two- select the drawing
Since the drawing is on its own transparent layer this step is quick and easy. You could use the magic wand with “contiguous” toggled off but there is a more reliable method. When you have lines on a transparent layer like we do you can simply load the selection via transparency.
To do so make sure the appropriate layer is selected and then go to select > load selection
A pop up screen will appear with several options. Its current setting should already be set to exactly what we want. If not make sure they are.
Step three- converting the selection to a working path
This is the step where we actually convert our drawing to vector graphics.
To do so simply select any selection tool and (with your drawing still already selected) right click and select make work path…
You will see a pop-up menu appear.
The tolerance determines how tightly or loosely the path follows your selection. For the time being this isn’t important for this example. You can leave as is or play around with it to get a feel for how it works. Later when you are creating shapes with simple lines and straight edges you will most likely want the tolerance set at its minimum.
We now have our drawing as a path, which is vector art.
(note the drawing layer is turned off and the background layer is on to better show the path)
Notice how if we zoom in we see that the path is rather jagged. This is because vector graphics don’t handle anti-aliasing well. This won’t be a problem when your just making simple shapes with solid straight lines. If you want to see how to fix this check the mini-tutorial near the end.
Step four- convert the path to a custom shape
This works much like the previous step. Select the pen tool and right click on the canvas then select define custom shape…
That’s it. Your original drawing is now a custom shape. Select the shape tool, toggle custom shapes, and find your new shape in the drop down box.
If you set your shape to fill pixels you can essentially “stamp” your shape onto the canvas as rastered pixels.
Using the shapes to set up guides
Now that you understand the process let me explain how I use these to set up composition and perspective.
I’ve created the following custom shapes that utilize sacred geometry and the rule of thirds.
Keep in mind that the topics of sacred geometry and composition are beyond the scope of this tutorial and I won’t go into detail about them.
The one selected above is a golden rectangle that is divided utilizing the (traditional) rule of thirds. If I set my shape to defined proportions it will always constrain to the predefined geometric equations that define it, which is essentially the whole idea. You can also hold Shift while dragging the shape onto the canvas to constrain the proportions.
I can simply stamp this onto its own layer and use it as a guide to where I want to place elements and where I will crop the image.
Like wise I can use my generic rule of thirds shape to quickly and easily divide any size canvas into thirds.
…and then simply resize it vertically.
Also if you create a custom shape of evenly spaced horizontal/vertical lines you can stamp them down and then use the perspective transform tool to quickly set up perspective guides for your art.
Well I guess that pretty much covers it for now. If there are questions/comments let me know.
Bonus mini-tutorial: Creating better defined shapes-
Here are some of the more useful geometric shapes I made in Gif format with transparency so you can simply open them in photoshop and start from step two without having to measure out the geometry for them.