Friday, July 26, 2013

Appendix A & Appendix B

Name:
Jessica Stephens
Student Number:
X00147734

Shelly Cashman Photoshop CS 4
Appendix A & Appendix B Assignment

Answers to this exercise can be found in the Shelly Cashman Appendix A & B: PDF  document, posted under CONTENT in D2L.  If it takes too long to download, the document is also available here:
This file may take a while to download to your computer, so be patient!
DIRECTIONS:
  1. Answer all questions below, briefly but completely.
  2. Change the color of the answer to BLUE.
  3. When this sheet is complete, copy the information and images into a new blog post.

FROM APPENDIX A: Project Planning Guideline
List and briefly describe the 4 project planning guidelines:
1.
DETERMINE THE PROJECT'S PURPOSE-
Why are you undertaking the project?

2.
ANALYZE YOUR AUDIENCE –
Who are the people who will use your work?

3.
GATHER POSSIBLE CONTENT-
What graphics exist, and in what forms?

4.
DETERMINE WHAT CONTENT TO PRESENT TO YOUR AUDIENCE-
What image will communicate the project's purpose to your audience in the most effective manner?


FROM APPENDIX B: Graphic Design Overview
1. Define the following terms regarding GRAPHIC DESIGN (terms are listed in alphabetic order):
  1. Balance Symmetry with the image or just even colors complementing each other.
  1. Closure Composing objects from small parts and spaces allows a design to breathe and creates visual interest.
  1. Continuance
  1. Contrast describes the visual differences between elements; it adds variety to a design and helps to draw the viewer's focus.
  1. Device dependency
  1. Dominance critical principle in controlling viewer focus.
  1. Negative space refers to the space in your design that does not contain information
  1. Pixel
  1. Proximity relative space between elements
  1. Public-domain images
  1. Repetition Repeating a visual element
  1. Resolution
  1. Royalty-free images
  1. Stock art
  1. Unity refers to the concept that all elements within a design work well together to form a whole
  1. White space

2. Define the following terms regarding COLOR TERMS (terms are listed in alphabetic order):
  1. CMYK color
  1. Color relativity
  1. Color scheme: Analogous
  1. Color scheme: Complementary
  1. Color scheme: Monochromatic
  1. Desaturated colors
  1. Hue
  1. L*A*B color
  1. RGB color
  1. Saturation
  1. Shade
  1. Tint
  1. Value

3. List what emotions are often associated with these colors:
  1. Black evil, death, or mourning, but also mystery intelligence , and power
  1. Blue authority, stability, loyalty, and confidence or sadness
  1. Green growth, tranquility luck, money, and health but also jealousy
  1. Red love, passion, and comfort - sin, hell, and danger
  1. White cleanliness, purity, and hope

4. List 5 factors that contribute to the readability of text:
  1.
  2.
  3.
  4.
  5.

5. Explain the responsibilities of the CLIENT in the client/designer relationship:




6. Explain the responsibilities of the DESIGNER with regard to customer service:






7.      PUBLIC DOMAIN PHOTO SITES: Appendix B (page 22) mentions several sites where you can find PUBLIC DOMAIN PHOTOS, including Flickr, Morgue Files, and Uncle Sam’s Photos.
  1. Go to the sites listed and find the suggested image type.
  2. Save the image and insert where indicated. If you have trouble inserting the image:
·        Take a SCREEN SHOT of the image by holding the CTRL key down and tapping the PRINT SCREEN button on your keyboard (the key probably says PRTSC or something similar), and then paste it into PHOTOSHOP or GIMP.
·        CROP the excess from around the image (from PICTURE TOOLS, click the CROP tool on the right side of the Ribbon).
·        Save the image and then insert into this document on your blog.
Uncle Sam’s Photos:  http://www.unclesamsphotos.com/
On the home page, you will see several categories of images. Click on the SCIENCE category. Find an amazing image of the EARTH FROM SPACE and insert here:


Search for a beautiful image of a TALL SHIP and insert here:



Search for a colorful image of a FLORIDA PANTHER and insert here:



