SlideShare uma empresa Scribd logo
(A VERY BRIEF)


INTRO TO USING COLOR
Every color can be defined by four essential qualities:



                       1. HUE

                  2. SATURATION

                  3. TEMPERATURE

                      4. VALUE
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                              1. HUE

     Where the color sits in the visible wavelength: “red”, “blue”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                        2. SATURATION

        The intensity of a color: “fire engine red”, “pastel red”
Every color can be defined by four essential qualities:




                   3. TEMPERATURE

           The color’s perceived warmth or coolness
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Every color can be defined by four essential qualities:




              4. VALUE (or BRIGHTNESS)

      The tonal value of a color, how light or dark the color is
Battle of the color wheels
ROY G BIV
In Adobe programs, there are two color models you need to know:

                      RGB & CMYK


                             RED




             BLUE                           GREEN




                                                            (K=black)
In Adobe programs, there are two color models you need to know:

                      RGB & CMYK


                             RED


     MAGENTA                                 YELLOW




             BLUE                           GREEN


                            CYAN
                                                            (K=black)
RGB is light. CMYK is ink.
RGB is light. CMYK is ink.

RGB is called additive because all of the colors together
             at 100% would create white.
RGB is light. CMYK is ink.

 RGB is called additive because all of the colors together
              at 100% would create white.

CMYK is called subtractive because the absence of all ink
                  would leave white.
Taken together, RGB and CMY form a relationship of
primaries and secondary colors that can be mixed to
         create all of the colors in between.
All six primary colors are made up of one complement and
                      two components.




                                 A 100% fully saturated green also
                                 contains no magenta. At all. Magenta
                                 also contains no green. They are each
                                 other’s complements.
All six primary colors are made up of one complement and
                      two components.



                                 A 100% fully saturated green is
                                 composed of equal amount of yellow
                                 and cyan only. Yellow and cyan are
                                 green’s components.




                                 A 100% fully saturated green also
                                 contains no magenta. At all. Magenta
                                 also contains no green. They are each
                                 other’s complements.
As a graphic designer, you need to
be comfortable with with working
with RGB (256 values) and CMYK
(ink percentages).

How would you increase the
saturation of the green sweater?
What is the “formula” for the
sweater?
Six basic color relationships:


 1. MONOCHROMATIC

     2. ANALOGOUS

    3. COMPLEMENT

 4. SPLIT COMPLEMENT

        5. PRIMARY

     6. SECONDARY
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)
USING COLOR (Intro to GD: Wk 5a)

Mais conteúdo relacionado

Destaque

The Beautyness of Red Colour
The Beautyness of Red ColourThe Beautyness of Red Colour
The Beautyness of Red ColourFera Zaemri
 
TCP IP
TCP IPTCP IP
TCP IPhivasu
 
Perception about Colour Red
Perception about Colour Red Perception about Colour Red
Perception about Colour Red Mehak Gupta
 
cellular wireless networks
cellular wireless networkscellular wireless networks
cellular wireless networkschiju chinnu
 
Ch 11: Hacking Wireless Networks
Ch 11: Hacking Wireless NetworksCh 11: Hacking Wireless Networks
Ch 11: Hacking Wireless NetworksSam Bowne
 
Mobile wireless-networks
Mobile wireless-networksMobile wireless-networks
Mobile wireless-networksPeter R. Egli
 
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)Tutun Juhana
 
4 stroke petrol engine working principal
4 stroke petrol engine working principal 4 stroke petrol engine working principal
4 stroke petrol engine working principal Nur E Alam Siddike
 
4-stroke Diesel Engine
4-stroke Diesel Engine4-stroke Diesel Engine
4-stroke Diesel EngineMridul Rawat
 
Ppt for tranmission media
Ppt for tranmission mediaPpt for tranmission media
Ppt for tranmission mediaManish8976
 
6 Thinking Hats
6 Thinking Hats6 Thinking Hats
6 Thinking Hatsnathanr07
 
The color wheel
The color wheelThe color wheel
The color wheelMyers
 
