The Drawing and Type tools are used to create vector graphics, as well as set type inside of documents. While Photoshop is not really considered a vector graphic editor, it is possible to create vector based shapes and elements that can be resized without losing quality!

The Type Tools

The default type tool is the Horizontal Type Tool, which is used to set horizontally oriented type inside of an image. Although Photoshop is a raster based program, it preserves the vector-based type outlines meaning that type can be scaled to any size without losing quality. This property allows us to easily configure type size, style, and other attributes, as well as modify them later on in the design process.

Enough of the technical side though. To set type in an image, first select the Horizontal or Vertical Type Tool, and click anywhere inside of your image. You should immediately see a cursor start blinking where you can begin typing. In the options bar, you’ll notice some settings for the currently selected type.


Font Family - Set the currently selected type to a specific font family.
Font Style - Set the font style of the currently selected type. Common styles include bold, italic, and regular.
Font Size - Change the size of the selected type.
Anti-Aliasing Method - Set the method used for anti-aliasing on your type. Anti-Aliasing allows you to create smooth edged type by partially filling edges of the text (rather than the single color, jagged alternative when set to “None”).
Here’s a quick demo showing how Type can be adjusted (Rollover to see changes):



The Vertical Type Tool



The Horizontal Type Tool is probably one of the most common tools in Photoshop. It easily casts shadows over its sister tool, the Vertical Type Tool.

Wait… there’s more than one Type Tool?
Yup. You just hardly ever see it since it’s stuck behind the Horizontal Type Tool. Shouldn’t there be an easier way to switch between the two text orientations since the tools are so similar?

Quickly Change Type Orientation

There actually is a very simple way to change text orientation on the fly, without switching between tools, or recreating text.



While you are working with some type in a document, you can switch back and forth all in one simple click by pressing the Change the Text Orientation button.



That sure makes things easier!

I should also note that this technique also works for switching between the Type Mask Text Orientations. Also, you can change the text orientation of an existing text layer by right clicking it in the in Layers Panel.

Using Shape Tools in Photoshop

There are quite a few predefined vector-based shapes in Adobe Photoshop, all of which can be easily added to graphics. There are 6 different kind of Shape Tools in all.



Rectangle Tool - Creates a rectangle shape (or square if constraining proportions by holding shift).
Rounded Rectangle Tool - Creates a rectangle with rounded corners. The roundness of the corner can be controlled by setting a radius in the options bar.
Ellipse Tool - Creates an ellipse shape (or perfect circle if constraining proportions by holding shift).
Polygon Tool - Creates a polygon shape with a specified number of sides set in the options bar.
Line Tool - Creates a line shape.
Custom Shapes - Use predefined shapes (or user created ones) in your graphic.
To create a shape in your image, simply select the shape tool you want to use, adjust the settings for that tool in the options bar, and then drag our your shape in the active image area (in the same fashion you’d create a selection with one of the selection tools).





Be Aware! When you are creating new shapes in Photoshop, make sure you have Shape Layers selected to create new shapes. Otherwise, you may end up creating non-vector based shapes on the current layer, or paths rather than vector-based shapes on there own individual layer.

The Pen Tool

The Pen Tool is often considered by beginner users to be the most difficult tool to get used too. Thankfully, we’ve put together a great little guide to help such users familiarize themselves with the pen tool. Check the Pen Tool Basics tutorial to learn how to use the pen tool, and how to create your very own custom shapes in Photoshop.