8.    BLOG: Create a new blog post and insert the information and images from this sheet in the new post.



Visual Communications

Name:
Jessica Stephens
Student Number:
X00147734

Graphics and Visual Communications Management, Chapter 1
Answers can be found in the Graphics and Visual Communications Management, Chapter 1 document, posted under CONTENT in D2L.

DIRECTIONS:
  1. Answer all questions below, briefly but completely.
  2. Change the color of the answer to BLUE.
  3. When this sheet is complete, copy the information and images into a new blog post.

Graphics and Visual Communications Management, Chapter 1
1.     Document design decisions:
List 10 questions you should consider when designing a document that affect readability and visual appeal of the document:
1.  How should the document be laid out?
2.  How much space should I leave on the page?
3.  What font should I choose?
4 How do I show different levels of headings?
5.  How do I effectively combine type styles?
6. How long should text lines be?
7. What fonts do I use for headings?
8. Once a font is chosen how do I make it look nice yet remain readable?
9 When should I center text?
10. What margins should I choose?

2.     Page layout considerations:
  1. What is the size of the standard size/layout of most business reports, memos, and letters?
single 6 1/2" column on an 8 1/2" by 11"

  1. What is the purpose of a grid in page layout design?
 allows consistent placement of text and graphics throughout a
multipage document.

  1. Why would a designer choose a multi-column layout instead of a single column layout?
When there are many paragraphs.


  1. What is the importance of “white space” in page layout design?
Strategic use of white space can “enhance readability, help to emphasize important points, and lighten the overall look of the document


  1. What is the optimum line length of a line of text?
35 and 70 Characters                                                                        


  1. What happens to readability if the line is too short?
break up units of words that the reader expects to read together, thus making the reader work harder to discern the message.

  1. What happens to readability if the line is too long?
require the reader to move his or her head to read to the end of the line, thus causing fatigue when reading long documents

  1. Describe these text alignment terms:

  1. Fully justified: text is set flush left and flush right

  1. Left justified: flush left, the lines of type align along the left margin but not the right

  1. Right justified: flush right, the lines of type align along the right margin but not the left

  1. Centered: centering the lines one over the other so that both the left and right sides are ragged.


3. Font/file  considerations:

1.      Describe the difference between serif fonts and sans serif fonts:
A serif typeface has small, horizontal strokes that extend from the end of the vertical strokes.
A sans serif typeface lacks those small horizontal strokes.

2. List three serif fonts and change them into their actual font (for example: Times New Roman):
a. Garamond
b. Caslon
c. Georgia
3. List three sans serif fonts and change them into their actual font (for example: Verdana):
a. Franklin Gothic
b. Gill Sans
c. Helvetica

  1. What is a PDF file and why are PDF files commonly used?
Portable Document Format. Captures the exact look of a document as it would appear when printed. Portable across computer platforms and will look identical on Windows and Macintosh operating systems.


5. What happens if a font in the document is NOT installed in the computer?


6. With regard to font size: 1 point equals how many inches?
1/72 of an inch
7. What is the optimum point size range for good readability?
9 to 12 points
8. Define these terms with regard to font size:
a. x-height
b. ascender
c. descender

9. Explain why some fonts may appear larger than others even if they are the same point size.


10. a. What is leading? (NOTE: This pronounced “led-ding” NOT “leeding”)

  b. Why is leading “set solid” not advised?

11. When is it most appropriate to use type styles such as bold and italics?


12. WHY IS IT DIFFICULT TO READ BLOCKS OF TEXT THAT ARE ALL IN UPPER CASE?


13.  Explain the basics of using fonts, font sizes, and styles to create a hierarchy of information in a lengthy document:




4. Document design exercise:
Follow the directions below to practice the design principles found in this chapter. You need to be in MS WORD to complete this assignment.   You may want to print these directions so you can more easily follow them as you work through this exercise.
  1. Go to the end of this document: CTRL END
  2. Insert a page break to create a new page: CTRL ENTER
  3. Type in this title: Document Design Considerations
  4. Select the title by dragging the cursor over the title text.  Try the following shortcuts to change the style of the title:
