week+4_MMay-tutor


 * __EGL215 DESIGN: WEEK 4 __**

__Saving Files __
 * ADMIN:**
 * Wiki
 * Flashdrive
 * Computer, external hardrives
 * DropBox – download and sign up for free – online storage and shareware space

__Check this Link __ http://murdoch-2011-design.wikispaces.com/PLEASE+READ

__Watch: __ [] []
 * __LECTURE: __** Semiotics


 * __WORKSHOP __**

__Week 4: Colour __

__Key Terms: __

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Hue: name of colour e.g. red

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Tint: varying degrees of white added

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Shade: varying degrees of black added

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">http://www.practicalpainting.com/shades_tints.htm

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Value/Tone: lightness or darkness of the hue. Tone is Relative to Other Tones

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Look at this image: http://0.tqn.com/d/painting/1/0/5/W/1/Tone-Relativity2.jpg <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Look at this link and image:

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[]

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Intensity: brightness or dullness of the hue

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Achromatic: free of color

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Chromatic: having color – saturation of colour “pure, bright colour”

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Monochromatic: having one color

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Polychromatic: having many colors

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Symmetry: similarity on both sides of a dividing line.

__<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Colour Wheel/Mixing colours __<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> (Go through colour wheel)

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Primary Colors: red, blue and yellow

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Secondary Colors: orange, green and purple. Are created by mixing primary colors

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Tertiary Colors: are created by mixing primary colors with secondary colors.

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Analogous: hues that are next to one another on the color wheel

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Complementary colors: opposite to each other on the color wheel

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Cool: the colors on the green-blue side of the color wheel

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Warm: the colors on the yellow-orange-red side of the color wheel

__<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Screen __<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> RGB/Screen colours

__<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Print __<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> CMYK/Process colours

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">When designing, it is important to convert your colour profile to CMYK so you can see how the colours will change when they print. Generally they will be slightly duller than screen colours.

__<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Printing __<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> Spot color in offset printing (technique) any colour produced by an <span style="color: #183c95; font-family: 'Arial','sans-serif'; font-size: 13.3333px; text-decoration: none;">[|ink] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> ‘(pure or mixed) that is printed using a //single run’//.

__<span style="color: #262626; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Production __<span style="color: #262626; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> Pantone Colour System (PMS – Pantone Matching System)

<span style="color: #262626; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> SYSYEM OF COLOUR MATCHING IN PRODUCTION STAGE

<span style="color: #000000; font-family: 'Helvetica','sans-serif';"> … <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">color matching system…including digital technology, fashion, home, plastics, architecture and contract interiors, and paint. Today, the PANTONE Name is known worldwide as the standard language for accurate color communication, from designer to manufacturer to retailer to customer, across a variety of industries.

<span style="color: #262626; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> … <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Graphic Arts – Printing, Publishing & Packaging

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> The PANTONE MATCHING SYSTEM is the definitive international reference for selecting, specifying, matching and controlling ink colors.

<span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[|www.pantone.com/pages/pantone/index.aspx] (Information from this link. Look at this link)

