SlideShare a Scribd company logo
1 of 49
Intro to Digital Media
Digital Media, Typography, & Infographics
Why Multi Media?
..... It’s 2017
Real life examples:
Media -> Medium -> Communication
Main idea:
Media: “the main means of mass communication
(broadcasting, publishing, and the Internet), regarded
collectively.” – Plural form of medium
• Conveying a message
• Multimedia- using one or more type of medium
Marshall McLuhan- “The medium is the message”
Intro to digital media
Analog vs Digital
• ANALOG: “elating to or using
signals or information represented
by a continuously variable physical
quantity such as spatial position or
voltage.”
• DIGITAL: (of signals or data)
expressed as series of the digits 0
and 1, typically represented by
values of a physical quantity such
as voltage or magnetic
polarization.
• https://www.youtube.com/watch?v=b
tgAUdbj85E
We’ve come a long
way…
Technicalities
• Digital- comes from binary digits or bits
• Bits- combination of both binary and digits.. Woah!
• Units of memory, whereby information is stored.
• 8 bits = byte
• 1KB = 1,024 bytes
• 1MB = 1024 kilobytes
• Binary/ double digits- value of 0s and 1s that make up computer data.
Think Pair Share
Why multimedia as an art practice..?
• Why Not?
• How can multimedia be applied to my art practice?
• How can multimedia influence, expand, or help prepare me in
my studio?
• Name an artist or designer working with multimedia and
applying it to an inter-displinary art practice.
• I completely disagree because…
A couple of multimedia inter-disciplinary
based artists…
James Jean
Bloom Traveler
Graphite & Digital
2011
James Jean
James Jean
Velum Mural I
Graphite, ink, & Digital
2012
Diana Thater
Diana Thater
Knots + Surfaces
Installation for 5 LCD video
projectors, 16 video
monitors, 6 DVD players,
1VVR- 1000 synchronizer, 6
DVDs unique + 1 AP
2001
Bjork
https://www.youtube.com/watch?v=aWrV8NQnbqE
Video of the Day
Isabella Rosselini
https://www.youtube.com/watch?v=X4tsEnGLKE4
How is this intermedia?
How is it relevant to digital media?
What is the concept of this?
How are more than one disciplines coming together in this video?
Elements and Principles of
ART
Elements of Art
• Line
• Shape
• Color
• Texture
• Form
• Value
• Space
Principles
• Balance
• Proportion
• Emphasis
• Variety
• Unity (Harmony)
• Rhythm/Movement
• Contrast
• Repetition
• Figure Ground Relationship
• https://www.getty.edu/education/teachers/building_lessons/principles_design.pdf
Non-Universal Principles of ART!
• Knowing the rules enables you to bend and/or break them (eg. Glitch
Art)
• Your artistic view on things enables you to find new ways of
understanding/evaluating/interpreting and realizing content
• Digital Media not only enables you to iterate these ideas faster but also
provides more tools that help you through the process
Vector Graphics
Point
Line
Curve
Handle
What does Vector mean?
https://www.youtube.com/watch?v=-VN_zzKy7UE
Vector based software uses mathematical equations to
describe and define points, lines, curves, and shapes.
Two main advantages of Vector Graphics
are:
1. Resolution Independent
(fully scalable -
without quality loss).
2. Relatively small file size.
Raster Graphics at 500% Vector Graphics at 500%
Examples: Arthur Mount
Examples: Arthur Mount
Examples: Joshua Davis
Joshua Davis
Project I: Infographics- Sci Fi Alter Ego
in·fo·graph·ic
ˌinfōˈɡrafik/
noun
plural noun: infographics
a visual image such as a chart or diagram used to
represent information or data.
"a good infographic is worth a thousand words"
Project I: Infographics- Sci Fi Alter Ego
OBJECTIVES:
To understand and apply the use of vector graphics to create a
composition both in digital and tangible form.
To learn how to utilize Adobe Illustrator in order to create a
composition.
To understand the basic structure of typography, & to be able to
differentiate between serif and san serif types.
To create and find visual equivalents relevant to your personal identity
Project I related assignments:
•Part 1: Watch a sci-fi movie
•Part 2.1: Alter ego I
•Part 2.2: Design a Name
•Part 3: Mind map your Sci Fi character
•Part 4: Alter ego II
http://duelingdata.blogspot.co.uk/2016/01/the-beatles.html
http://www.creativebloq.com/graphic-design-tips/information-graphics-1232836
Blurpy
Typography
Design composition using type (with an emphasis on design), including the
arrangement and appearance of type.
• Crucial component in inter/ multimedia design
• Typography's main job is to convey information in writing
“Typography has one plain duty before it and that is to
convey information in writing. No argument or
consideration can absolve typography from this duty. A
printed work which cannot be read becomes a product
without purpose…”
IDM text- pg. 79
Typography
Text VS Type
“Text is essentially written language represented as a combination of
letters and words. It is used to express thoughts, ideas, and emotions.”
“Type is a form of text. The term originally referred to the design of block
and raised letters used for printing.”
IDM text- Pg. 76
Typography
Serif VS San Serif
Important words:
• Letter forms
• Typeface
• Font
• Script
Serif
San Serif
Typographic Design/ Typography:
• Font selection
• Leading
• Kerning
• Tracking
Think Pair Share
Marshall McLuhan
“The medium is the message”
1.Can McLuhan’s idea about the medium be applied to Typography?
2.How can McLuhan’s idea about the medium be applied to typography?
3.How can this application be useful.
4.If not, why not?
Typography –Text as a form of expression
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Idm  unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)