·         CTRL I        (italics, repeat to un-italicize)
·         CTRL U      (underline, repeat to remove underling)
·         CTRL B       (bold, repeat to un-bold—leave the title bold)
·         CTRL R       (right justify)
·         CTRL L       (left justify)
·         CTRL E       (center—leave the title centered)
·         SHIFT  CTRL  >  (increase font size, do this several times, then SHIFT CTRL < to decrease font size)
·         SHIFT   F3 (change case,  NOTE: F3 is one of the function keys at the top of the keyboard. Try this shortcut several times to cycle through the cases)
·         CTRL D    Design, opens FONT dialog box; change colors, fonts, sizes, styles; try many of these
  1. Body:  Press the ENTER key twice after the title. Press CTRL L to left justify the body. Change the font to CALIBRI and font size to 11 points (no bold or italics, etc.). Type in the following formula to create 3 paragraphs of “fill text” with 7 sentences in each paragraph:
=rand(3,7)   then press the ENTER key to create the fill text
  1. Click in the middle of the second paragraph. TRIPLE-click to select the paragraph. Try these shortcuts with the selected paragraph:
·         CTRL M     (to indent or move the paragraph; SHIFT CTRL M to move it back)
·         CTRL 2       (double space, CTRL 1 to single-space—leave as single-spaced)
·         To create columns: On the ribbon: PAGE LAYOUTĂ COLUMNSĂ TWO
  1. Save this file with CTRL S

5. BLOG: Create a new blog post and insert the information and images from this sheet in the new post.


Photoshop: Chapter 6: Photoshop Interface and Textbook Blog

Name:
Jessica Stephens
Student Number:
X00147734

Photoshop: Chapter 6: Photoshop Interface
and Textbook Blog

The native file type for Photoshop is PSD, so you may often see the abbreviation PSD to refer to Photoshop.

PART 1: READ Chapter 6 from Photoshop CS 6 Visual QuickStart Guide, then:
  1. Answer all questions below, briefly but completely.
  2. Change the color of the answer to BLUE.
  3. Copy this information and paste in a new post in your DIGITAL GRAPHICS blog.

Tools Panel:
Photoshop has so many tools, it collects them under tool buttons on the Tools panel. Look on pages 102-104 for the Tools panel; you will see that the second button down (the selection tool called the RECTANGULAR MARQUEE TOOL) has a little black triangle in the lower-right corner. In Photoshop, if you click on this, you will see the box appear that contains other selection tools.

Briefly describe the  purpose of the following Photoshop tools:
1.       Elliptical Marquee Tool (NOTE: Photoshop calls the “marching ants” in a selection a marquee)
               Magnetic Lasso Tool  Creates freehand selections that snap to high-contrast edges in an image
1.       Quick Selection Tool Selects shapes that it detects in the image
2.       Magic Wand Tool Selects pixels that are similar in color to the one that’s clicked
3.       Crop Tool Crops the image (unconstrained or fixed ratio)
4.       Eye Dropper Tool Samples colors from an image
5.       Ruler Tool Measures a distance or angle, or straightens the image
6.       Healing Brush Tool Corrects flaws based on a sampled area
7.       Content-Aware Tool Repositions or extends an area of an image
8.       Brush Tool Applies brush strokes
9.       Mixer Brush Tool Simulates traditional paint strokes; allows colors to mix and smudge
10.   History Brush Tool Restores pixels from a history state or snapshot
11.   Background Eraser Tool Erases a sampled color area to transparency
12.   Gradient Tool Creates soft blends between two or more colors
13.   Sharpen Tool Sharpens edges and details
14.   Smudge Tool Smudges colors
15.   Dodge Tool Lightens pixels
16.   Burn Tool Darkens pixels
17.   Pen Tool Draws curved or straight-edged shapes or paths
18.   Horizontal  Type Tool Creates horizontally oriented editable type
19.   Vertical Type Tool Creates vertically oriented editable type
20.   Ellipse Tool Creates oval shape layers or paths
21.   Hand Tool Moves a magnified image in the document window
22.   Zoom Tool Changes the document zoom level
23.   Set Foreground Color Tool Displays (and lets you change) the current Foreground color

