Semester I | STUDY GUIDE
2017
1. Be able to distinguish when to use PNGS,
GIFs and using JPGs.
PNGs are created from making screen shots.
PNGs are created in Fireworks.
We use these graphics on our websites.
GIFs are used when we create animations.
JPGs are used when we take photos.
2. Be able to list which files should be included
on the weebly website.
(1) Sky School Logo & T-Shirt 10-24
(2) Calendar 2018 - 11-1
(3) Career Flyer 11-3
(4) Pop Art 11-8
(5) ADEN Logo - 11-17
(6) Animation 11-22
(7) Holiday Cup 11-22
(8) Selective Coloring 11-28
(9) Colorize a Vintage Photo 11-30
(10) CBE Business Logo - 12-6
(11) Photoshop Manipulation 12-11
(12) Vintage Postcard 12-13
BONUS: Color Sphere
3. Be able to explain what kinds of files are
produced from Photoshop and Illustrator.
Photoshop= PSD
Illustrator = AI
4. Be able to identify which program shows
the metadata from a file.
Adobe Bridge
5. Be able to mix and match the descriptions
of the elements and principles of design.
Elements of design described here
are point, line, shape, form, space,
color, and texture. And I gathered
information about various design
principles, like the balance, proportion,
perspective, emphasis,
movement, pattern, repetition, rhythm,
variety, harmony, and unity.
6. Be able to identify f-stops and shutter
speeds. Know when to use them for
different circumstances.
7. Be able to identify which resolution and
color mode you should be using for web
graphics versus printed graphics.
Web resolution is 72
RGB is the color mode- millions of colors
Print resolution is 300
CMYK is the color mode (Cyan, Magenta,
Yellow, and Black)- thousands of colors
8. Be able to identify tools used in Photoshop
and Illustrator.
9. Be able to describe two methods of
importing graphics into weebly.
Upload file
Drag and drop
10. Be able to identify the 6 different lighting
patterns to use in the photography studio.
Split Lighting
Loop Lighting
Rembrandt Lighting
Butterfly Lighting
Broad Lighting
Short Lighting
11. Be able to identify the best unit of
measurement that should be used when
creating a website.
Pixels are for the screen / monitor / web
Inches are used for printing
Points are used to thicken strokes on lines or text. It's
also used to measure font size 12points, for example.
12. Be able to explain the process of saving
files for web and devices when using
Photoshop.
File > Export Save for Web
13. Be able to describe how you can review the
size of a document in Photoshop.
Image > Image Size
1

14. Be able to explain how you reduce or
increase the size of the graphic without
distorting the image.
Cmd T and HOLD SHIFT TO MAINTAIN
PROPORTION
15. Be able to explain the process of creating a
new website using weebly.
Sign for a new website by entering your
email address
16. Be able to identify which file extensions
match which software programs.
PSD = Photoshop, AI = Illustrator InDesign
= InDD
17. Be able to identify how to change the
camera mode from aperture priority to
shutter speed priority.
Aperture priority is AV and Shutter Speed
Priority is TV
18. Be able to explain how you can import an
image into an existing page and then
explain how to change the size of image
without distorting it.
HOLD SHIFT and MOVE ONLY THE CORNERS
(not the edges)
19. Be able to identify which file type is used to
create an animation in Photoshop.
GIF
20. Identify all of the different types of blend
modes and be able to identify how each
one changes a graphic.
21. Identify which keys are used to create a
copyright symbol using a Mac keyboard.
Option G
22. Identify 2 ways to protect your artwork
online.
Copyright symbol and watermark (light
colored writing over the image)
23. Identify the different layer styles and effects
offered in the layers panel.
Google "Photoshop layer styles" and paste
in an image
Semester I | STUDY GUIDE
2017
24. Describe how to use a new font in
Photoshop you have found online for free.
Download and install. Look for the new font
in the font list and use it.
25. Identify how to make a photo look old-
fashioned using Photoshop.
Image > Mode > Grayscale
26. Describe how to blur the background of an
image using Photoshop.
Select the background using a selection tool
and go to Filter > Blur (select blur type)
27. Describe how to remove acne from a photo
using Photoshop.
Spot healing tool
28. Describe how to add a vignette to a photo
in Photoshop.
Image > Adjustments > Gradient (radial)
29. Describe how to use a new Photoshop
brush you have found online for free.
Look for an ABR file, download and install
it
30. Describe the qualities needed in a quality
logo design.
Simple, easy to read font, communicates
message/ brand of the company/ person
31. Describe how to remove color from one
area of a photo, while keeping color on
other areas of the photo.
Sponge Tool
32. Describe how to rotate an image in
Photoshop.
To rotate the image and layer together,
go up to the menu bar > select "image"
> "image rotation" > desired rotation.
Use the transform tools, use Ctrl+T,
then take the cursor outside of the box.
You can rotate it by moving the cursor.
33. If a photo is too dark and shadowed, what
can you do in Photoshop to improve it?
Levels
34. What can you do to edit a photo in
Photoshop if the photo is too light?
Levels
35. What information is provided from a JPG
that was created using a DSLR camera?
Camera Lens, time date, dimensions, ISO,
shutters speed f stop, photo speed
36. What is missing from the metadata of a
PNG that would be provided in the
metadata of a JPG?
Date, Time, and Dimensions
2
 Semester I | STUDY GUIDE
