PHOTOSHOPTUTORIAL

Basics of Photoshop

Choose a topic:

Workspace

Creating Images

Type Tool

Drawing

Painting

Layers

Workspace

WorkspaceThe Photoshop workspace consists of

five main components:

Application Bar

Tools Panel

Options Bar

Document Window

Panel Dock

WorkspaceThe Application Bar

The Application Bar, is located across the top of the screen. It contains the old menubar, along with a number of other controls. The menu bar contains controls formanaging and editing files, manipulating images, managing layers, and more.

Workspace

Tools Panel

The familiar Tools Panel contains a collection oftools for creating, selecting, and manipulatingimages. Tools that have a similar function aregrouped together.

WorkspaceOptions Bar

The Options Bar is located below the Application Bar. The options change dependingon the tool you have selected. For example, when you select the Type tool, optionspertaining to text editing will appear across the bar.

Workspace

Document Window

The Document Window displays the fileyou're working on.

WorkspacePanel Dock

A vertical dock of panels is located on the right of the workspace. Panels help you manage and edit your images, allowing for quick and easy access to the most common controls for a particular task. By default, three panels will appear when you open Photoshop: the layers, adjustments and styles panels.

Creating Images

Creating ImagesHow to create new image?

To create a new image, follow these steps:

1. Click File from the Application Bar.

2. Click New. A dialog box will open, allowing you to define the following elements of your image:

Name Sizes Resolution Color Mode Background Content

Creating Images Name - allows you to name your image.

Size - allows you to predetermine the width and height of your image.Photoshop offers preset dimensions for sizing your image, or you can customize your own size usingmany types of measurements including pixels, centimeters, inches, and millimeters.

Resolution - allows you to set the image resolution. A resolution of 72 ppi (pixels perinch) is generally used for Internet images. If you wish to use your images for print or video, they willneed to be a higher resolution.

Color Mode - allows you to control the color mode of your image. The standard colormode is RGB (Red Green Blue). You can also choose to create your image in grayscale, bitmap, andmore. Some modes will limit your color range.

Background Content - allows you to choose the initial background color of your image.

Creating Images3. When you are happy with your selections, click OK.

Type Tool

Type ToolThe Type Tool is used to create text in Photoshop. It is a feature used mostly withdesktop publishing and the Web, as most people don't tend to print out home photoswith text on the pictures.

1. Open the image that you want to add text to.

2. Click the Type tool from the Tools Panel.

3. Click the document where you want the text to appear.

4. Type your text.

Type ToolPhotoshop provides many different options for writing text. To access these options, hold the mouse down on the Type Tool on the Tools Palette. The following options will appear.

Type examples:

Arched Text

Vertical Text

Formatted Text

Drawing

DrawingVector graphics are made with mathematicalequations and formulas. When you zoom in on avector graphic, its variables change to accommodateyour action and you end up with a graphic that looksexactly the same, except bigger.

Raster graphics (Bitmap) store picture data as a matrixof pixels (dots). When you zoom in on the picture, thepixels become enlarged, resulting in a fuzzy, jaggedpicture with visible pixels.

Drawing

The main drawing tools are located on the ToolsPalette: the Pen Tool, Shapes Tool, PathSelection Tool. To expand the options for a tool,hold the mouse down on the tool icon.

Drawing

Pen Tool

Use the Pen tool to create drawing paths. You cancreate custom shapes and complicated curves that canbe scaled easily. By accessing the expanded Pen tool,you can add, delete and covert points on your drawingpath.

Drawing

Path Selection

Use the Path Selection tool to select an existingdrawing path. You can also use it to move, resize, copy,or delete paths. Use the Direct Selection tool toreshape a path, or to delete a component of a path.

Drawing

Shape Tool

Use the Shape tool to create paths with a certainshape. It creates the same path points that the Pentool does. Each shape can be modified with the PathSelection tool.

Drawing

Type Tool

Use the Type tool to add text to your image.

Painting

PaintingEach of the expanded options (shown on theright) for Photoshop's painting tools can beaccessed by holding down the mouse on a tool.

PaintingPatch Tool

It retouches image using sampled pixels or pattern.

It works as a combination of the Healing Brush with the Lasso Tool.

PaintingBrush Tool

When working with all of the drawing tools (except the Gradient tool), the Brushes option is available in the toolbar to allow you to use different brushes and textures.

You can also load one (or several) of Photoshop's included brush sets by clicking on the black triangle at the top right hand corner of the Brushes menu.

PaintingClone tool

Allows you to copy a part of an image to anotherarea of the image by pressing and holdingthe key while clicking on an image and thenusing the tool in another area.

The Pattern Stamp tool is slightly different in thatyou may paste the copied image more than once

PaintingHistory Tool

The History tool allows you to combine previous versions of your image with the current version.

When working with an image, you may decide that you like some of the current changes as well as some of the past changes.

You can combine the two by selecting the history state (from the History palette) that includes the old changes that you liked and using the History tool to paint the past image onto the current state.

PaintingEraser Tool

The default Eraser tool replaces the erased portion of the image with the current background color.

When using the Background Eraser tool, however, the erased portion simply disappears.

The Magic Eraser tool behaves similar to the Magic Wand tool in that it will select similar shades of a certain color and erase portions of the image with those colors and erase them.

PaintingGradient Tool

This tool is a very simple way to paint a gradient between colors into your image. The default settings produce a linear gradient between the current foreground and background colors.

Radial, angle, reflected, and diamond gradients are also available. Adding more colors and settings can be done in the Gradient tool's toolbar.

The Pain Bucket Tool fills an area of an image based on color similarity. Click anywhere in the image and the paint bucket will fill an area around the pixel you clicked.

PaintingBlur, Sharpen, & Smudge Tool

Blur Tool is the simplest way to blur desired spot of an image.

Sharpen Tool increases contrast in the areas where you paint.

Smudge Tool blends the pixels where you paint simulating the action of dragging a finger through wet paint.

PaintingEach of the expanded options (shown on theright) for Photoshop's painting tools can beaccessed by holding down the mouse on a tool.

Layers

Layers

Layers are a basic founding concept you need tounderstand when working with Photoshop.

Each time you add something to your image (forexample text or shapes), Photoshop will create itas a layer.

Layers

This is layer 1, a transparency with a blackborder and a red circle in the upper-left corner.

This is layer 2, a transparency with a green circlein the middle.

This is layer 3, our final transparency with a bluecircle in the bottom-right corner

Layers

If we place layer 2 (green circle) over layer 1 (redcircle), and then place layer 3 (blue circle) overlayer 2, we'll get an overlapping of colors withina single image. That's how layers work!

Layers

The Layers palette is located on the right of theworkspace, in the palette dock. All of your layersare displayed in hierarchical order on the Layerspalette.

Layers

• Layer Lock - allows you to lock a layer, or specific features within a layer.

• Eye icon - allows you to hide a layer. You can still work on a layer even though you can't see it.

• Blue Highlight- indicates which layer is currently selected. A layer must be selected before you can make any modifications to it. To select a layer, simply click it. Selecting a layer makes it visible.

LayersYou can also rearrange layers. For example, in our color circle example, the blue circle could be placed beneath the red and green circles. To do this, you simply click and drag the layer to be above or below other layers in the Layers list.

Dragging a layer to either to the New/Copy Layer or Delete Layer buttons on the bottom of the palette will copy or delete the layer.

END OF THE SLIDESource: http://www.washington.edu/lst/help/graphics/photoshop