Graphic Media Language

2. 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. 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.  Layout (Composition: How the previous elements are
organised)
 Generic conventions
 Use of intertextuality

5.  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. Font Types
Sans serif
Serif

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

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

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

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

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

14. Other possible variations of the Futura font
family.

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

17. 1. 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.
2. Download and install those font types in your computer.
3. Open word document. Write your name at the top of the page.
4. Type the name of the font type with the chosen font type.
5. Type the name of your magazine/music video artist, both in CAPITALS and
LOWER CASE.
6. Do this with the three font types that you have chosen for your masthead
7. Save as PDF file.

18. What is graphics
Image size in Adobe Photoshop

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

20.  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.

21.  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.  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.

24.  For printed images the resolution needs to be 300 ppi.
 For video/internet images, the resolution needs to be 72
ppi.

25.  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

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

28. The Colour Wheel

31.  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)

32. Cold colours
Warm colours

33. HOT

34. LOVE

35. STOP

36. DANGER

37. BLOOD

38. COLD

39. CALM

40. SAD

41. FRESH

42. ENVY

48. Theory of colour
Colour Interaction

49. 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.

50. 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.

51. 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.

52. • 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.

54. Theory of colour
Colour printing

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

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

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

58. 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.

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

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

61. CMYK RGB
CMYK vs. RGB

62. Theory of colour
Lesson 5: Composition

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

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

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

66. Yves St. Lauren Autum 1965

68. NIke

69. Vans