2017
37. How would you increase the saturation of a 17. AltSpacebarclick or CtrlMinus()-
colored photo using Photoshop? zoom out
18. Tab- Hide/Show all tools and panels
38. Identify which colors should be used to 19. Shift-Tab- Hide/ Show all panels except
elicit different emotions or psychological tools panel and options bar
responses. 20. F- cycle through full screen modes
http://www.huffingtonpost.com/brian- 21. Cmd-shift-page up/down- scroll image left
honigman/psychology-color-design- or right in window
infographic_b_2516608.html 22. Cmd- drag in navigator panel- jump/zoom
to part of image
39. Identify different career paths available in 23. \- toggle layer mask on/ off as rubylith
the field of graphics, communication, 24. Cmd-Shift-N- Create new layer
and/or media. 25. Cmd- click layers- select non-contiguous
Graphic Designer, Typographer, layers
Videographer, Photographer 26. B= brush in PS
40. Be able to identify various filters and editing 27. A= Direct selection tool AI
options in Photoshop. 28. Click one layer, then shift- click another
layer- select contiguous layers
29. Delete key- Delete layer
30. Option-click layer mask icon- view
contents of layer mask
31. Shift-click layer mask icon- temporarily
turn off layer mask
32. Option- Drag- Clone layer as you move it
33. V= move and artboard tools
Write out 60 keyboard shortcuts related to Adobe 34. M= marquee tools
Photoshop, Illustrator, InDesign and general use of 35. L= lasso tools
the computer. Here is a link to get you started: 36. W= quick selection, magic wand
1. Cmd C = copy
37. C= crop and slice tools
2. Cmd V = paste
38. I= eyedropper
3. Alt- Drag slection- draw marquee selection
from center 39. J= Spot healing brush
4. Shift- add a selection 40. B=brush
5. Alt- subtract from a selection 41. S=clone stamp
6. Shift-Alt- Intersect with a selection 42. Y=history brush
7. Alt-drag selection- make copy of selection 43. E=eraser tools
when not in move tool 44. G=gradient
8. Ctrl-Alt-drag selection- make copy of 45. O=dodge
selection when not in move tool 46. P= pen tools
9. Arrow keys- move selection 47. T=type tools
10. Shift-arrow keys- move selection 48. A=path selection
11. Ctrl-click on layer thumbnail- select all 49. U=rectangle
opaque pixels on layer 50. H=hand
12. Ctrl-shift-D- reselect last selection 51. R=rotate view
Shift-F6-Feather selection 52. Z=zoom
13. Hold spacebar while drawing marquee-
53. D=default colors
move marquee while drawing selection
54. X=switch foreground and background
14. Doubleclick on Hand tool or Ctrl0- fit on
screen. colors
15. Doubleclick on Zoom tool or Ctrl1- 55. Q=quick mask mode
100% view level 56. F5= Show/Hide Brushes panel
16. CtrlSpacebarclick or CtrlPlus(+)- zoom 57. F6= Show/ hide color panel
in 58. F7= show/hide layers panel
59. F8=show/hide info panel

3
 Semester I | STUDY GUIDE
2017
60. Option- F9- show/hide actions panel
https://www.nobledesktop.com/shortcuts/photoshopc
c2017/pc

https://makeawebsitehub.com/adobe-photoshop-
keyboard-shortcuts

https://www.nobledesktop.com/shortcuts/illustratorcc
2017/mac

https://redokun.com/blog/indesign-shortcuts

http://jetsetcom.net/images/downloads/Bridge_CC_2
017_keyboard_shortcuts_2017_01_30.pdf