Graphics Development Adobe Photoshop

Contents
Needs of images and graphics, market size, animation Drawing basic shapes, filling, colors Adjusting an existing image Layers, Channels and Paths Animated GIFs Patterns Defining and Using Panoramas Publishing

Introduction
A Picture is worth of thousand words An Old Proverb Things can be explained easily when available as an image Photoshop helps us in creating new images, adjusting an existing image, creating special effects or animation of an image and more

Graphics Usage
Images can be used for
Presentation
To explain business/product objective etc

Publishing
To print beautiful images in posters or invitation or business cards etc

Education
To teach people

Tools Available
Selection Tool / Marquee Tool Used for selecting portions of an image Rectangular, Elliptical, Horizontal and Vertical Text Tool Used for adding text in an image Horizontal and Vertical aligned text Notes Tool For adding description or comment to an image Text annotation and Audio annotation Eraser Tool To erase the selected portions Simple, Background and Magic

Tools contd...
Lasso For Selection purpose
Simple Lasso, Polygonal Lasso and Magnetic Lasso

Magic wand For selection purpose Crop To cut few portions of an image Slice/Slice Selection To cut image into several slices Move To move layers of an image from one position to other

Tools contd..
Brushes
These are used for filling a selected area with colors History brush, Art History brush Healing brush (for filling the selected area with patches / portions from the same image or another image) Patch brush for filling selected areas with a defined pattern

Tools
Stamp tools For stamping a pattern on an image
Clone Stamp Clones a portion of an image Pattern Stamp Imprints the selected pattern on the image

Background and Foreground colors The two interleaved squares on the tool box sets the foreground (front square) and background (rear square) colors.

Tools
Blur To make the surface of the image to look very hazy Sharpen Sharpens the image appearance Smudge Mixes up the colors present in the adjacent areas Sponge Wipes the extra colors and make the image look neat Burn Darkens the image Dodge Brightens the image

Tools
Paint Bucket Used for filling an area with the foreground color Gradient Bucket Used for filling an area with gradient color (mixed color or pattern) Drawing tools We can draw rectangle, rounded rectangle, circle, polygon or any other available patterns on our image using the drawing tools

Adjusting Image
Click on Image -> Adjustment It has options
Brightness/Contrast to adjust brightness and contrast Invert to make dark portions light and light portions dark Posterize For distorting the image. Lesser the value more the distortion Curves Automatically adjusting the contrast and brightness

Patterns
To define a pattern
Open a 5 X 5 document Zoom to maximum size Select a pencil tool with an appropriate brush size Draw lines (horizontal or vertical or both) Go to Edit Menu and select Define Pattern Give a name for the pattern and click OK

To fill a pattern
Go to Edit Menu Select Fill Choose Pattern from the dropdown list and select the pattern from the list

Noise and distortions

Adding noise or distortions to the image modifies the appearance of the image Go to Filter Menu and click Noise and then select Add Noise. Give the noise level. Higher the level more is the disturbances caused We can also select Distortions under the same Filter Menu and can choose the type like Ocean waves, ripple etc.

Color Range
Photoshop allows us to select a range of color in an image Open an image Click on Select -> Color Range Specify which color we need to select and give OK Those portions in the image that satisfies the condition given will be selected and we can manipulate on the selection

Layers, Channels and Paths

Layers Part of the image on which we can work independently without affecting the background. Any number of layers can be created and positioned above the background. Paths Similar to Layers. Difference is that Changes made on the Path are visible if we click on the path. But changes made on the layer is visible if we move the layer. Channels Portions of image with similar color or shade are kept as a channel. We can also add new channel

Channels
Four basic channels
RGB (True picture) Red Picture with Red component alone Green Picture with Green component alone Blue Picture with Blue component alone

Alpha channels
We can select portions of image and create new channel from it Select portion and right click and click Save Selection as and give a name and Click Save

Now in the channels palatte a new channel with the name Alpha 1 is seen

Animated GIF
Open an image Duplicate the image as many number of times needed (In the layer tab, right click on the background (image) and select Duplicate layer) Add different noise levels for each layer (Filter -> Noise -> Add Noise and give different value for the noise level)

Animated GIF
Switch to Image Ready (File -> Jump to Image Ready) In the animation window, set the loop count and the delay for the frame Duplicate the frame In each frame make a particular layer visible (In Layers tab, on which ever layer we have Eye like icon, that layer is visible. Click on the eye icon to hide a layer. Again click on the place to show the hidden layer) Click on Save optimized as from the File Menu, give a name and click OK.

Panorama
Panorama is a wider picture We need to have images taken in and around the same area Those images are copied in different layers of the same document Move the layers appropriately to create a continuous but wide image

Publishing
The images are collected together and placed in a folder Click on File -> Automate -> Web Photo Gallery Choose the template for the gallery. Fill all information needed Click OK An HTML page will be created We can access those photos from HTML file