Other Photoshop Panels:

Briefly describe the  purpose of the following Photoshop panels:
1.       Actions panel
An action is a recorded sequence of commands that can be replayed on one image or on a batch of images.
2.       Adjustments panel
Each button on the Adjustments panel produces a different kind of adjustment layer, which you can use to apply flexible color and tonal edits and corrections to an image
3.       Brush panel
Use the Brush Presets panel to store, display, and choose from an assortment of predefined and user-created brush presets
4.       Channels panel
The Channels panel lists and displays the thumbnails for all the color channels in the current document
5.       Character panel
You can choose attributes for the type tools on the Character panel
6.       Color panel
After selecting a color model from the panel menu, you can either mix a color via the sliders or quick-select a color by clicking in the color ramp.
7.       Histogram panel
On the Histogram panel, you can view a graph of the distribution of tonal (light and dark) values in the current image, and compare them with modified tonal values as you apply color and tonal adjustments.
8.       History panel
Each edit that is made to a document during the current work session listed as a separate state on the History panel, from the “Open” unedited state of the document at the top to the most recent state at the bottom
9.       Info panel
The Info panel provides up-to-the-minute data about your document.
10.   Kuler panel
free, Web-hosted Adobe application that lets users create and upload color groups, called color themes
11.   Layers panel
Using the Layers panel, you can create, hide, show, duplicate, restack, group, link, lock, merge, flatten, and delete layers..
12.   Navigator panel
Using the Navigator panel, you can move a magnified image in the document window, change the document zoom level, or target an area for magnification
13.   Paragraph panel
When creating or editing paragraph type, you can use the Paragraph panel to apply paragraph-level settings, including horizontal alignment, indentation, spacing before, spacing after, and automatic hyphenation.
14.   Properties panel

15.   Styles panel

16.   Swatches panel

17.   Timeline panel

                       
PART 2: Photoshop & Illustrator Textbook Blog
The Quickstart textbook authors, Elaine Weinman and Peter Lourekas, maintain a Photoshop and Illustrator blog with “tips, tutorials, and design concepts” to supplement the Quickstart Guide books. You will subscribe to this blog and follow it during the class term (you may unsubscribe when the course is over, or you may decide to continue following this blog to learn more about Photoshop and Illustrator after the class is over).
1.       Follow these instructions to find and follow the blog:
2.       Go to: http://elaineandpeter.com
3.       Scroll throughout the page to see the latest postings.
4.       Previous Postings: Notice the previous months listed on the right; click several of them to see other graphics postings. (You can also use the CATEGORY dropdown list or the SEARCH box to find specific topics of interest.)
5.       Subscribe: Scroll down the page and look for the Subscribe via Email to receive new post updates. Enter your gmail email address to subscribe, then click SUBMIT.
6.       WORD PRESS: Scroll to the very bottom of the blog and look on the right; do you see this blog is powered by WORD PRESS? WORD PRESS, like BLOGGER, is a free, popular blogging tool. (If you would like to find more about WORD PRESS, click on the POWERED BY WORD PRESS link. Note: WORD PRESS must be downloaded in order to use it, while BLOGGER is a cloud blog application.)
Textbook Blog Post: SILHOUETTES  
From the Quickstart blog, scroll down to find the SEARCH box. Enter the word SILHOUETTES (be careful to spell this correctly! Or just copy and paste from this document.) then click the Search button. Scroll down through the post and click on the CONTINUE READING link.
1.       Explain the technique described in this posting and ways in which you could use it:


2.      Scroll down to find the cup of coffee silhouette pasted on the cafĂ© tables. Click the image, then save it, and paste it here:
Coffee Cup Image:

Other Photoshop Blogs:
From GOOGLE, search for PHOTOSHOP BLOG. Look through some of the results and click on several blogs. Choose one posting that you liked and provide this information:
1.       Blog Address (copy from address bar at the top of your browser window):
2.       Blog Posting (describe the technique discussed in the blog posting):