A few more) Photoshop Exercises Foundations of Digital...

13
MMA 100 Foundations of Digital Graphic Design Clare Ultimo • (A few more) Photoshop Exercises • Assignment 02 Review • Assignment 03 Workshop

Transcript of A few more) Photoshop Exercises Foundations of Digital...

Page 1: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

MMA 100Foundations of Digital Graphic Design Clare Ultimo

• (A few more) Photoshop Exercises• Assignment 02 Review• Assignment 03 Workshop

Page 2: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Masking using the Polygonal Lasso Tool & Feather

Exercise: Show a specific area of a photo through a layer above.

> Open Fireworks.jpg. Duplicate layer.> Working with/on Layer 2: Go to> Image> Desaturate This layer is now B/W.

Open fireworks.jpg

Page 3: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Masking using the Polygonal Lasso Tool & Feathering

1. Working on the B/W layer, go to the Polygonal Marquee Tool and select the fireworks area loosely! p.s...do not even try to silhouette the edges of the burst.

2. Once you have selected the area of the fireworks, go to Select>Feather

3. Feathering blurs the edges of your selection, so it becomes soft and not hard. The larger the number here, the softer the edge. Choose 40 in the Feather Dialogue box.

1. 2.

3.

Page 4: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Masking using the Polygonal Lasso Tool & Feather

Once you have selected the Feather,press “Delete” and this area of this B/W layerwill disappear and show the color fireworks area below.

Notice if you save it now, it will now save as a .psd doc, not a jpg doc. Do you know why?

Page 5: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Use a brush to create photo edge Silhouette

Page 6: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

1. Open BrushBackground.jpg

2. Create New Layer. You will be using the Brush Tool on this New Layer.

2. Click on Brush Tool

3. Pick a rough Brush from Brush palette on top.

4. Pick a very wide brush diameter. Go for about 250 pixels wide.

5. Make sure Black is in the front in the Color Palette.

6. Paint some brush strokes on this new layer in black.

Page 7: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

7. If you don't like what you did, create another New Layer and work on that one. Make sure the first one you made is not showing. (click off the "eye" on that layer)

8. Once you get some brush strokes you like, go to the Magic Wand tool and click in the middle of the black paint.

9. Once you have the paint selected, go to the Nature Background layer and press Command C.

10. Click Command V and you will see it appear in a new layer.

11. See that layer by clicking off all other layers.

Page 8: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

The “Kiss”

Page 9: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Assignment 2: In 2 Parts > DUE THURS JUNE 13

1. Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance) pp 61-67 (Scale)

•TakesimplebulletpointseitherbyhandorinaWordDocandbringinnextclass.

2. Using Adobe Illustrator:Create a visual interpretation of the word/concept: “kiss”. This does not have to be romantic or even involve people. Abstraction is fine. Think about what happens when things, colors or shapes “kiss” each other.

OR

Using the Specifications below, create any kind of illustration you want; title it so it makes sense tothe viewer.

Specification:8” x 8”Once you complete, save original .ai file and also.pdf file in a folder titled:Assign02_YourName

CheckoutAdobeIllustratortutorialsonlineanddon’tforgettouseLynda.comforfreehelp.

Prof. Clare Ultimo

Please note: ALL EMAIL SUBJECT LINES MUST SAY: MMA100

Borough of Manhattan Community CollegeThe City University of New YorkDepartment of Media Arts and Technology

MMA 100 Foundations of Digital Graphic Design Summer 2019

Class Materials:www.ultimobook.com/bmcc/mma100

Page 10: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

nature & humanityphotoshop assignment workshop

Page 11: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Assignment 3: In 2 Parts > DUE THURS JUNE 20

1. Read from “Graphic Design: The New Basics” pp 116-127 (Framing) •TakesimplebulletpointseitherbyhandorinaWordDocandbringinnextclass.

2. Using Photoshop:Create a piece of art that expresses the concept of “human + nature”...You must use at least 3 of the tools we have learned in Photoshop so far.Specifications: 10” x 10” 72ppi

To submit:YourName_Assign03Folder Titleofart_psd Titleofart_jpg

CheckoutAdobePhotoshoptutorialsonlineanddon’tfor-gettouseLynda.comforfreehelp.

Online Adobe Photoshop Resources/Tutorials:

http://www.hongkiat.com/blog/best-photoshop-tutori-als-2015/

http://graphicdesignjunction.com/2014/07/best-photoshop-tutorials-2014/

http://www.digitalartsonline.co.uk/features/illustration/83-best-photoshop-tutorials/

Prof. Clare Ultimo

Please note: ALL EMAIL SUBJECT LINES MUST SAY: MMA100

Borough of Manhattan Community CollegeThe City University of New YorkDepartment of Media Arts and Technology

MMA 100 Foundations of Digital Graphic Design Summer 2019

Class Materials:www.ultimobook.com/bmcc/mma100

Page 12: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

Saving your PSD files...

A PSD file is a Photoshop File.

YOU MUST ALWAYS KEEP YOUR ORIGINAL PHOTOSHOP DOCUMENT WITH ALL ITS LAYERS.

Why do you need to ALWAYS keep the original layered

Photoshop file in your project records?

BECAUSE If you need to change something that was originally on its own layer and you don't have it on a

separate layer anymore, you may have to start the job all over again!!

In a flattened file (.jpg, .png .tif) all the elements are on one layer...it would be really hard to change one thing easily

without starting over.

Page 13: A few more) Photoshop Exercises Foundations of Digital ...ultimobook.com/bmcc/mma100/ClassLectures/Class10/... · Read from “Graphic Design: The New Basics” pp 48-59 (Rhythm/Balance)

photoshop workshop