Discover & Manage Basic Shapes

There are a few different methods through which you can make shapes. Create a new blank layer by clicking on the new layer icon as shown.

Make sure that you are on the ‘fill pixels’ option for this method.

This will allow the shape to 'fill' onto the new layer.  Now go to the shapes toolbar as shown and choose the Rectangle tool.

Now choose a foreground color from the swatches palette (or your preferred method). I’m choosing a dark blue. This will be the ‘fill’ color.

Now simply click and drag to create your rectangular shape.

Go ahead and choose another foreground color such as yellow.

Drag the rectangle shape tool in a different direction. Now the shape will fill with yellow.

Look in the layers palette and notice that these two separate ‘shapes’ are actually on the same layer. This is another important concept for you to remember. So if you want to create lots of shapes and have them all on one layer you can do that and it will save you lots of extraneous cluttered layers in the layers palette. To keep the shapes separate though with the fill method, you’ll want to create a new layer before you create each fill shape.

Some more basic image editing; you can make a selection of one of these easily with the magic wand tool (which will select the entire shape on any tolerance) and then you can edit: cut to get rid of it.   Now because you had overlapped these ‘shapes’ on the same layer when you cut the yellow layer, there will be a chunk missing out of the blue layer.   If you had these on separate layers (or shape layers) they would remain independent.

Now create a new layer (it’s important for you to understand all of these concepts: crawl-walk-run).

On this new layer you can fill another shape and as long as you don’t add any other fills/shapes onto that layer then you can move it around independently. Try the ellipse tool with a new foreground color.

You can easily spice these basic shapes up a bit by adding some layer effects aka layer styles. Right click and choose blending options and in the dialog box you will see plenty of options for you. Click on Bevel and Emboss to add a default bevel to the shape fill layer.

You an easily duplicate layer effects by dragging them to the bottom of another layer.

Another option which doesn’t require as much thought or foreplanning is using the shapes layer command at the top of the options bar on the left.

Every time you click and move your mouse a new and independent shape layer will appear on the document and in the layers palette (for whichever shape you have selected). Try this out.

You can choose different shapes from the drop down menu and use the fly out menu to append and add all kinds of custom shapes to choose from.

Choose a new foreground color.

Click and drag with a new shape of your choice. 

Here you can see the leaf/flower shape layer in the layers palette.

It is a vector based shape with it’s own property as a layer in the layers palette which means that you can treat it for the most part as a regular layer and add effects, change fill/opacity, etc.

In the Basic Photoshop dvd training I go through several tutorials on vector / shape creation and management.

If the background layer is too boring for you, select it in the layers palette by clicking on the layer that you want to fill with a gradient.  You could also do a gradient fill adjustment layer (taught in my dvd series).

Now that it is the ‘active’ layer, grab your gradient tool.

Choose a gradient of your choice from the drop down menu in the options bar.

Now simply swipe across at any angle like this diagonal. You can hold down the shift key to get a perfect 45 or 90 degree angle.

Note that the gradient is being applied on this layer below the other layers (because of the order in the layers palette).

It’s easier just to create shape layers nice and fast than the fill pixel or path method. You’ll often end up with lots of these pretty quickly (each as their own independent layer).

To help organize them, just create a layer set. Click on the folder icon at the bottom of the layers palette.

Now just drag the layers into the layer set for organization.

Layer sets are described in more detail as well as a huge chunk of time devoted to vector creator, layer management (and everything) in my video tutorials training.

Discover Rectangular Marquee & Transform Selection

Go ahead and select the rectangular marquee tool.

Just click and drag to form a rectangular selection. Here I’m generally covering the area of this window.

When you are the default marquee tool; new selection, you can move the marquee itself around the entire document when you place the cursor inside of the selection.

Right now you don’t want to use the move tool (V). That actually moves the pixels of the selection. Moving the marquee only works on new selection in the options bar.

You can bring up your rulers by pressing Ctrl R or going under the View menu.

With the rulers open you can drag in guidelines either horizontal or vertical by clicking within the ruler area and dragging it to where you want it in the document. For example I’m moving a guideline to the left edge of the window and also to the bottom. Experiment around with this yourself. You can move guidelines by placing the cursor right on top of it and clicking to move.

  

Guidelines are great for when you are laying out a design. You can turn on Snap in the View menu.

This allows anything that you bring within a close range of a guideline to ‘snap’ to it like a magnet.

This makes it easy to align layers, text and even selections such as this to the guideline.

Another cool feature is Transform Selection. It is located under the Select menu.

Because your rectangular marquee is there and you’ve made it as a selection go try Transform Selection. This will bring up a bounding box around the selection. Remember that we aren’t moving pixels yet, we’re just altering the selection itself.

With the bounding box visible you can move the corner handles to make the selection move in different ways. Press Ctrl/Cmd to skew the corner boxes and bring the selection in around the window itself (for this tutorial you need a rectangular object to use the marquee tool.

Ctrl click and move each of the corners into place.   Now you have a selection of the irregular rectangle and you have transformed a selection to fit the object shape.

 

Now that you have made a selection around this window you can switch to the move tool to actually move the window around.

  

Go back in the history palette to undo your move.

If you’re wondering how to ‘select’ something besides a rectangle then you need to check out the other Basic Photoshop tutorials and also get my Basic Photoshop DVD Training series.

   

Another thing you can do is when you make a selection (on certain tools such as the marquee tool) you can right click and choose feather (also under the Select menu).   Enter a low amount such as 5 pixels.

What feather does is leaves a nice soft edge around the selected area. The softness depends on the amount of feather with the higher the feather radius being, the stronger the feathering effect.

Go to Select: deselect and choose the elliptical marquee tool.

 

As long as your defaults are on ‘new selection’ you don’t need to deselect, it will just automatically replace the last selection with the new one.

Create a circular selection. You can hold down the Shift key to get a perfect circle (Shift on rectangular gives a perfect square).   Try moving the selection around and watch how it will snap to the exact center of your guideline’s intersection. Now you can create a selection with a circular sized object (or fill it and layer effects, etc.)