__EXERCISES__ <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Open up your images folder you set up last week. Place a minimum of 5 examples in a Word document. Beneath each image write about the colours used: <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Consider what was mentioned earlier and the following: <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> Colour - Warm/Cool, hues, tones etc <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> Emotions – how do the colours make you feel? Do you think your feelings correspond to the designer’s intention? <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> Why are these colours chosen for this piece of graphic design? <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Save and remember to upload onto your Wiki for week 4
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Ex 1: Colour Research **

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Create a greyscale on the sheet provided using a lead pencil. Do this by ceating a vertical strip of 11 boxes. Place white at the very top, black at the bottom.Then write 10% on the second box, 20% on the next up until 90% on the last one. Use a lead pencil to shade in each box. THEN… create another set of boxes (the same) – choose one colour e.g. red and do the same exercise using this hue.
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Ex 2: Greyscale **

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Open up the following link: <span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Read pages 1, 4 & skim through 5-9 <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">THEN… <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Look at the statistics at: <span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Make 3 data visualisations using: <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> 1. Primary OR Secondary colours for 1991 <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> 2. Warm OR Cool colours for 1996 <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> 3. Primary & Secondary for 2001 <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> So you will end up with 3 separate images. What you are essentially creating are visual examples of the data. Can use traditional charts like a pie chart or bar graph or make a pattern that represents the data ratios. You may want to convert the data e.g. 1991 to a percentage first - Divide the number by the total and times by 100. You need to do the above reading for this exercise first to understand data visualisation.
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Ex 3: Data Visualisation **

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Bauhaus: combined fine art and design

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">The Bauhaus was founded in 1919 in the city of Weimar by German architect Walter Gropius (1883–1969). Its core objective was a radical concept: to reimagine the material world to reflect the unity of all the arts. Gropius explained this vision for a union of art and design in the Proclamation of the Bauhaus (1919), which described a utopian craft guild combining architecture, sculpture, and painting into a single creative expression.

<span style="color: #000000; font-family: 'Times','serif'; font-size: 21.3333px;">Look at this link: <span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[]

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Josef Albers

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Infamous for ‘Homage to the Square’

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 10.6667px;">…explored chromatic interactions with flat colored squares arranged concentrically

http://www.elledecor.com/files/web/u32/home-decorating-color-trends-Albers-01.jpg http://stevensclaroff.1stdibs.com/archivesB/upload/1stdibsC/020508_sb/StevenSclaroffCT2/16/xIMG_0332.jpg Look at this image as an extra modern interpretation of Albers colour work: http://i-cdn.apartmenttherapy.com/images/uploads/6-12-josef_albers1.jpg
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 10.6667px;">Look at these image as an example of the following exercise: **

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> The <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px; text-decoration: none;">[|Bauhaus] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> artist and teacher <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px; text-decoration: none;">[|Joseph Albers] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> spent the last 25 years of his life dedicated to <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px; text-decoration: none;">[|Colour] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;"> theory. His most famous series of work is 'Homage to the square' 1950 - 1976 was a series of paintings that explored colour. Each painting consisted of several squares on top of one another. Each square was a different colour and depending on the combination would create different effects. Some colours would complement one-another and be calming to the eye. Other combinations would create bold graphic images where the squares would hum, buzz and bounce off one another. This dedication to one simple theme could seem tedious but also shows how art can help you appreciate the simple elements of life.

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Reference: <span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[]

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Open up and read the following link: <span style="font-family: 'Arial','sans-serif'; font-size: 13.3333px;">[] <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Choose a shape: e.g. squares. Use this shape and as many colours as possible to create your own ‘Interaction of colour’ similar to Alber’s ‘Homage to the Square’.
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Ex 4: Interaction of Color **

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Consider e.g. colour wheel, warm/cool etc

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">May want to get some paints to do this exercise or experiment with different media e.g. markers, pencils, coloured paper etc <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Need to have a minimum of 10 examples like Albers but your own shape choice. Look at the following image links: <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">e.g. http://www.affordableart101.com/images/homage%20teh.jpg http://www.google.com.au/imgres?q=josef+albers&um=1&hl=en&client=firefox-a&sa=N&rls=org.mozilla:en-US:official&biw=986&bih=820&tbm=isch&tbnid=H5uxwFmWMFjGlM:&imgrefurl=http://www.greatmodernpictures.com/albers.htm&docid=--FlSHYX6PUBSM&w=391&h=400&ei=5LBUTsGiOK_RiAKOlo3ZDA&zoom=1

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">.

<span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Do coloured versions or half sides of your line self-portrait in the following colours: <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Warm <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Cool <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Primary <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Secondary <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">CMYK <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Value/Tone of one colour e.g. red (add black/white)
 * <span style="color: #000000; font-family: 'Arial','sans-serif'; font-size: 13.3333px;">Extra Exercises: Self-Portrait in Colour **