INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. ·...
Transcript of INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. ·...
![Page 1: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/1.jpg)
INSTRUCTIONAL NOTESThere are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where they are most effective or used most often. This is NOT intended to be a comprehensive document but an INTRODUCTION to these concepts. Teachers are encouraged to include tools and features based on skill levels of students and teacher, as well as compare their uses in each of the programs.
1
![Page 2: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/2.jpg)
Objective 102.03 Compare and contrast digital graphics tools and their uses.
![Page 3: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/3.jpg)
PANELS IN PHOTOSHOP WORKSPACEo Options Bar o Document Panel o Tools Panel o History Panel o Color Panel o Layers Panel o Watch this video
Introduction to PhotoShop.
3
![Page 4: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/4.jpg)
CUSTOMIZE WORKSPACEo Your Photoshop workspace can be changed
to best meet your needs as a graphic editor. • Change document views • Rearrange/resize windows and panels • Add or remove tools on toolbar • Create and save custom workspace
o These same techniques can be used to customize other Adobe software.
4
![Page 5: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/5.jpg)
OPTIONS BARo Displays options for the currently selected
tool.
5
Options Bar with Type tool selected
Options Bar with Paint Bucket tool selected
![Page 6: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/6.jpg)
DOCUMENT PANELo Displays the file
you’re working on. o Multiple graphic
files can be opened and worked on.
o Grids and Rulers are measuring tools used to assist in the scaling, arranging, and spacing of design components.
6
![Page 7: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/7.jpg)
NON-PRINTING DESIGN ELEMENTSo Rulers help you accurately place and measure
objects in an document. o Grid appears behind your artwork and helps
you align items on the canvas. o Guides help you align text and graphic
objects. You can create vertical or horizontal ruler guides.
o Smart Guides are temporary snap-to guides that appear when you move objects. They help you align, edit, and transform objects relative to other objects.
7
![Page 8: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/8.jpg)
TOOLS PANELo Contains tools for
creating and editing images, artwork, page elements.
o Related tools are grouped together.
o A small triangle at the lower right of the tool icon signals the presence of hidden tools.
8
![Page 9: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/9.jpg)
HISTORY PANELo Each time you apply
a change to an image, the new state of that image is added to the panel.
o Jump to any recent state of the image created during the current working session.
9
o Watch this video on the History Panel.
![Page 10: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/10.jpg)
QUESTIONS TO CONSIDERo How are the tools organized within the Tools
panel? How do you locate hidden tools? o When preparing a new graphic, when would a
grid be used in comparison to guides? o Explain when the History panel would be
useful to a design team?
10
![Page 11: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/11.jpg)
COLOR PANELo Displays the color
values for the current foreground and background colors.
o Using the sliders, you can edit the foreground and background colors using different color models.
11
Foregroundcoloristopsquareandbackgroundcolorisbottomsquare.
![Page 12: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/12.jpg)
SWATCHESo Use the Swatches panel to control colors,
gradients, and patterns. o Can also create tints in the Swatches panel.
12
![Page 13: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/13.jpg)
COLOR EDITING TERMS
o Gradient • A gradual change of
color within a design component.
o Pattern • A repeated decorative
design. o Eyedropper
• Used to pick up a color value from the image and sets it as the foreground color.
13
![Page 14: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/14.jpg)
QUESTIONS TO CONSIDERo How are the foreground and background
colors applied when selected in the color panel?
o Why would you use a gradient versus a solid color swatch?
o Describe some techniques to match color swatches exactly.
14
![Page 15: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/15.jpg)
LAYERS PANEL o Lists all layers, layer
groups, and layer effects in an image.
o Can show and hide layers, create new layers, and work with groups of layers.
o Layering - separating components of a design individually or into groups in order to make adjustments specific to the layer.
Introduction to Layers Video
15
![Page 16: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/16.jpg)
STACKING ORDERo The stacking order can be changed by
moving the layer in the Layers Panel. o Or by using Arrange and:
• Send to Back • Send Backward • Send to Front • Send Forward
16
![Page 17: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/17.jpg)
LINKED IMAGESThey remain independent of the new file. o Pros
• Keeps documents relatively small. • Allows you to edit your linked images in another
application and the edits will automatically be applied to the linked image within your document.
o Cons • Moving or deleting folders/files, can lead to
unlinked images. • Anytime you send the file containing the link to
someone else, you have to make sure to send the linked images as well.
17
![Page 18: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/18.jpg)
EMBEDDED IMAGESAre actually contained within the new document at full resolution. o Pros
• Self sufficient document – You do not have to worry about images unlinking.
o Cons • Can result in large document sizes. • Have to reimport images after editing them in
outside applications.
18
![Page 19: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/19.jpg)
QUESTIONS TO CONSIDERo Why would you embed vs link graphics?
19
![Page 20: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/20.jpg)
GRAPHIC EDITING TERMSo Cropping
• Eliminating unwanted parts of a graphic.
o Scaling • Changing a graphic’s size dimensions
(height and width).
20
![Page 21: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/21.jpg)
TYPES OF EDITINGDestructive Editing o Changes the original
photo in a way that cannot be reversed after saving and closing; i.e. cropping, deleting a selection.
Non-Destructive Editing
o Makes changes to the original photo that can always be reversed; i.e. masking.
21
![Page 22: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/22.jpg)
PHOTOSHOP PHOTO EDITINGo Retouching
• Removing unwanted elements and/or blemishes from a photo to enhance the visual quality.
o Adjusting Levels • Changing highlights, shadows, and mid-
tones of a photo.
o Exposure • The amount of light in a photo; under-
exposed is not enough light, while over-exposed is too much light.
22
![Page 23: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/23.jpg)
PHOTOSHOP PHOTO EDITINGSharpness o The property of a photo
that describes the clarity of detail.
Contrast
o The amount of separation between the darkest areas of a photo and the brightest areas; adding contrast causes a photo to look more defined.
23
![Page 24: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/24.jpg)
PHOTOSHOP PHOTO EDITINGo Smart Object
• Preserve an image’s source content with all its original characteristics, enabling you to perform nondestructive editing to the layer.
• Graphics can be embedded as Smart Objects or converted.
o Color Correction • Adjusting the color values of a graphic to make
them appear more realistic or to meet the desired effect (ex: red eye correction or changing tint).
24
![Page 25: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/25.jpg)
QUESTIONS TO CONSIDERo Explain how photos can be enhanced or
changed. o Why would you choose to use only non-
destructive editing techniques? o What are examples of non-destructive editing
techniques?
25
![Page 26: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/26.jpg)
FILTERS
o Preset effects applied to entire graphic used to quickly adjust a graphic’s appearance.
26
![Page 27: INSTRUCTIONAL NOTESwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10203sm18.pdf · 2018. 8. 4. · Non-Destructive Editing o Makes changes to the original photo that can always be reversed;](https://reader036.fdocuments.in/reader036/viewer/2022071104/5fde34bb7418284c6e1068be/html5/thumbnails/27.jpg)
LAYER STYLES
o Preset effects applied to graphics and/or text within a layer that add depth and dimension.
27