Monday, April 7, 2008

photoshop beginner - motion blur

Photoshop - Motion Blur

Any type of blur in Photoshop softens the pixels, smearing them across the screen. A motion blur has the added effect of smearing the pixels in the direction of your choice. A motion blur sort of mimics the effect of smearing paint across a canvas sometimes allowing colors to bleed one into another.

Before and After:

Motion Blur

Motion Blur

The creation above started out as two separate layers, one with red text and another with black text. The black text layer was a few font sizes larger than the red. The whole document is 300 pixels wide and 200 pixels tall.

Highlight Black Layer:

Two Layers

Create a Motion Blur:

  1. With the 'black text' layer selected, Access the Filter menu at the top of Photoshop.
  2. Set an angle of motion.
  3. Angle of Motion - 20
  4. Set a distance (in pixels).
  5. Distance
  • Angle: 20 degrees
  • Distance: 100 pixels

A Motion Blur:

Motion Blur

Blurring in general softens edges allowing you to create transition in your presentations. A motion blur takes this step one step further by also choosing an angle and an amount (distance) to blur.

Photoshop - Motion Blur Examples

Motion Blur with Masks


photoshop beginner - layers

Photoshop - Layers?

Layers were introduced around the time Photoshop 3.0 came into the world. Layers are like stacks of transparent papers one on top of another...like blank canvasses ready to be painted, colored, or modified. Layers can also be blended together or have other sorts of computer generated layered effects. Say you were to draw on the top most layer, the bottom layer would lie unscathed but the effects drawn on the top layer would still be seen.

Layering allows you to fool around with all the neat, little effects and filters Photoshop offers without destroying or altering the original image.

Photoshop - The Layers Palette

When we open an existing file or create a brand new one, the canvas in front of us lies on its own layer. Generally this layer is already named background and we can see it in the layers palette on the right hand side of the program.

The Layers Palette:

The Layers Palette

The layers palette is the control panel for layers in Photoshop. Layers can be placed one on top of another and moved around by clicking on the layer name and dragging the mouse up or down.

Photoshop - Creating Layers

There are a number of ways to create a layer. The simplest involves clicking on the "Create New Layer" icon at the bottom right of the layers palette.

Create Layer Icon:

Create Layer Icon

You can also use the "Layer" menu located at the top of the screen and select New->Layer. Here you will also see the keyboard shortcut command.

Layers Menu:

Layer Menu

Additionally the keyboard shortcut of Ctrl+Shift+N (Command+Option+N for Macs). With the creation of a layer in this way Photoshop will ask for a name for the layer. Name your layer or just ignore the pop-up clicking "OK" and a new layer appears in the layer palette.

Name Layers:

Name Layer Box

Layers can also be named by double clicking on the name of the layer (layer1) in the layers palette.

Photoshop - Hiding Layers

Another advantage to layering your work is that at any time a layer can be temporarily hidden from view by clicking on the "eye" icon next to the desired layer in the layers palette.

Hide Layers:

Hide Layers

Photoshop - Linking Layers

Layers can also be linked together. This is handy when moving layers and things around with the "Move Tool." Linking one layer to another holds the them relative to each other. If one moves, then the other moves. Link layers together by clicking in the vacant box that lies adjacent to the eye.

Linking Layers:

Linking Layers

Photoshop - Selecting Layers

Entire layers can be selected with a keyboard shortcut. Simply Ctrl+Click on the display box of the layer that you wish to select. This will select everything on the layer.

Selecting Layers:

Selecting Layers

photoshop beginner - brush tool

Photoshop CS:

Photoshop Desktop

Photoshop CS is used for most of the following real world examples.

  • Web Design
  • Logo Design
  • Movie Posters
  • Photos
  • Graphics
  • Brochures
  • T-Shirt Design



Photoshop Brush Tool:

Picture of the Brush Tool

Photoshop - The Brush Palette

Access the brush palette located toward the top of the program. Single click the brush tab to activate the brush palette.

The palette is organized into a two column table with preset brushes on the right-hand side and several brush stroke options on the left. At the bottom lies a preview that should give you some idea of what your brush stroke will do. The brush palette is essentially the ultimate control panel for your brushes. Anything and everything can be adjusted with the brush palette.

The Brush Palette:

Picture of the Brush Palette

Photoshop - Brush Presets

Photoshop comes with several brush pre-sets... scroll through the preset brushes and when you come to the bottom, there's still more hiding from your view. To access them, click on the little black arrow located at the top of the palette near the actual Brushes tab. A navigation list should pop into view and at the bottom of that list lies about a dozen brush sets.

Brush Presets:

Picture of the Brush Preset Menu

Browse through them, familiarize yourself with this palette, and finally pick a brush to paint with and paint away on a new layer.

Paint Away:

Picture of a canvas filled with scattering leaves

Photoshop - Brush Options

The left column of the brush palette... Customizing brushes is accomplished here. Simply checking one of the boxes here modifies the brush in some way. These options are a way to fine tune brushes and can really bring about some impressive results.

Brush Options:

Picture of the brush options located inside the Brush Palette

If the scatter option on your brush isn't already on, click the check box to activate this option and then click the text to highlight the option and bring the palette into fine-tune mode.

Scattering Options:

Picture of the brush scattering options

Here we can adjust the amount of scattering that takes place along with the jitter and fade options. All really neat features available through the brush palette.

Photoshop - Create Your Own Brush

As you begin to "fiddle" around with each and every option available, you may want to save your brush as a preset for later use. Finalize all your options and settings then click the "Create New Brush" button at the bottom of the brush palette. Photoshop comes back with a prompt of what to name your brush. Type in a name and then press "OK".

Create New Brush:

Picture of the Create Brush Icon

Name New Brush:

Picture of the Name New Brush dialog box