Wednesday, May 1, 2013

Adobe Illustrator: Twirl Tool: Biker Jacket Mandala

I opened a new image and placed a circle with gradient using the ellipse tool . I then used the Twirl Tool  across the circle to create a whimsical shape. I used the polar guide with 6 radial dividers to create the whimsical Mandala.




I opened a new layer with the shirt in it. I then placed the Mandala on top shirt. I make it look more realistic I used  Transparency --> overlay. I then used the pencil tool to line the path of my text.














I did the same method as the above picture to place the text and rose image. The rose was made by using the Polar grid with 6 concentric dividers, 0 radial divider, and fill grid. The fill is light pink and the stroke is dark pink. I then used the wrinkle tool and double-click on the pink grid. I change the stroke to 5 and change the brush to water color. I added whimsical leaves using ellipse tool with Twirl tool. 

Pen Tool 2: Adobe Illustrator: Tracing With the Pen Tool

I opened the post card image and traced the dog using the Pen Tool. I then opened a new layer placed the dog trace in it.








The first layer is a rectangle with white fill and black stroke. The second layer is the dog trace with black fill. I then added a filter-> stylize--> drop shadow.  The last layer is the text which I used the text tool.








I copied  previous image and deleted the rectangle. I then place the shirt into the layer and SENT IT TO BACK. I then placed the dog image on top of the shirt. I change the transparency to overlay.
 

The crane tool was mad using the Pen tool I filled it with live paint gradient. I placed it on the shirt doing the same procedure.

Pen Tool 3: Adobe Illustrator: PEN Tool: Drawing Curves Angel Fish Surf Boards

The angel fish image was made of 5 layers. The first layer is the back ground. I used the pen tool and created three different level of waver and used a blue to blend them together. The 2nd layer is the seaweed. I used the pen tool  form one point to another to draw a wavy,vertical line with fill and stroke. The 3rd layer is the angel fish. I drew the fish with the pen tool and the ellipse and added gradient. The 4th layer is the text tool and  clipping mask. The last layer I placed the surfboard image into it. I then copied the angle fish mask image and placed in on top of the surfboard.

Tuesday, April 30, 2013

Graphics and Visual Communications Management, Chapter 1


Name:
Alina Cancel
Student Number:


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. Upload  and convert this file into GOOGLE DOCS.
  4. PUBLISH this document as an HTML document from GOOGLE DOCS
  5. Add a link to the published document from your INDEX page

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 arrangement be
2. How lengthy should the text lines be (Typography)
3.  What font to use
How much white space should I use
5. In what way do I use visual design to show the hierarchy of data
6. What alignment should be used
7. What size font
8. Should there be section headings
9 Should I use graphics
10. Placement of graphics

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

  1. What is the purpose of a grid in page layout design?
It splits the page into units and allows consistent placement of text and graphics.

  1. Why would a designer choose a multi-column layout instead of a single column layout? Because it allow you to turn the page to landscape orientation while keeping text line to readable length.


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



  1. What is the optimum line length of a line of text? between 35 and 70 characters (or between 8 and 12 words)
                                                                                                          

  1. What happens to readability if the line is too short?  Because they break up units of words that the reader expects to read together.  
  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

  1. Describe these text alignment terms:
  1. Fully justified: When text is set flush left and flush right

  1. Left justified: The lines of type align along the left margin
  2. Right justified: is set flush right, the lines of type align along the right margin

  1. Centered: Is 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 and 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. Times New Roman
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. Verdana

4. What is a PDF file and why are PDF files commonly used? PDF files are portable across computer platforms and will look identical on Windows and Macintosh operating systems. It commonly used because it guarantees that your electronic document will look as you planned no matter what PC it is viewed on.

5. What happens if a font in the document is NOT installed in the computer?   Substitute fonts will be used.


6. With regard to font size: 1 point equals how many inches? One point is equal to 1/72 of an inch

7. What is the optimum point size range for good readability? within the
range of 9 to 12 points.
8. Define these terms with regard to font size:
a. x-height distance between the baseline and the mean line
b. ascender goes above the baseline
c. descender under the mean line

9. Explain why some fonts may appear larger than others even if they are the same point size. Because it has a larger x-hght


10. a. What is leading? (NOTE: This pronounced “led-ding” NOT “leeding”) The amount of space between lines of text.

  b. Why is leading “set solid” not advised? Because it require the reader to read more slowly to avoid taking in the next line of text before finishing reading the line above.

11. When is it most appropriate to use type styles such as bold and italics? To
emphasize a word or phrase,


12. WHY IS IT DIFFICULT TO READ BLOCKS OF TEXT THAT ARE ALL IN UPPER CASE? The consistency
forces the reader to work hard to separate between letters and to identify words at a glance.


13.  Explain the basics of using fonts, font sizes, and styles to create a hierarchy of information. In a lengthy document: I a lengthy document no more than two fonts should be used in a document. Heading font’s styles can help the reader distinguish highlight different levels in the 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




























Document Design Considerations

On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document. You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks. When you create pictures, charts, or diagrams, they also coordinate with your current document look. You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab. You can also format text directly by using the other controls on the Home tab. Most controls offer a choice of using the look from the current theme or using a format that you specify directly. To change the overall look of your document, choose new Theme elements on the Page Layout tab.

To change the looks available in the Quick Style gallery, use the Change Current Quick Style Set command. Both the Themes gallery and the Quick Styles gallery provide reset commands so that you can always restore the look of your document to the original contained in your current template. On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document. You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks. When you create pictures, charts, or diagrams, they also coordinate with your current document look. You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab. You can also format text directly by using the other controls on the Home tab.

Most controls offer a choice of using the look from the current theme or using a format that you specify directly. To change the overall look of your document, choose new Theme elements on the Page Layout tab. To change the looks available in the Quick Style gallery, use the Change Current Quick Style Set command. Both the Themes gallery and the Quick Styles gallery provide reset commands so that you can always restore the look of your document to the original contained in your current template. On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document. You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks. When you create pictures, charts, or diagrams, they also coordinate with your current document look.


Extra Practice: Fire House

I used the two rectangle that I combined with the pathfinder tool to make the building. A triangle is used for the roof which I made by the polygon tool. The black lines on the triangle is a swatch.

Shelly Cashman Photoshop CS4

Name:
Alina Cancel
Student Number:


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 ; how best to communicate the information

2. ANALYZE YOUR AUDIENCE; By learning the audience member, you can tailor a project to meet their interests.

3.  GATHER POSSIBLE CONTENT, gathering material from existing marketing such as marketing campaigns, publicity materials, web site, and paper may give perception on how to use the material.


4.  DETERMINE WHAT CONTENT TO PRESENT TO YOUR AUDIENCE. When planning for the audience the information element need to be well thought throw; so that the project element leads to an ending point of a well-rounded idea.



FROM APPENDIX B: Graphic Design Overview
1. Define the following terms regarding GRAPHIC DESIGN (terms are listed in alphabetic order):
  1. Balance can be symmetrically or asymmetrically of element big too big or big with lots of smaller elements.
  1. Closure consists of small parts and spaces that allows design to breath and creates visual interest.
  1. Continuance it the arrangement that allow the eye to travel continually.
  1. Contrast visual differences between features
  1. Device dependency  meaning that the appearance of the page varies depending on the device
  1. Dominance is a critical principle in controlling viewer focus
  1. Negative space is the region of the canvas that is free from design element.
  1. Pixel is the smallest element of a digital image.
  1. Proximity describes the relative space between elements
  1. Public-domain images  It images in the public domain that are completely free to use
  1. Repetition  of visual element
  1. Resolution refers to the number of pixels displayed on a computer screen
  1. Royalty-free images that are royalty free can be reused without paying additional fees.
  1. Stock art artwork and photographs that can be licensed for use
  1. Unity unified message or meaning of elements.
  1. White space ( Negative space) area that contains no information

2. Define the following terms regarding COLOR TERMS (terms are listed in alphabetic order):
  1. CMYK color model mixes physical cyan, magenta, yellow and black pigments to create other colors and is used when printing in color.
  1. Color relativity lightness/darkness value can appear different depending on what other color neighbor it.
  1. Color scheme: Analogous color next to each other on the color wheel.
  1. Color scheme: Complementary color directly across from each other on the color wheel.
  1. Color scheme: Monochromatic is a scheme that uses a single hue with a variety of shades and tints.
  1. Desaturated colors produce mellow tones.
  1. Hue refers to the tone, or actual color, such as red, yellow, or blue.
  1. L*A*B color combines levels of lightness with two color channels a and b channel range is green to magenta, and the other is blue through yellow.
  1. RGB color model mixes red, green, and blue light to create other colors.
  1. Saturation is the intensity of color
  1. Shade  is a mixture of a hue and black, producing a darker color
  1. Tint is a mixture of a hue and white creating a light color
  1. Value describes its overall lightness or darkness.

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

4. List 5 factors that contribute to the readability of text:
1.      Passages of large text written in lowercase.
2.      Regular text is easier to read than italicized text.
3.      Black text on white background
4.      Legibility
5.      Line length, letterforms, and appearance all influence readability.

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:
Earth from Space


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



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