adobe photoshop cs3 create graphics · pdf fileadobe photoshop cs3 adobe photoshop cs3 is a...

8
ADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on all computers in Trexler Library’s Information Commons. Photoshop can be used in countless ways for countless kinds of projects. These exercises will introduce you to a few of Photoshop’s basic tools and options. EXERCISE 1. Remove an Object from an Image 1. Open Photoshop. Choose the Start button in the lower left corner of your screen. Then choose Programs -- Adobe Design Premium CS3 -- Adobe Photoshop CS3. 2. Open image. From your Photoshop menu, choose File -- Open. Find the Photoshop Training folder in the My Documents folder. Select the document titled ruby.psd. 3. Remove portion of image. The left sidebar of your Photoshop screen displays your available tools. You are going to erase the skull graphic from the photograph. To do this, choose the clone stamp tool from the toolbar. Roll your mouse over the icon to verify that it is the clone stamp tool.

Upload: nguyenkiet

Post on 05-Feb-2018

264 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

ADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on all computers in Trexler Library’s Information Commons. Photoshop can be used in countless ways for countless kinds of projects. These exercises will introduce you to a few of Photoshop’s basic tools and options. EXERCISE 1. Remove an Object from an Image 1. Open Photoshop. Choose the Start button in the lower left corner of your screen. Then choose Programs -- Adobe Design Premium CS3 -- Adobe Photoshop CS3. 2. Open image. From your Photoshop menu, choose File -- Open. Find the Photoshop Training folder in the My Documents folder. Select the document titled ruby.psd. 3. Remove portion of image. The left sidebar of your Photoshop screen displays your available tools. You are going to erase the skull graphic from the photograph. To do this, choose the clone stamp tool from the toolbar. Roll your mouse over the icon to verify that it is the clone stamp tool.

Page 2: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

2

To remove the skull graphic, you will have to cover the area over with copies of the cement sidewalk. The clone stamp tool lets you choose an area and then rub that over another region in the image. Select an area of plain cement. Click on that area of the cement with your mouse while holding down the Alt key on your keyboard. You will see that your cursor circle turns into a target when you do this. You are choosing the source of what your cover-up will look like. Move your mouse to the skull portion of the photograph. Click your mouse over the skull. You will see that the skull gets replaced with cement. Continue running the mouse over the skull to apply the cement stamp. You will likely have to re-select an original area of cement to reapply throughout the process. (Press the Alt key while clicking over cement to do this.) The images below demonstrate the removal of the skull from the photograph.

EXERCISE 2. Cut Out Portions of an Image Please note that this exercise will introduce you to only one of the many ways you can remove portions of an image. Other methods may be more appropriate for different scenarios. 1. Open image. From your Photoshop menu, choose File -- Open. Find the Photoshop Training folder in the My Documents folder. Select the document titled roscoe.psd. 2. Select image of dog from photograph. You are going to cut the dog out from this photograph, so that you may place him in another photograph. To do so, you will use the magnetic lasso tool.

Page 3: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

3

To find the magnetic lasso tool, click on the arrow in the lower right corner of the lasso icon. Choose magnetic lasso from the list. As you can see, each tool has multiple variations in its tool family. Each type of lasso has a different purpose. The magnetic lasso will recognize the outline of a shape as you click around it, helping you to cut out just Roscoe.

With the magnetic lasso tool selected, begin clicking around Roscoe’s body at regular intervals to highlight his outline.

You will end up at your starting point, closing the loop around his body. When you have returned to your initial click, a dotted line will display around him.

With Roscoe’s body lassoed, choose the Copy option in the Edit menu at the top of your Photoshop screen.

Page 4: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

4

3. Open second image. From your Photoshop menu, choose File -- Open. Find the Photoshop Training folder in the My Documents folder. Select the document titled grassyfield.psd.

Paste Roscoe’s body onto the grassy field photograph by choosing the Paste option from the Edit menu at the top of your Photoshop screen. To move Roscoe to a different location in the field, select the move tool. Click and drag Roscoe to a new location.

If attempting to move Roscoe, be sure the appropriate layer is selected in your layers area.

Page 5: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

5

EXERCISE 3. Create a Venn Diagram 1. Open a blank canvas. From your Photoshop menu, choose File -- New. In the New dialog box, change width and height units to inches and choose an appropriate size (e.g., 7 inches by 7 inches). Click OK.

2. Make two circles. To find the tool to make circles, click on the arrow in the lower right corner of the rectangle tool. Choose the ellipse tool from the list.

Page 6: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

6

With your mouse, draw a circle on the canvas. To keep your circle round and proportional, hold down the shift key while you draw.

Layers help you manage the different parts of your images. Note that a new layer was created, by default, for your first circle. This tool bar controls your various layers.

In preparation for making your second circle, click the page icon to create a new layer.

Verify that you still have the ellipse tool selected. Draw your second circle.

Note that your second circle is on a separate layer (Shape 2) in your layers tab.

Page 7: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

7

Select the move tool to position your circles so that they overlap.

You will only be able to move a circle when its layer is selected.

To change the color of each circle, double click on the color box in the each layer. In the color dialog box for the first circle, select a color. Click OK.

Do the same for the second circle.

Lighten the circles and make them transparent by choosing a fill percentage (e.g., 58%). Select each layer to change the fill for each circle.

Page 8: ADOBE PHOTOSHOP CS3 create graphics · PDF fileADOBE PHOTOSHOP CS3 Adobe Photoshop CS3 is a software package that allows you to create graphics and edit images. It is available on

8

3. Add text to and around the circles. Add a new layer from the layer toolbar. (See lower right corner of image to right.) Choose the text tool. Draw a text box. Type the text you wish to enter. If necessary, you can reposition the text box. Move your mouse around the text box until you see the 4-arrow icon ( ). Click and drag the text box to the appropriate location. Add a new layer for each text box you wish to add. (See lower right corner of above image.) Draw a text box and enter the text you wish to include. Repeat for each text section.

Learn More About Photoshop The Help section in the Photoshop program can provide more information about Photoshop’s tools and capabilities. Other tutorials are available online, including many helpful videos on YouTube.

March 2008 (JJ)