Week 2 - Signs & Visual Communication, Part 2b- Designing custom Rebus, Pictograms, Re-Introduction to Adobe Photoshop CS6

Week 2 - Signs & Visual Communication, Part 2b- Designing custom Rebus, Pictograms, Re-Introduction to Adobe Photoshop CS6

This week will continue a brief examination of the theories supporting Graphic Design through Visual Communication (the ability to deliver ideas through pictures).

These are the skills we'll be learning today:

Steps to set up Illustrator, and icons of the tools we'll be using.

(1) drawing two lines, making one curvey, and another one zigzag.

(2) Drawing premade shapes, the customizing them, finally custom shapes with the pen tool.

(3) Drawing a posable pictograph man in Adobe Illustrator using the pen tool.

Ellipse filled with black for the head.
Dual anchor segments in the arms and legs.

Duplicating the figure.
Using the direct select tool to repose.

(4) Saving your file to post onto your blog
-----------

And these are the two tasks you'll need to complete:
(Task 1)  Design two pictograms
(Task 2)  Design a Rebus with 3 or more symbols forming one sentence that is translatable to plain English.

SEE ADDITIONAL DETAILS BELOW

PROCEDURES:
ADOBE ILLUSTRATOR & INKSCAPE
If you miss the lecture & demonstrations in class, you can catch up by coming to the lab for additional practice during lunch on Wednesday, Thursday and Friday (most weeks unless stated), and checking out these tutorials at the following links:
(Link 1)  http://www.creativebloq.com/digital-art/illustrator-tutorials-1232697
(Link 2) http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-get-started-with-adobe-illustrator-cs6-10-things-beginners-want-to-know-how-to-do/

ADOBE PHOTOSHOP & GIMP SKILLS
Making a new document with Photoshop
Creating new layers, for non-destructive editing
Making selections and filling them with color
Using the Vector Mask on layers to separate elements
Saving files & file formats
-- We'll use Adobe Photoshop to create an original  Rebus.

ADDITIONAL DETAILS
PICTOGRAMS - Drawn on paper, then photographed using the Photo Booth app
1.)  Make a pictogram to symbolize a career field you would potentially like to pursue after high school.
2.)  Design an icon to represent the following good student traits: a.) diligent studying, b.) being punctual to classes, c.) participating in class activities, etc.

A person reading a paper : look at and comprehend the meaning of (written or printed matter) by mentally interpreting the characters or symbols of which it is composed.

COMPOSING A REBUS - Drawn on paper, then photographed using the Photo Booth app
Using symbols or pictures that represent sound to encode meaning in imagery that the viewer has to think about to discern

Can you come to a birthday party : an occasion on which people can assemble for social interaction and entertainment; "he planned a party to celebrate Bastille Day"

Week 3b - Pictogram Design for CHS School Policies

Week 3b - Pictogram Design for CHS School Policies

(1)  Create CRENSHAW POLICY THEMED PICTOGRAMS
Each student will choose to MAKE ANY THREE of the following pictograms to demonstrate appropriate student behavior and our school policies, including: 

     a. -Uniform school dress code
     b. -Be seated in class before the late bell
     c. -Keep cellphones & devices put away
     d. -Be responsible, be respectful, be safe

(2) Design a LEGAL-SIZED poster containing pictograms to represent each one of our school ESLRs.
School ESLRs (Expected School wide Learning Results)  <the link will take you to Crenshaw's Official ESLRs page.

Some photo examples to spark inspiration...

Dress Code Signage : Dress codes are written and, more often, unwritten rules with regard to clothing. Clothing like other aspects of human physical appearance has a social significance, with different rules and expectations being valid depending on circumstance and occasion. Even within a single day an individual may need to navigate between two or more dress codes, at a minimum these are those that apply at their place of work and those at home, usually this ability is a result of cultural acclimatization. Different societies and cultures will have different dress norms although Western styles are commonly accepted as valid.     

Punctuality is important : Punctuality is the characteristic of being able to complete a required task or fulfill an obligation before or at a previously designated time. 

BE ON TIME, TIME = MONEY : DEFINITION of 'Time Value of Money - TVM' The idea that moneyavailable at the present time is worth more than the same amount in the future due to its potential earning capacity. This core principle of finance holds that, provided money can earn interest, any amount of money is worth more the sooner it is received. 

No Food , No Drink or Cellphone : 

http://codeclasshosting.blogspot.com/

http://codeclasshosting.blogspot.com/

Illustrator notes

(I) Watch Mr. Webb's demonstration and post notes to do the following on your blog:

- Creating a new canvas (document)

     press Command+N to make a new canvas
     3 sections of Adobe Illustrator (Toolbox [left], Menu bar [at the top], Panels [right])
     PROFILE: Print, SIZE: Letter, ORIENTATION: Portait