More Related Content

Similar to Idm unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)

A2 revision guide section acopy
A2 revision guide section acopyA2 revision guide section acopy
A2 revision guide section acopyjphibbert1979
 
ICOM-ITC Workshop 1_vs3
ICOM-ITC Workshop 1_vs3ICOM-ITC Workshop 1_vs3
ICOM-ITC Workshop 1_vs3Erfgoed 2.0
 
Functions of visual_language
Functions of visual_languageFunctions of visual_language
Functions of visual_languageakeka
 
Introduction to btec firsts
Introduction to btec firstsIntroduction to btec firsts
Introduction to btec firstsCat Davies
 
Gutenberg Revisited
Gutenberg RevisitedGutenberg Revisited
Gutenberg RevisitedCHTCT
 
Visual and interactive storytelling slides cmg 2015-final
Visual and interactive storytelling slides    cmg 2015-finalVisual and interactive storytelling slides    cmg 2015-final
Visual and interactive storytelling slides cmg 2015-finalKatherine-CWACanada
 
Tangible interaction 2011 spring
Tangible interaction 2011 springTangible interaction 2011 spring
Tangible interaction 2011 springRung-Huei Liang
 
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...
Human-Machine Collaboration:  Using art-making AI (CrAIyon) as  cited work, o...Human-Machine Collaboration:  Using art-making AI (CrAIyon) as  cited work, o...
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...Shalin Hai-Jew
 
Data Science meets Digital Marketing
Data Science meets Digital MarketingData Science meets Digital Marketing
Data Science meets Digital Marketingbotsplash.com
 
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...jason hobbs
 
visual literacy
visual literacyvisual literacy
visual literacyjoeri Neri
 
The importance of being communicative (vers. 2014)
The importance of being communicative (vers. 2014)The importance of being communicative (vers. 2014)
The importance of being communicative (vers. 2014)Frieda Brioschi
 
School board presentation
School board presentationSchool board presentation
School board presentationgallet
 
Infographics
InfographicsInfographics
Infographicsjeisner
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Designjayyearley
 
Diagramming, Figures, and Imagery (2D): Think Visual in Online Learning
Diagramming, Figures, and Imagery (2D):  Think Visual in Online LearningDiagramming, Figures, and Imagery (2D):  Think Visual in Online Learning
Diagramming, Figures, and Imagery (2D): Think Visual in Online LearningShalin Hai-Jew
 
Ppt big data
Ppt big dataPpt big data
Ppt big datashai123
 

Similar to Idm unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc) (20)

A2 revision guide section acopy
A2 revision guide section acopyA2 revision guide section acopy
A2 revision guide section acopy
 
ICOM-ITC Workshop 1_vs3
ICOM-ITC Workshop 1_vs3ICOM-ITC Workshop 1_vs3
ICOM-ITC Workshop 1_vs3
 
Functions of visual_language
Functions of visual_languageFunctions of visual_language
Functions of visual_language
 
Introduction to btec firsts
Introduction to btec firstsIntroduction to btec firsts
Introduction to btec firsts
 
Gutenberg Revisited
Gutenberg RevisitedGutenberg Revisited
Gutenberg Revisited
 
Visual and interactive storytelling slides cmg 2015-final
Visual and interactive storytelling slides    cmg 2015-finalVisual and interactive storytelling slides    cmg 2015-final
Visual and interactive storytelling slides cmg 2015-final
 
Tangible interaction 2011 spring
Tangible interaction 2011 springTangible interaction 2011 spring
Tangible interaction 2011 spring
 
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...
Human-Machine Collaboration:  Using art-making AI (CrAIyon) as  cited work, o...Human-Machine Collaboration:  Using art-making AI (CrAIyon) as  cited work, o...
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...
 
January 2011 exam analysis
January 2011 exam analysisJanuary 2011 exam analysis
January 2011 exam analysis
 
Data Science meets Digital Marketing
Data Science meets Digital MarketingData Science meets Digital Marketing
Data Science meets Digital Marketing
 
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
 
A2 question 1 a
A2 question 1 aA2 question 1 a
A2 question 1 a
 
visual literacy
visual literacyvisual literacy
visual literacy
 
The importance of being communicative (vers. 2014)
The importance of being communicative (vers. 2014)The importance of being communicative (vers. 2014)
The importance of being communicative (vers. 2014)
 
School board presentation
School board presentationSchool board presentation
School board presentation
 
Infographics
InfographicsInfographics
Infographics
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
 
Diagramming, Figures, and Imagery (2D): Think Visual in Online Learning
Diagramming, Figures, and Imagery (2D):  Think Visual in Online LearningDiagramming, Figures, and Imagery (2D):  Think Visual in Online Learning
Diagramming, Figures, and Imagery (2D): Think Visual in Online Learning
 
Ppt big data
Ppt big dataPpt big data
Ppt big data
 
Visual Design Day 1
Visual Design Day 1Visual Design Day 1
Visual Design Day 1
 

Recently uploaded

9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi NcrSapana Sha
 
Burari Call Girls : ☎ 8527673949, Low rate Call Girls
Burari Call Girls : ☎ 8527673949, Low rate Call GirlsBurari Call Girls : ☎ 8527673949, Low rate Call Girls
Burari Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiMalviyaNagarCallGirl
 
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | DelhiMalviyaNagarCallGirl
 
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call GirlsGovindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts ServiceRussian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Servicedoor45step
 
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Gtb Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | DelhiMalviyaNagarCallGirl
 
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call GirlsKishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Turn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel JohnsonTurn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel Johnsonthephillipta
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiMalviyaNagarCallGirl
 
Strip Zagor Extra 322 - Dva ortaka.pdf
Strip   Zagor Extra 322 - Dva ortaka.pdfStrip   Zagor Extra 322 - Dva ortaka.pdf
Strip Zagor Extra 322 - Dva ortaka.pdfStripovizijacom
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubaidajasot375
 
MinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardMinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardjessica288382
 
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfZagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfStripovizijacom
 
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...akbard9823
 
Downtown Call Girls O5O91O128O Pakistani Call Girls in Downtown
Downtown Call Girls O5O91O128O Pakistani Call Girls in DowntownDowntown Call Girls O5O91O128O Pakistani Call Girls in Downtown
Downtown Call Girls O5O91O128O Pakistani Call Girls in Downtowndajasot375
 
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Moti Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | DelhiMalviyaNagarCallGirl
 
Faridabad Call Girls : ☎ 8527673949, Low rate Call Girls
Faridabad Call Girls : ☎ 8527673949, Low rate Call GirlsFaridabad Call Girls : ☎ 8527673949, Low rate Call Girls
Faridabad Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Alex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson StoryboardAlex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson Storyboardthephillipta
 
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineSHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineShivna Prakashan
 

Recently uploaded (20)

9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
 
Burari Call Girls : ☎ 8527673949, Low rate Call Girls
Burari Call Girls : ☎ 8527673949, Low rate Call GirlsBurari Call Girls : ☎ 8527673949, Low rate Call Girls
Burari Call Girls : ☎ 8527673949, Low rate Call Girls
 
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
 
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in New Ashok Nagar | Delhi
 
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call GirlsGovindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
 
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts ServiceRussian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
 
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Gtb Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gtb Nagar | Delhi
 
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call GirlsKishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
 
Turn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel JohnsonTurn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel Johnson
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
 
Strip Zagor Extra 322 - Dva ortaka.pdf
Strip   Zagor Extra 322 - Dva ortaka.pdfStrip   Zagor Extra 322 - Dva ortaka.pdf
Strip Zagor Extra 322 - Dva ortaka.pdf
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
 
MinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardMinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboard
 
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfZagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
 
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
 
Downtown Call Girls O5O91O128O Pakistani Call Girls in Downtown
Downtown Call Girls O5O91O128O Pakistani Call Girls in DowntownDowntown Call Girls O5O91O128O Pakistani Call Girls in Downtown
Downtown Call Girls O5O91O128O Pakistani Call Girls in Downtown
 
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Moti Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Moti Nagar | Delhi
 
Faridabad Call Girls : ☎ 8527673949, Low rate Call Girls
Faridabad Call Girls : ☎ 8527673949, Low rate Call GirlsFaridabad Call Girls : ☎ 8527673949, Low rate Call Girls
Faridabad Call Girls : ☎ 8527673949, Low rate Call Girls
 
Alex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson StoryboardAlex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson Storyboard
 
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineSHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
 

Idm unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)

  • 1. Intro to Digital Media Digital Media, Typography, & Infographics
  • 4. Media -> Medium -> Communication Main idea: Media: “the main means of mass communication (broadcasting, publishing, and the Internet), regarded collectively.” – Plural form of medium • Conveying a message • Multimedia- using one or more type of medium
  • 5. Marshall McLuhan- “The medium is the message”
  • 6. Intro to digital media Analog vs Digital • ANALOG: “elating to or using signals or information represented by a continuously variable physical quantity such as spatial position or voltage.” • DIGITAL: (of signals or data) expressed as series of the digits 0 and 1, typically represented by values of a physical quantity such as voltage or magnetic polarization. • https://www.youtube.com/watch?v=b tgAUdbj85E
  • 7. We’ve come a long way…
  • 8. Technicalities • Digital- comes from binary digits or bits • Bits- combination of both binary and digits.. Woah! • Units of memory, whereby information is stored. • 8 bits = byte • 1KB = 1,024 bytes • 1MB = 1024 kilobytes • Binary/ double digits- value of 0s and 1s that make up computer data.
  • 9. Think Pair Share Why multimedia as an art practice..? • Why Not? • How can multimedia be applied to my art practice? • How can multimedia influence, expand, or help prepare me in my studio? • Name an artist or designer working with multimedia and applying it to an inter-displinary art practice. • I completely disagree because…
  • 10. A couple of multimedia inter-disciplinary based artists…
  • 11. James Jean Bloom Traveler Graphite & Digital 2011 James Jean
  • 12. James Jean Velum Mural I Graphite, ink, & Digital 2012
  • 13. Diana Thater Diana Thater Knots + Surfaces Installation for 5 LCD video projectors, 16 video monitors, 6 DVD players, 1VVR- 1000 synchronizer, 6 DVDs unique + 1 AP 2001
  • 15. Video of the Day Isabella Rosselini https://www.youtube.com/watch?v=X4tsEnGLKE4 How is this intermedia? How is it relevant to digital media? What is the concept of this? How are more than one disciplines coming together in this video?
  • 17. Elements of Art • Line • Shape • Color • Texture • Form • Value • Space
  • 18. Principles • Balance • Proportion • Emphasis • Variety • Unity (Harmony) • Rhythm/Movement • Contrast • Repetition • Figure Ground Relationship • https://www.getty.edu/education/teachers/building_lessons/principles_design.pdf
  • 19. Non-Universal Principles of ART! • Knowing the rules enables you to bend and/or break them (eg. Glitch Art) • Your artistic view on things enables you to find new ways of understanding/evaluating/interpreting and realizing content • Digital Media not only enables you to iterate these ideas faster but also provides more tools that help you through the process
  • 21. Point Line Curve Handle What does Vector mean? https://www.youtube.com/watch?v=-VN_zzKy7UE Vector based software uses mathematical equations to describe and define points, lines, curves, and shapes.
  • 22. Two main advantages of Vector Graphics are: 1. Resolution Independent (fully scalable - without quality loss). 2. Relatively small file size.
  • 23. Raster Graphics at 500% Vector Graphics at 500%
  • 28. Project I: Infographics- Sci Fi Alter Ego
  • 29. in·fo·graph·ic ˌinfōˈɡrafik/ noun plural noun: infographics a visual image such as a chart or diagram used to represent information or data. "a good infographic is worth a thousand words" Project I: Infographics- Sci Fi Alter Ego
  • 30. OBJECTIVES: To understand and apply the use of vector graphics to create a composition both in digital and tangible form. To learn how to utilize Adobe Illustrator in order to create a composition. To understand the basic structure of typography, & to be able to differentiate between serif and san serif types. To create and find visual equivalents relevant to your personal identity
  • 31. Project I related assignments: •Part 1: Watch a sci-fi movie •Part 2.1: Alter ego I •Part 2.2: Design a Name •Part 3: Mind map your Sci Fi character •Part 4: Alter ego II
  • 32.
  • 34.
  • 35.
  • 36.
  • 38.
  • 39. Typography Design composition using type (with an emphasis on design), including the arrangement and appearance of type. • Crucial component in inter/ multimedia design • Typography's main job is to convey information in writing “Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work which cannot be read becomes a product without purpose…” IDM text- pg. 79
  • 40. Typography Text VS Type “Text is essentially written language represented as a combination of letters and words. It is used to express thoughts, ideas, and emotions.” “Type is a form of text. The term originally referred to the design of block and raised letters used for printing.” IDM text- Pg. 76
  • 41. Typography Serif VS San Serif Important words: • Letter forms • Typeface • Font • Script Serif San Serif Typographic Design/ Typography: • Font selection • Leading • Kerning • Tracking
  • 42. Think Pair Share Marshall McLuhan “The medium is the message” 1.Can McLuhan’s idea about the medium be applied to Typography? 2.How can McLuhan’s idea about the medium be applied to typography? 3.How can this application be useful. 4.If not, why not?
  • 43. Typography –Text as a form of expression

Editor's Notes

  1. Mulit/intermedia- Used by combing multiple mediums/ media to convey a message. It can also be viewed as the interaction between multiple mediums in order to construct one cohesive piece of work. Most of our everyday interactions involve using multi media interfaces; from cell phones, ATMs, laptops, parking meters, and now, even vending machines, we are interacting with some type of multimedia presentation.
  2. Anything that has Text, images, videos, interactivity, and screen displays are all considered Multi media designs. Did you use your card to pay for your parking ticket this morning? Even parking meters have now become digitized with multi media displays
  3. Marshall McLuhan – leading and influential media communication theorist. ”medium that shapes & controls the scale and form of human association and action.” Focus should not be on the context of what is being said, but instead the medium by which it is delivered. Subject matter- irrelevant. Delivery format- crucial factor.
  4. Analog vs digital: In other countries, the analog to digital conversion is still occurring, still occurring in general (everywhere)- How can analog be converted to digital? – Analog to digital converters
  5. Have students get into pairs and discuss then share
  6. The seven elements of art are the building blocks any artwork, not only that but they are used to analyze and interpret works of Art as well. You might thing these apply only to traditional mediums such as painting or photograph but when you look closer you’ll see their use in the composition of a digital image or video as well, without them the chaotic representation that results won’t be easily understood by the audience. Or would it? Later we’ll look at the counter argument!
  7. The principles of Art are the “rules” or guidelines that we use to create a work of Art. They are incorporated to organize or arrange the structural elements of design. Balance – is the visual equalization of the elements of art Proportion – Is the relationship in size between the components that the artwork is made of Emphasis – How to make a component of a work to become the focal point Unity – Is the wholeness and togetherness of a work of art Variety – Is to combine the art elements to increase visual interest Unity and variety are related, they are the creative use of art elements, that is to say we use a combination of art elements in an interesting way to achieve them, for instance the combination of sizes, color and the texture of a mountain that you are taking a picture of. Rhythm/Movement – is to use the visual elements to produce the “feel” of movement! The hand of a person reaching for an object in the scene is one example. Contrast – Is the difference between two or more elements of art, if it’s color and texture then it’s the difference between the two color, say black and white and the texture say soft vs rough Repetition – As the name suggests is repeating an element many times for instance to achieve another principle which is… Form ground relationship – Is the relationship between a from and its background.
  8. https://helpx.adobe.com/illustrator/tutorials.html https://helpx.adobe.com/support/illustrator.html
  9. “typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work wnich cannot be read becomes a product without purpose…” What does that mean
  10. https://en.wikipedia.org/wiki/Letterpress_printing
  11. Letterforms: Unique shapes of individual letters Typefaces: Identified by their letter form Serif- additional marks or tips at the ends of each letter stroke. Originated from as Roman Letters cut into stone, “the extra line was a cut used to add precision to letter strokes and aid readability.” San Serif- Do not have added marks- clean and modern appearances: Easier to read at smaller sizes Script Typeface: graphic representation of letters, numbers, and symbols in a variety of styles and sizes Typographic treatment: How type is designed- what is done to the letter forms and words to make it more interesting/ visually appealing thus being able to have a greater impact for communication purposes. Font selection Leading: Spaces between lines of text Kerning: space between letters Tracking: space between words
  12. Think back to Marshall McLuhan: “The medium is the message” Marshall McLuhan – leading and influential media communication theorist. ”medium that shapes & controls the scale and form of human association and action.” Focus should not be on the context of what is being said, but instead the medium by which it is delivered. Subject matter- irrelevant. Delivery format- crucial factor.
  13. Typographic treatment: How type is designed- what is done to the letter forms and words to make it more interesting/ visually appealing thus being able to have a greater impact for communication purposes. Font selection Leading: Spaces between lines of text Kerning: space between letters Tracking: space between words
  14. Vector graphics aren’t limited to illustrations, they also include typography. How can type be expressive? Taken a verb and brought it to life through text
  15. Color!