The document discusses printed media and its key elements. It focuses on text elements like font types, specifically the differences between serif and sans serif fonts. It also discusses images and color schemes as important elements. It provides examples of serif and sans serif fonts and describes when each is generally used. It emphasizes that font choice, size, and placement are important for engaging an audience.

1. Printed media

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
audiovisual media languages.

3. There are three main elements in media
language in printed media:
 Text (font types)
 Images (Main and secondary)
 Colour (colour schemes)

4.  The way we present our text is determinant
to appeal 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

5. What is graphic design

6. Font types 1

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

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

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

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

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

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

13. 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. 1. Choose three font types from www.dafont.com for your artist’s
corporative image/logo and three font types for the 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 the artist and the title of your record/single.
6. Do this with the three font types that you have chosen for your
masthead.
7. Save as PDF file.

17. What is graphics
Lesson 2:
Image size in Adobe Photoshop

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

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

22.  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.  For printed images the resolution needs to be 300 ppi.
 For video/internet images, the resolution needs to be 72
ppi.

24. Image size

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

35. FRESH

40. Theory of colour
Colour Interaction

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

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

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

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

45. Theory of colour
Colour printing

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

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

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

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

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

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

52. CMYK RGB
CMYK vs. RGB

53. Theory of colour
Lesson 5: Composition

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

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

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

57. Yves St. Lauren Autum 1965

59. NIke

60. Vans