- Interface navigation, drawing tools (Illustrator's shapes & using the Pen Tool)

    Rectangle Tool (M) - makes squares and rectangles with sharp edges
    Rounded rectangle tool - makes rectangles with rounded edges
    Ellipse tool - draw circles and ovals
    Polygon Tool - draws convex regular polygons.
    Star tool - draws stars; to add more edges tap the up arrow, to remove edges tap the down arrow; to     control the sharpness of the star, hold the command key while drawing the star.

   Selection Tool (V)- looks like a black arrow.  Use to select objects that you want to move, copy or     delete.

    Pen Tool (P) - draws line segments and curves

- Setting the Fill Color, and the Stroke Color

First, select your object or line.  
Second, click on the fill color box to set the fill color. 
OR, click on the stroke color box to set the stroke color

- Saving file formats (saving for Adobe Illustrator editing vs. Saving an image for the web)

Save for Adobe Illustrator = (.ai) <<Can ONLY be opened in Illustrator.
Save for the Internet/Your blog = (.jpeg, .gif, .png) << Can be uploaded to your blog.  

Week 3a - Signs and Visual Communication - Digital Art Production Techniques

Wk 3a - Introduction to Adobe Illustrator
(I) Watch Mr. Webb's demonstration and post notes to do the following on your blog:
- Creating a new canvas (document)
- Interface navigation, drawing tools (Illustrator's shapes & using the Pen Tool)
- Setting the Fill Color, and the Stroke Color
- Saving file formats (saving for Adobe Illustrator editing vs. Saving an image for the web)

(2) Get definitions for the following two terms, and copy 6 sample images of each to your blog.

 Monochromatic : However, scientifically speaking, monochromatic light refers to visible light of a narrow band of wavelengths (see spectral color). 

Negative Space : Negative space is, quite simply, the space that surrounds an object in a image. Just as important as that object itself, negative spacehelps to define the boundaries of positive spaceand brings balance to a composition.    

(2)  Research the following background details of each symbol.  
Describe the sign in brief. (What is the picture a symbol of?)
What does the image mean? (What does the sign intend for the viewer to do when he/she sees it?)
Where is usually found?
[NOTE: Click on the picture to make it appear larger]


1. Travling
2. an extended period of recreation, especially one spent away from home or in traveling.
3. riding bikes , fishing , flying 















1. swimming 
2. the sport or activity of propelling oneself through water using the limbs 
3. eyes , boats , coffee 

1. young lady
2. using thought or rational judgment; intelligent.
3. light brown eyes , long red hair , waving hair 

1. panther
2. a leopard, especially a black one
3. black panther , drawing , letters                                                

1. ant
2. a small insect, often with a sting, that usually lives in a complex social colony with one or more breeding queens. It is wingless except for fertile adults, which often form large mating swarms, and is proverbial for industriousness.
3. words , black ant , leg  







                                            





1. airport
2. a complex of runways and buildings for the takeoff, landing, and maintenance of civil aircraft, with facilities for passengers.
3. people , walking , moving 

          








1. sports
2. an activity involving physical exertion and skill in which an individual or team competes against another or others for entertainment.
3. a person , playing basketball , swimming 

1. i love you
2. an intense feeling of deep affection.
3. eye , heart , letter u 

     





1. person , tree , deer 
2. perceive with the eyes; discern visually.
3. deer , tree , feet 

                                      

Week 1 - Signs & Visual Commuications, Part 1

(1) Defining terms related to concepts in Visual Communication; for each term do the following:
a.) type the word, itself, b.) explain the meaning, c.) give an example by re-posting a picture found online 

- Alphabet : a set of letters or symbols in a fixed order to represent the basic sounds of a language; in particular, the set of letters from A to Z . - - 








- Street sign : a sign usually on the side of a streetor highway bearing symbols or words of warning or direction to motorists or pedestrians and often having a characteristic shape — compare stopsign.






- Advertisement : a notice or announcement in a public medium promoting a product, service, or event or publicizing a job vacancy.












-Constellation : a group of stars forming a recognizable pattern that is traditionally named after its apparent form or identified with a mythological figure. Modern astronomers divide the sky into eighty-eight constellations with defined boundaries. 

1. ASCII Symbol : ASCII (American Standard Code for Information Interchange) is the most common format for text files in computers and on the Internet. In an ASCII file, each alphabetic, numeric, or special character is represented with a 7-bit binary number (a string of seven 0s or 1s). 128 possible characters are defined.
2. Electronic symbol : An electronic symbol is a pictogram used to represent various electrical and electronicdevices (such as wires, batteries, resistors, and transistors) in a schematic diagram of an electrical or electronic circuit.
3. 
   
4. Morse Code : an alphabet or code in which letters are represented by combinations of long and short signals of light or sound. 
5. American Sign Language : a form of sign language developed in the US and used also in English-speaking parts of Canada. 
6. Glyph : a hieroglyphic character or symbol; a pictograph.