Graphic Media Language fffffffffffffffff

Graphic Media Language

1. Graphic Media Language

2. Lesson objectives By the end of this lesson you: Must – be able to explain the differences between serif and sans serif font types. Should – be able to analyse the different elements in a graphic product. Amazing If - you can compare and evaluate both printed and audio-visual media languages.

3. Elements of media language in printed media There are three main elements in media language in printed media: Text (both the semantic (use of language) and formal (aesthetic) aspects of text such as the choice of font types ) Images (Denotation and connotations in representation by depiction of the main and secondary images) Colour (Denotation and connotation)

4. Other important aspects of graphic media language Layout (Composition: How the previous elements are organised) Generic conventions Use of intertextuality

5. Text The way we present our text is determinant to appeal to our audience to read it. The placement , the size and choice of font type is what it will make our text successful. There are two types of fonts: Serif Sans serif

6. What is graphics ? Font types

7. Font types There are two main categories of font types: Serif Sans serif

8. T F Font Types Sans serif Serif

9. Serif Easy to read. Looks traditional. Widely used in long texts as books, articles in newspapers/magazines, etc. Aa Times New Roman

10. Sans serif Strong, bold and clear. Modern looking. Often used for titles and headings. Widely used on web design. Aa Century Gothic

11. Aa Aa Italic Used to highlight or emphasise a text. Associated to quoting, speeches and dialogs. Verdana Italic Times New Roman

12. Aa Aa Bold Thick. Used to highlight part of a text. Widely used on headings. Arial Times New Roman

13. Aa Gill Sans Ultrabold Other possible variations of the Gill Sans font family. Aa Gill Sans Condensed

14. Other possible variations of the Futura font family.

15. http://www.dafont.com/ http://www.urbanfonts.com/ http://www.free-fonts.com/links / http://www.1001fonts.com/

16. L.O.: To choose the appropriate font types for your coursework production Choose three font types from www.dafont.com for your magazine / artist’s corporative image /logo and another three font types for your coverlines / title of your record/single. Download and install those font types in your computer. Open word document . Write your name at the top of the page. Type the name of the font type with the chosen font type . Type the name of your magazine/music video artist , both in CAPITALS and LOWER CASE. Do this with the three font types that you have chosen for your masthead Save as PDF file.

17. What is graphics ? Image size in Adobe Photoshop

18. Image size The size of an image depends of two factors : The resolution , measured in Pixels Per Inch ( ppi ) The physical measures , measured in centimetres .

19. The physical measures are the height   and the width of that image, which can be measured in inches , millimetres or pixels . The resolution is the number of pixels per inch ( ppi ) in that image. Image size

20. Image size The resolution is measured in Pixels Per Inch, which is the amount of pixels included in a square inch . The higher the number of pixels per inch is, the higher the definition will be.

21. Image size

22. Image size The resolution is measured in Pixels Per Inch, which is the amount of pixels included in a square inch . The higher the number of pixels per inch is, the higher the definition will be.

23. Image size For printed images the resolution needs to be 300 ppi . For video/internet images, the resolution needs to be 72 ppi .

24. Task Open Adobe Photoshop. Go to File/New in the menu bar. When the box pops up: Name it digipack. Width (in mms): Depending on your chosen template Height (in mms): Depending on your chosen template Resolution (in pixles /inch): 300 ppi . Background : White or Transparent . Layer 1: Name it Template Layer 2: Artist name Layer 3: Album title Layer 4: Spine

25. What is graphics ? Lesson 3: Colour modes in Adobe Photoshop

26. Theory of colour : The Colour Wheel

27. The Colour Wheel

28. Primary Colours

29. Secondary Colours

30. Colours: connotations Colours can work as a system of signs and symbols to convey meanings (think of traffic lights, for instance) These colours have connotations attached to them (such as red=hot/blue=cold). Some of these connotations are of a cultural nature (black as conventional colour to represent death or the internationally agreed system of traffic lights)

31. Cold colours Warm colours

32. HOT

33. LOVE

34. STOP

35. DANGER

36. BLOOD

37. COLD

38. CALM

39. SAD

40. FRESH

41. ENVY

42. Theory of colour Colour Interaction

43. Colour Context How colour behaves in relation to other colours and shapes is a complex area of colour theory. It is important to know how our brains perceive combinations of colours if you are to design a product that has a successful colour scheme.

44. Look at the small purple rectangles and compare their colours. The small purple rectangle on the left appears to have a red-purple tinge when compared to the small purple rectangle on the right.

45. They are in fact both the same colour as seen in the illustration above. This demonstrates how three colours can be perceived as four colours.

46. Red appears more brilliant against a black background and somewhat duller against the white background. In contrast with orange, the red appears lifeless; in contrast with blue-green, it exhibits brilliance. Notice that the red square appears larger on black than on other background colours.

47. Theory of colour Colour printing

48. In the print industry, cyan , magenta , yellow and black are used as the primary colours. Colour Printing (CMYK)

49. This is known as the C M Y K mode or process colours . Process colour printing is much more expensive than printing in one colour only (black/white). Colour Printing (CMYK)

50. Here you can see how the image has been made up from the separate colours CMYK .

51. Colour light (RGB) RGB stands for red , green and blue , the primary colours in light. The addition of the three different colours is what produces the white light .

52. When getting ready images to be used on an audio-visual format ( video or web ), the colour mode that we should use would be R G B mode . Colour light (RGB)

53. CMYK vs. RGB What colour scheme corresponds to each mode?

54. CMYK RGB CMYK vs. RGB

55. Theory of colour Lesson 5: Composition

56. Piet Mondrian (March 7, 1872 – February 1, 1944) Composition II in Red, Blue, and Yellow , 1930

57. Piet Mondrian (1872 –1944) Composition with Yellow, Blue, and Red , 1937-42, Oil on canvas, 72.5 x 69 cm, Tate Gallery, London

58. Piet Mondrian (March 7, 1872 – February 1, 1944) Composition 10 , 1939-1942, private collection

59. Yves St. Lauren Autum 1965

60. NIke

61. Vans