SlideShare a Scribd company logo
Printed media
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.
There are three main elements in media
language in printed media:
 Text (font types)
 Images (Main and secondary)
 Colour (colour schemes)
 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
What is graphic design
Font types 1
Font types
• There are two main categories of font types:
•Serif
• Sans serif
Serif Easy to read. Looks traditional. Widely used in
long texts as books, articles in newspapers/magazines,
etc.
Times New Roman
Sans serif Strong, bold and clear. Modern
looking. Often used for titles and headings.
Widely used on web design.
Century Gothic
Italic Used to highlight or emphasise a text.
Associated to quoting, speeches and dialogs.
Verdana Italic Times New Roman
Bold Thick. Used to highlight part of a text.
Widely used on headings.
Arial Times New Roman
Gill Sans Ultrabold
Other possible variations of the Gill Sans font
family.
Gill Sans Condensed
Other possible variations of the Futura font
family.
Printed media language introduction
http://www.dafont.com/
http://www.urbanfonts.com/
http://www.free-fonts.com/links/
http://www.1001fonts.com/
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.
What is graphics
Lesson 2:
Image size in Adobe Photoshop
The size of an image depends of two factors:
 The resolution, measured in Pixels Per Inch (ppi)
 The physical measures, measured in centimetres.
 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.
 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.
Printed media language introduction
 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.
 For printed images the resolution needs to be 300 ppi.
 For video/internet images, the resolution needs to be 72
ppi.
Image size
 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
What is graphics
Lesson 3:
Colour modes in Adobe Photoshop
Printed media language introduction
The Colour Wheel
Printed media language introduction
Printed media language introduction
 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)
Cold colours
Warm colours
HOT
COLD
FRESH
Printed media language introduction
Printed media language introduction
Printed media language introduction
Printed media language introduction
Theory of colour
Colour Interaction
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.
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.
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.
• 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.
Theory of colour
Colour printing
In the print industry, cyan, magenta,
yellow and black are used as the primary
colours.
Colour Printing (CMYK)
 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)
Here you can see how the image has been
made up from the separate colours CMYK.
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.
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)
CMYK vs. RGB
What colour scheme corresponds to each mode?
CMYK RGB
CMYK vs. RGB
Theory of colour
Lesson 5: Composition
Piet Mondrian (March 7, 1872 – February 1, 1944)
Composition II in Red, Blue, and Yellow, 1930
Piet Mondrian (1872 –1944) Composition with Yellow, Blue, and Red, 1937-42, Oil
on canvas, 72.5 x 69 cm, Tate Gallery, London
Piet Mondrian (March 7, 1872 – February 1, 1944)
Composition 10, 1939-1942, private collection
Yves St. Lauren Autum 1965
Printed media language introduction
NIke
Vans
Printed media language introduction

More Related Content

PPT
Adobe photoshop
PDF
Outline Text Effect in Photoshop
PDF
photoshop-cs3-border-bg-tutorial
PDF
CHAPTER – 4 Graphics
PPTX
Graphic Media Language fffffffffffffffff
PPTX
A level Graphic media language
PPTX
Printed media language
PPTX
Graphic Design first class (1).pptx
Adobe photoshop
Outline Text Effect in Photoshop
photoshop-cs3-border-bg-tutorial
CHAPTER – 4 Graphics
Graphic Media Language fffffffffffffffff
A level Graphic media language
Printed media language
Graphic Design first class (1).pptx

Similar to Printed media language introduction (20)

PPTX
Photoshop terminology
PPTX
Technology and livelihood Education 8 week 3
PPTX
122 190824 The Fundamentals of Creative Design 04-06 by Gavin Ambrose/Paul Haris
PPTX
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
PPT
Presentation
PPT
Graphics
PPTX
Chap9 10
PDF
Bt0077 multimedia systems2
PPT
Presentation
KEY
Grokkin’ Design
PPTX
Creating a photoshop document
PPS
VA1160 Class 05
PPT
multimedia image.ppt
PPT
Image graphics-introduction
PPTX
Beautiful Web Design
PPT
Graphics
PPT
Things to consider when designing websites
KEY
Design basics for the web
PDF
CHAPTER – 2 Colors
PPTX
Introduction to multimedia
Photoshop terminology
Technology and livelihood Education 8 week 3
122 190824 The Fundamentals of Creative Design 04-06 by Gavin Ambrose/Paul Haris
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Presentation
Graphics
Chap9 10
Bt0077 multimedia systems2
Presentation
Grokkin’ Design
Creating a photoshop document
VA1160 Class 05
multimedia image.ppt
Image graphics-introduction
Beautiful Web Design
Graphics
Things to consider when designing websites
Design basics for the web
CHAPTER – 2 Colors
Introduction to multimedia
Ad

More from RafaelPerezOlivan (20)

PPTX
Media conglomerates: industries and ownership
PPTX
Applying academic ideas to long form TV drama.pptx
PPTX
UK Newspapers.pptx
PPTX
Genre.pptx
PPTX
Newspapers_Ideology and bias 2023.pptx
PPTX
Newspapers revision task.pptx
PPTX
Meal Ticket_Narrative analysis task.pptx
PPTX
Narrative theories 3.pptx
PPTX
Audience theories 5 Clay Shirky.pptx
PPTX
Audience theories 4 Henry Jenkins.pptx
PPTX
Newspaper analysis task 1_Daily Mail mediation and cognitive disonance.pptx
PPTX
Exam style questions Lego.pptx
PPTX
Newspapers immigration 2022_Textual analysis.pptx
PPTX
Newspaper analysis task 8_Race representration.pptx
PPTX
media industries and ownership.pptx
PPTX
Lesson 8_Genre.pptx
PPTX
Stuart Hall Theories of representation 1.pptx
PPTX
Font types.pptx
PPTX
Narrative analysis example
PPTX
Narrative theories 2
Media conglomerates: industries and ownership
Applying academic ideas to long form TV drama.pptx
UK Newspapers.pptx
Genre.pptx
Newspapers_Ideology and bias 2023.pptx
Newspapers revision task.pptx
Meal Ticket_Narrative analysis task.pptx
Narrative theories 3.pptx
Audience theories 5 Clay Shirky.pptx
Audience theories 4 Henry Jenkins.pptx
Newspaper analysis task 1_Daily Mail mediation and cognitive disonance.pptx
Exam style questions Lego.pptx
Newspapers immigration 2022_Textual analysis.pptx
Newspaper analysis task 8_Race representration.pptx
media industries and ownership.pptx
Lesson 8_Genre.pptx
Stuart Hall Theories of representation 1.pptx
Font types.pptx
Narrative analysis example
Narrative theories 2
Ad

Recently uploaded (20)

PDF
What if we spent less time fighting change, and more time building what’s rig...
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
PPTX
Virtual and Augmented Reality in Current Scenario
PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
PDF
HVAC Specification 2024 according to central public works department
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
IGGE1 Understanding the Self1234567891011
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
Computing-Curriculum for Schools in Ghana
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PDF
Trump Administration's workforce development strategy
PDF
advance database management system book.pdf
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
PDF
FORM 1 BIOLOGY MIND MAPS and their schemes
PDF
1_English_Language_Set_2.pdf probationary
PDF
Empowerment Technology for Senior High School Guide
What if we spent less time fighting change, and more time building what’s rig...
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
Virtual and Augmented Reality in Current Scenario
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
HVAC Specification 2024 according to central public works department
Share_Module_2_Power_conflict_and_negotiation.pptx
AI-driven educational solutions for real-life interventions in the Philippine...
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
IGGE1 Understanding the Self1234567891011
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Computing-Curriculum for Schools in Ghana
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
Trump Administration's workforce development strategy
advance database management system book.pdf
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
FORM 1 BIOLOGY MIND MAPS and their schemes
1_English_Language_Set_2.pdf probationary
Empowerment Technology for Senior High School Guide

Printed media language introduction

  • 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
  • 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.
  • 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.
  • 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
  • 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)
  • 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.
  • 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?
  • 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