Power Saving in Wireless Sensor Networks
Power Saving in Wireless Sensor NetworksPower Saving in Wireless Sensor Networks
Power Saving in Wireless Sensor NetworksMshari Alabdulkarim
 
ppt on 2 stroke and 4 stroke petrol engine
ppt on 2 stroke and 4 stroke petrol engineppt on 2 stroke and 4 stroke petrol engine
ppt on 2 stroke and 4 stroke petrol engineharshid panchal
 

Destaque (18)

The Beautyness of Red Colour
The Beautyness of Red ColourThe Beautyness of Red Colour
The Beautyness of Red Colour
 
Green
GreenGreen
Green
 
TCP IP
TCP IPTCP IP
TCP IP
 
Perception about Colour Red
Perception about Colour Red Perception about Colour Red
Perception about Colour Red
 
cellular wireless networks
cellular wireless networkscellular wireless networks
cellular wireless networks
 
Tcp ip tutorial
Tcp ip tutorialTcp ip tutorial
Tcp ip tutorial
 
Group discussion
Group discussionGroup discussion
Group discussion
 
Ch 11: Hacking Wireless Networks
Ch 11: Hacking Wireless NetworksCh 11: Hacking Wireless Networks
Ch 11: Hacking Wireless Networks
 
Mobile wireless-networks
Mobile wireless-networksMobile wireless-networks
Mobile wireless-networks
 
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)
OSI Reference Model and TCP/IP (Lecture #3 ET3003 Sem1 2014/2015)
 
4 stroke petrol engine working principal
4 stroke petrol engine working principal 4 stroke petrol engine working principal
4 stroke petrol engine working principal
 
OSI MODEL - A PROJECT
OSI MODEL - A PROJECTOSI MODEL - A PROJECT
OSI MODEL - A PROJECT
 
4-stroke Diesel Engine
4-stroke Diesel Engine4-stroke Diesel Engine
4-stroke Diesel Engine
 
Ppt for tranmission media
Ppt for tranmission mediaPpt for tranmission media
Ppt for tranmission media
 
6 Thinking Hats
6 Thinking Hats6 Thinking Hats
6 Thinking Hats
 
The color wheel
The color wheelThe color wheel
The color wheel
 
Power Saving in Wireless Sensor Networks
Power Saving in Wireless Sensor NetworksPower Saving in Wireless Sensor Networks
Power Saving in Wireless Sensor Networks
 
ppt on 2 stroke and 4 stroke petrol engine
ppt on 2 stroke and 4 stroke petrol engineppt on 2 stroke and 4 stroke petrol engine
ppt on 2 stroke and 4 stroke petrol engine
 

Semelhante a USING COLOR (Intro to GD: Wk 5a)

Semelhante a USING COLOR (Intro to GD: Wk 5a) (20)

Color theory2010
Color theory2010Color theory2010
Color theory2010
 
Color theory
Color theoryColor theory
Color theory
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Selfportrait warhol
Selfportrait warholSelfportrait warhol
Selfportrait warhol
 
Colors and hickethier_cube
Colors and hickethier_cubeColors and hickethier_cube
Colors and hickethier_cube
 
Understanding Colors
Understanding ColorsUnderstanding Colors
Understanding Colors
 
B team 2 belleza teach back
B team 2 belleza teach backB team 2 belleza teach back
B team 2 belleza teach back
 
Session 3 lecture outline
Session 3 lecture outlineSession 3 lecture outline
Session 3 lecture outline
 
Belleza Class Format Full PowerPoint
Belleza Class Format Full PowerPointBelleza Class Format Full PowerPoint
Belleza Class Format Full PowerPoint
 
Chap46
Chap46Chap46
Chap46
 
colour theory ppt- animated ppt
colour theory ppt- animated pptcolour theory ppt- animated ppt
colour theory ppt- animated ppt
 
CHAPTER – 2 Colors
CHAPTER – 2    ColorsCHAPTER – 2    Colors
CHAPTER – 2 Colors
 
Color theory and 2D graphics
Color theory and 2D graphicsColor theory and 2D graphics
Color theory and 2D graphics
 
GROUP 3 ST. ANGELA - COLORS
GROUP 3 ST. ANGELA - COLORSGROUP 3 ST. ANGELA - COLORS
GROUP 3 ST. ANGELA - COLORS
 
Team 1 Belleza Teach Back
Team 1 Belleza Teach BackTeam 1 Belleza Teach Back
Team 1 Belleza Teach Back
 
Team 1 belleza teach back
Team 1 belleza teach backTeam 1 belleza teach back
Team 1 belleza teach back
 
Colour
Colour Colour
Colour
 
Color Review
Color ReviewColor Review
Color Review
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Digital Color Theory
Digital Color TheoryDigital Color Theory
Digital Color Theory
 

Mais de Shawn Calvert

Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web NavigationShawn Calvert
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web DesignShawn Calvert
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML BasicsShawn Calvert
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS PresentationShawn Calvert
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Shawn Calvert
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQueryShawn Calvert
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsShawn Calvert
 
10 Usability & UX Guidelines
10 Usability & UX Guidelines10 Usability & UX Guidelines
10 Usability & UX GuidelinesShawn Calvert
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User ExperienceShawn Calvert
 
Creating Images for the Web
Creating Images for the WebCreating Images for the Web
Creating Images for the WebShawn Calvert
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2Shawn Calvert
 
CSS Foundations, pt 1
CSS Foundations, pt 1CSS Foundations, pt 1
CSS Foundations, pt 1Shawn Calvert
 

Mais de Shawn Calvert (20)

HTML Email
HTML EmailHTML Email
HTML Email
 
Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web Navigation
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Intro to jQuery
Intro to jQueryIntro to jQuery
Intro to jQuery
 
Images on the Web
Images on the WebImages on the Web
Images on the Web
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Web Layout
Web LayoutWeb Layout
Web Layout
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: Forms
 
10 Usability & UX Guidelines
10 Usability & UX Guidelines10 Usability & UX Guidelines
10 Usability & UX Guidelines
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
Creating Images for the Web
Creating Images for the WebCreating Images for the Web
Creating Images for the Web
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2
 
CSS Foundations, pt 1
CSS Foundations, pt 1CSS Foundations, pt 1
CSS Foundations, pt 1
 

Último

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...JIT KUMAR GUPTA
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxDoraemon495609
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxjoshuaclack73
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designGOWSIKRAJA PALANISAMY
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationJIT KUMAR GUPTA
 

Último (20)

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 

USING COLOR (Intro to GD: Wk 5a)

  • 1. (A VERY BRIEF) INTRO TO USING COLOR
  • 2. Every color can be defined by four essential qualities: 1. HUE 2. SATURATION 3. TEMPERATURE 4. VALUE
  • 3. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 4. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 5. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 6. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  • 7. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 8. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 9. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 10. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 11. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 12. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 13. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 14. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 15. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 16. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  • 17. Every color can be defined by four essential qualities: 3. TEMPERATURE The color’s perceived warmth or coolness
  • 18. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 19. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 20. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  • 21. Battle of the color wheels
  • 23. In Adobe programs, there are two color models you need to know: RGB & CMYK RED BLUE GREEN (K=black)
  • 24. In Adobe programs, there are two color models you need to know: RGB & CMYK RED MAGENTA YELLOW BLUE GREEN CYAN (K=black)
  • 25. RGB is light. CMYK is ink.
  • 26. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white.
  • 27. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white. CMYK is called subtractive because the absence of all ink would leave white.
  • 28. Taken together, RGB and CMY form a relationship of primaries and secondary colors that can be mixed to create all of the colors in between.
  • 29. All six primary colors are made up of one complement and two components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  • 30. All six primary colors are made up of one complement and two components. A 100% fully saturated green is composed of equal amount of yellow and cyan only. Yellow and cyan are green’s components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  • 31. As a graphic designer, you need to be comfortable with with working with RGB (256 values) and CMYK (ink percentages). How would you increase the saturation of the green sweater? What is the “formula” for the sweater?
  • 32. Six basic color relationships: 1. MONOCHROMATIC 2. ANALOGOUS 3. COMPLEMENT 4. SPLIT COMPLEMENT 5. PRIMARY 6. SECONDARY