USING PHOTOSHOP CS2. Obtaining Information Canvas Size vs. Image Size Cropping an Image Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the Paint Bucket to Change or Add Color to a Region Blurring, Smudging, and Sharpening Images
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Using Dreamweaver, Photoshop, and Fireworks:Graphics Production for the Webhttp://www.stanford.edu/group/csp/cs38/
When a graphic is viewed in Photoshop, the program offers information about the amount of disk space the graphic uses. In this example, the su.gif graphictakes up 1.86 K of disk space.
By default, Photoshop uses inches to describe the size of an image.
On the Web, however, pixels are used. To configure Photoshop to use pixels, select the Units & Rulers preference (Edit > Preferences > Units & Rulers) and change the Rulers field to pixels.
Monitor Resolution* Maximum Size of Material (Width x Height)
WebTV (TV set) 544 x 738
640 x 480 600 x 300
800 x 600 760 x 420
1024 x 768 955 x 600
*Monitor Resolution can be set at:
- Windows: Start > Settings > Control Panel > Display > Settings
- Mac OS X: System Preferences > Displays > Display
- Mac OS 9: Control Panels > Monitors > Resolution
If you already added this graphic to your web page before changing its size, you will need to change the height and width attributes in the source code. In Dreamweaver, this is done by clicking the Reset Image to Original Size icon in the Properties palette.
Under Image, choose Adjustments, and select the adjustment desired:
Before Image>Adjustments>Invert After
Brush: Used to paint brush strokes in a bitmap graphic
Pencil: Used to draw 1-pixel wide lines or to edit single pixels. This tool is accessed by clicking the mouse button on the BrushTool and selecting the Pencil Tool (Brush > Pencil Tool).
Pen: Used to draw by placing points that define a path
Freeform Pen: Used to paint paths in a vector graphic. This tool is accessed by clicking the mouse button on the Pen tool and selecting the Freeform PenTool (Pen > Freeform Pen Tool).
Rectangle: Used to draw rectangles
Rounded Rectangle: Used to draw rectangles with rounded corners. This tool is accessed by clicking the mouse button on the Rectangle tool and selecting the Rounded RectangleTool (Rectangle > Rounded Rectangle Tool)
Elipse: Used to draw circles and other elipses (Rectangle > Elipse Tool)
Polygon: Used to draw multi-sided objects. To select the number of sides, select the Polygon Tool. Then, in the toolbar, in the Sides field, enter the number of sides desired. (Rectangle > Polygon Tool)
Line: Used to draw straight lines. (Rectangle > Line Tool)
Custom Shape: Used to draw a custom shape. (Rectangle > Custom Shape)
Photoshop has several tools to affect the pixel focus and the colors in images.
To blur, sharpen, or smudge an image:
1. Choose the Blur, Sharpen, or Smudge tool.
2. Drag the tool over the pixels to be sharpened, blurred, or smudged.
The Dodge Tool is used to lighten parts of an image.
The Burn Tool is used to darken parts of an image.
The Sponge Tool is used to gently remove parts of an image (like applying a sponge to a painting)
To use the Dodge or Burn tool:
1. Select the tool (both are obtained by clicking the mouse button on the Dodge tool and selecting the Dodge or Burn tool).
2. Set the brush options in the Options Window:
3. Drag over the part of the image you want to lighten or darken.
The Clone Stamp tool creates a duplicate of part of the image you select (a clone). You can then place that image over another image or a different part of the same image. You can also clone part of one layer over another layer. Each stroke of the tool paints on more of the sample. The Clone Stamp tool is useful for duplicating an object or removing a defect in an image.
To use the Clone Stamp tool, set a sampling point on the area you want to copy over another area. Then, click and drag the mouse to paint that section onto the new area.
Because you can use any brush tip with the Clone Stamp tool, you have a lot of control over the size of the area you clone. You can also use opacity and flow settings in the options bar to finesse the way you apply the cloned area. You can sample from one image and apply the clone in another image, as long as both images are in the same color mode.
In this example, we added an extra flowerto the vine by sampling the flower and then cloning it below:
Examples of Filters:
The best choice for saving images in Photoshop is to use the Save for Web option.
Steps 2and 3: