Graphic+Design




 * 5ht grade - Creating a motivational poster for TEC**
 * 1 - ALL picture must have proper permissions and documentations to be allowed (see below)
 * 2 - You must keep a list of steps you took to create you poster - what editing tools did you use, what website did you use to edit?
 * 3 - You are creating a poster with a motivational quote in an artistic way.


 * 1) - decide the topic (ex I choose soccer)
 * 2) - I went on [|creative commons] and found a picture or choose a quote ("motivational quote TOPIC")
 * 3) - then do which ever one you didn't do
 * 4) - edit your photo in an outside program/website
 * 5) - import into google draw
 * 6) - type your quote
 * 7) - artsy up your poster

[] []

5th grade motivational poster** document your websites and how you created your poster. 100 - all documentation all websites 88 - all websites no documentation of steps 80 - 1 website and documention 75 - one website no documentation of steps document how you created your poster - 10

7th grade - [|Helios Guide]


 * Photo in the fair or showcase:**

Please use this as a guide to citing your sources including the name of the creator/copyright owner, where the image, music, photo, etc. is located wtihin your project, and a hyperlink to the original file if you downloaded it from the internet. You may create your own works cited page, but please make sure it includes all of the information requested. If there is a question about the source of your content, this is the information the judges need to see in order to know that you’ve gotten permission and/or used material that abides by the copyright rules.


 * Some tips on citing sources for the Philly TEC:**
 * Search engines such as Google, Creative Commons, Bing, etc. are NOT sources of information or elements that may be included in your project. They are merely tools you can use to make it easier to find the resources you want to use in your project.
 * When citing a source from the internet, **you need to include a hyperlink** to the actual site in which you downloaded it.
 * Creative Commons can be a helpful tool to find re-usable works, but it searches other sites such as Flickr and Wikimedia Commons which actually host the content you are searching for.
 * An //easy way to obtain the link to a file found on Creative Commons is by right-clicking the link// of what you would like to use, and selecting “Copy Link Location” (depending on the browser you are using, the text may vary). You can then paste it intoyour works cited document. Remember, you still have to check the licensing to make sure that you can use the file as well as attributing who created it and if requested by the license, include permission from the author

VERY IMPORTANT **- how to attribute your photo**

We will use www.SUMOpaint.com for these lessons. Sumo paint is a free online software that is similar to Photoshop, but FREE :) == =Lesson 1 - Find Examples of Lines= Introduction to Lines as an Element of Design

Lines can be long or short, straight or curved. Lines can be horizontal, vertical, or diagonal. They create patterns. Lines in graphic design can be solid, dashed, thick, thin, or of variable width.

Sometimes a designer uses a line alone to divide or unite elements on a page. Lines can denote direction of movement (as in diagonal lines and arrows) or provide an anchor to hold elements on a page (such as lines at the top, bottom, or sides of a page).

You can use lines in conjunction with other elements of your design. One well-known example, the AT&T logo, is a pattern of thick and thin lines arranged in a circular shape.

Go through your sample folder of ads, newsletters, business cards, books, and other projects with an eye on lines. I want you to find as many different examples of lines of all kinds used in these pieces. Are the lines used prominently? Are they part of a logo or used in other ways to divide the page or add decoration?

__**Exercise**__  Find examples of each of these six types of lines:

 1.horizontal lines  2.vertical lines  3.diagonal lines  4.curved or freeform lines  5.lines used in a pattern  6.non-solid (dashed, dotted, etc.)  7. lines

== =__**L**____**esson 2 - Identify Geometric Shapes**__= Introduction to Shapes as an Element of Design

 Circle, square, and triangle are the three basic shapes used in graphic design. Perhaps the most familiar shape to desktop publishing is the square (and rectangle). Paper is rectangular. Most text blocks are square or rectangular. While you may encounter printed projects cut into other shapes, most circles, triangles, and freeform shapes in desktop published materials are found on the page within the graphics or in the way the elements are placed on the page.

 Go through your sample folder of ads, newsletters, business cards, books, and other projects looking for a variety of shapes. No doubt you can find many examples of squares and rectangles but keep an eye out for other shapes. Are the examples you find actual graphic elements or can you find examples of lines or text arranged in geometric shapes?

__**Exercise**__  Find examples of each of these six shapes:

 1. square (not-rectangle) graphic element  2. square (not-rectangle) text blocks <span style="color: #0000ff; font-family: 'Comic Sans MS',cursive;"> 3. circle graphic element <span style="color: #0000ff; font-family: 'Comic Sans MS',cursive;"> 4. triangle graphic element <span style="color: #0000ff; font-family: 'Comic Sans MS',cursive;"> 5. circle, triangle, or freeform text blocks <span style="color: #0000ff; font-family: 'Comic Sans MS',cursive;"> 6. paper in other than a rectangle (diecut brochures or business cards or perhaps a non-rectangular ad amid a sea of rectangular ads in a newspaper)

=Lesson 3 - Find Examples of Two Kinds of Mass= Introduction to Mass as an Element of Design

<span style="font-family: 'Comic Sans MS',cursive;">Mass is size. There is physical size and visual size. Size can be relative. A physically small brochure can have a great deal of mass through the use of heavy text and graphic elements. A physically large brochure can appear smaller, lighter by using text and graphics sparingly.

<span style="font-family: 'Comic Sans MS',cursive;"> While the paper projects you create have a certain size because of the size and weight of the paper, visual mass — how light or heavy it appears — is also an element of the design. Go through your sample folder of ads, newsletters, business cards, books, and other projects and look at each piece and analyze mass in terms of physical size of the piece and the visual mass. Does it have a heavy, imposing look due to the size or weight of the paper or the density of text and graphics? Is it small and compact or light and airy? Hold the items in your hand to see if they feel light or heavy. Compare the physical size to the visual mass of each piece.

<span style="color: #008000; font-family: 'Comic Sans MS',cursive;">__**Exercise**__ <span style="color: #008000; font-family: 'Comic Sans MS',cursive;"> Find four examples of mass as follows:

<span style="color: #008000; font-family: 'Comic Sans MS',cursive;"> 1. physically large <span style="color: #008000; font-family: 'Comic Sans MS',cursive;"> 2. physically small <span style="color: #008000; font-family: 'Comic Sans MS',cursive;"> 3. visually massive <span style="color: #008000; font-family: 'Comic Sans MS',cursive;"> 4. visually small or light

== =Lesson 4 - Identify Textures= Introduction to Texture as an Element of Design

<span style="font-family: 'Comic Sans MS',cursive;">For desktop publishing, actual texture is the feel of the paper. Is it smooth to the touch or rough? Textures can also be visual. On the Web, especially, backgrounds that simulate familiar fabrics, stone, and other textures are common.

<span style="font-family: 'Comic Sans MS',cursive;"> Certain printing and finishing techniques such as thermography and embossing can add both actual and visual textures to a printed piece.

<span style="font-family: 'Comic Sans MS',cursive;"> Go through your sample folder of ads, newsletters, business cards, books, and other projects looking for as many different types of actual and visual textures as you can find. Can you tell by looking whether a paper will be soft and smooth or rougher? Are the visual textures used in place of actual papers of that texture or do they relate in some way to the purpose of the printed piece (such as a stone texture for a tile company)? See and feel the difference in textures on embossed pieces or other types of raised printing.

<span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;">__**Exercise**__ <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> Find four examples of textures as follows:

<span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> 1. actual smooth paper <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> 2. actual rough paper <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> 3. visual texture (simulated fabric, stone, or even water etc. printed on the paper) <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> 4. an example of thermography or embossing <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive;"> or, Alternately for item 3, browse the Web and find a Web page with a simulated textured background.

== =Lesson 5 - Pick out types of color= Introduction to Color as an Element of Design

<span style="font-family: 'Comic Sans MS',cursive;">Color is everywhere. Every single piece in the samples you've collected so far, even if it is black and white, exhibits the element of color. Color is used to attract attention. It can be subtle or bold.

<span style="font-family: 'Comic Sans MS',cursive;"> Color can be found in the paper, the text, or the graphic elements and photos. A monochromatic color scheme uses a single color, perhaps in various tints, while other layouts utilize combinations of two, three, or more colors.

<span style="font-family: 'Comic Sans MS',cursive;"> Color can be used to ellicit specific emotions and reactions. Red is typically thought of as an attention-grabbing, hot color. Blues are more calming or convey stability. Some color combinations are used to create a specific identity (corporate colors, school colors) or may be used in conjunction with texture to simulate the look of other objects (the look of plain paper wrapping or neon lights, for example). Color may provide cues for the reader.

<span style="font-family: 'Comic Sans MS',cursive;"> Sometimes considered a separate element of design, value is the relative lightness or darkness of an area compared to the surrounding area. Tints of gray or red are different values of the same color. Changing values can create contrast, movement, and emphasis.

<span style="font-family: 'Comic Sans MS',cursive;"> Go through your sample folder of ads, newsletters, business cards, books, and other projects and look at the variety of colors, color combinations, and the way color is used. Does the piece derive its main color from the paper? Are colors used throughout in specific ways such as just for graphic elements or only for headlines?

<span style="color: #008080; font-family: 'Comic Sans MS',cursive;">__**Exercise**__ <span style="color: #008080; font-family: 'Comic Sans MS',cursive;"> Find four examples of the use of color and value:

<span style="color: #008080; font-family: 'Comic Sans MS',cursive;"> 1. subtle use of color (monochromatic or very little color) <span style="color: #008080; font-family: 'Comic Sans MS',cursive;"> 2. bold use of color (bright color, many colors, etc.) <span style="color: #008080; font-family: 'Comic Sans MS',cursive;"> 3. black and white only <span style="color: #008080; font-family: 'Comic Sans MS',cursive;"> 4. strong contrast in values other than strictly black and white (light and dark areas using tints of the same color or different light and dark colors)

Info copied from - http://desktoppub.about.com/cs/designelements/a/linesintro.htm

next class - http://desktoppub.about.com/od/elements/l/aa_lines.htm