course notes an introduction to photoshop · • basic color painting • image color correction...

10
COURSE NOTES COURSE NOTES COURSE NOTES COURSE NOTES COURSE NOTES An Introduction to Adobe Photoshop p.1 Instructor: Pamela C. Evans e-mail: [email protected] 4th level McConnell Library phone (540)831-5974 hours same as library homepage http://lib.runet.edu:83/ multimedia e-mail [email protected] An Introduction to Photoshop An Introduction to Photoshop An Introduction to Photoshop An Introduction to Photoshop An Introduction to Photoshop Goals Goals Goals Goals Goals Understanding what Photoshop does Selecting and moving images Viewing and arranging layers Using image filters Basic color painting Image color correction and touch-up File saving What is Photoshop? What is Photoshop? What is Photoshop? What is Photoshop? What is Photoshop? Color Painting Photo Correctionn Image Editing Images that Photoshop Recognizes Images that Photoshop Recognizes Images that Photoshop Recognizes Images that Photoshop Recognizes Images that Photoshop Recognizes Photo CD Photo CD Photo CD Photo CD Photo CD Insert CD and open photo file within Photoshop application Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting Programs Export file from program in a graphic format recognizable by Photoshop Scans Scans Scans Scans Scans Lesson #1 Selecting Lesson #1 Selecting Lesson #1 Selecting Lesson #1 Selecting Lesson #1 Selecting 1. Open farm.psd, sammie.psd and sun.psd files 2. Select sun.psd file - Select sun from file using elliptical marquee tool 3. Drag sun to farm.psd window using move tool

Upload: others

Post on 30-Aug-2019

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.1

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

An Introduction to PhotoshopAn Introduction to PhotoshopAn Introduction to PhotoshopAn Introduction to PhotoshopAn Introduction to Photoshop

GoalsGoalsGoalsGoalsGoals· Understanding what Photoshop does· Selecting and moving images· Viewing and arranging layers· Using image filters· Basic color painting· Image color correction and touch-up· File saving

What is Photoshop?What is Photoshop?What is Photoshop?What is Photoshop?What is Photoshop?· Color Painting· Photo Correctionn· Image Editing

Images that Photoshop RecognizesImages that Photoshop RecognizesImages that Photoshop RecognizesImages that Photoshop RecognizesImages that Photoshop Recognizes· Photo CD Photo CD Photo CD Photo CD Photo CDInsert CD and open photo file within Photoshop application· Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting Programs Computer Illustration and Painting ProgramsExport file from program in a graphic format recognizable by Photoshop· Scans Scans Scans Scans Scans

Lesson #1 � SelectingLesson #1 � SelectingLesson #1 � SelectingLesson #1 � SelectingLesson #1 � Selecting1. Open farm.psd, sammie.psd and sun.psd files

2. Select sun.psd file - Select sun from file using elliptical marquee tool

3. Drag sun to farm.psd window using move tool

Page 2: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.2

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

4. Rotate graphic about 30 degrees clockwise by selecting Edit>Free Transform

5. Select sammie.psd file � Select magic wand tool

6. Show options palette by choosing Window>Show Options. If menu says Window>HideOptions the options palette is already open. In Magic Wand Options set tolerance to 30 pixels

7. Click on white background using magic wand tool

8. To select Sammie choose Select>Inverse

9. To move Sammie to farm.psd hold down Control for the move tool , position over

Sammie and drag to farm.psd

Page 3: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.3

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

10. Resize graphic to about 80% of its current size (scale proportionately by pressing down Shift

while scaling) and move to right using Edit>Free Transform

11. File>Save As Virginia.psd (keep file open)

12. Close other files without saving

Lesson #2 - Layers - Viewing and ArrangingLesson #2 - Layers - Viewing and ArrangingLesson #2 - Layers - Viewing and ArrangingLesson #2 - Layers - Viewing and ArrangingLesson #2 - Layers - Viewing and Arranging

1. Show layer palette by choosing Window>Show Layers

2. Select flowers layer at eye icon column (far left) to display layer

3. Click another layer at eye icon to hide and redisplay layer

Page 4: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.4

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

4. Drag flower layer to top of layer list to restack layers in different order

5. Select flower layer and change opacity to 90%

6. Select type tool and click image in the upper left hand corner

7. Select font (Lucida Sans, Demibold Roman), size (22 pt), leading (40 pt), tracking (-60) andleft alignment

8. Type SEE VIRGINIA in text box

Page 5: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.5

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

9. Click on Color in the type tool palette to get color palette. Drag pointer to Virginia.psd file to

get the eyedropper tool. Click on the green stem of a flower to select green color

10. Select VIRGINIA and make a large pt size (46)

11. Make sure text layer is active layer12. Add effect by choosing Layer>Effects>Bevel and Emboss, selecting Inner Bevel for style,

Depth 8 pixels and Blur 6 pixels

Page 6: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.6

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

13. Change text by double clicking on T on the SEE VIRGINIA layer. Select SEE and change to

VISIT

14. File>Save

Lesson #3 � FiltersLesson #3 � FiltersLesson #3 � FiltersLesson #3 � FiltersLesson #3 � Filters1. Select farm in Layers palette to make active

2. Choose Filter>Artistic>Dry Brush to create a painted effect

3. Choose Filter>Stylize>Wind to add wind effect

4. Select File>Revert to revert to previously saved file

Page 7: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.7

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

Lesson #4 � PaintingLesson #4 � PaintingLesson #4 � PaintingLesson #4 � PaintingLesson #4 � Painting

1. Select Layer>New Layer and name it paint

2. Select paintbrush tool

3. To activate the Brush palette select Window>Show Brushes and select the 35-pixel brush

4. Switch colors in color selection box to make foreground color white

5. Paint a white wavy line under text

6. Hold down Alt to temporarily select eyedropper tool

7. Select yellow color from flowers8. Change opacity in options palette to 50% and paint a yellow wavy line under the white line

Page 8: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.8

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

9. Select green color from flower stems, change opacity to 30%, select wet edges and paint a

green arc under and over yellow arc

10. Display History palette by choosing Window>Show History

11. Click Open in List

12. To select a green swatch choose Window>Show Swatches and select a green color

13. Select linear gradient tool

14. In the Linear Gradient Options palette choose Foreground to Transparent for gradient, 50%

opacity and Multiply mode

15. Select background layer and drag gradient tool from bottom right to top left corner of back-ground

16. File>Save

Lesson #5 - Retouching � LevelsLesson #5 - Retouching � LevelsLesson #5 - Retouching � LevelsLesson #5 - Retouching � LevelsLesson #5 - Retouching � Levels1. Select Layer 2 (sammie) to make active2. Set contrast and tonal levels by choosing Image>Adjust>Levels

Page 9: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.9

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

3. Select preview option and drag left and right triangle inward to where the spikes begin

4. Choose Image>Adjust>Color Balance5. Select preview option, drag top slider away from cyan to red (5) and drag bottom slider from

blue to yellow (-15)

6. Select Zoom tool and click on scratch to zoom in on scratch on Sammies hair

7. Select rubber stamp tool

8. Choose a small feathered brush in the second row of the Brushes palette

9. Place the rubber stamp tool over Sammie�s hair next to the scratch10. Hold down Alt to sample area of hair above or beside scratch

Page 10: COURSE NOTES An Introduction to Photoshop · • Basic color painting • Image color correction and touch-up • File saving What is Photoshop? • Color Painting • Photo Correctionn

COURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTESCOURSE NOTES

An Introduction to Adobe Photoshop p.10

Instructor: Pamela C. Evans � e-mail: [email protected]

4th levelMcConnell Library

phone (540)831-5974hours same as libraryhomepagehttp://lib.runet.edu:83/[email protected]

11. Drag rubber stamp tool to paint over scratch

12. Select zoom tool, hold down Alt and click on image to zoom out

13. File>Save

Lesson #6 - Saving the FileLesson #6 - Saving the FileLesson #6 - Saving the FileLesson #6 - Saving the FileLesson #6 - Saving the File

1. Choose Layer>Flatten Image

2. Choose File>Save As3. Enter new filename and select a format such as JPEG for web images or TIFF for printed

images