Tecnicas Digitales Clase 4 Color
-
Upload
tania-munoa -
Category
Design
-
view
340 -
download
3
Transcript of Tecnicas Digitales Clase 4 Color
![Page 1: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/1.jpg)
Técnicas de representación digitales
Clase 4:Teoría del color y aplicación
TAMM- 5junio2015
![Page 2: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/2.jpg)
Objetivos
• Recordaremos (o aprenderemos) la teoría del color, y sus cualidades para aplicarlas en sus bocetos.
![Page 3: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/3.jpg)
Teoría del color
• El color es una sensación, producto de la descomposición de la luz.
• Se clasifican por su conformación en primarios, secundarios, terciarios.
• Por la sensación en cálidos y fríos.
![Page 4: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/4.jpg)
![Page 5: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/5.jpg)
Cálidos
![Page 6: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/6.jpg)
Fríos
![Page 7: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/7.jpg)
![Page 8: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/8.jpg)
Armonía• La armonía se define como un
placentero arreglo de partes.
• En la experiencia visual, la armonía es algo placentero para el ojo, crea la sensación de orden y balance, de lo contrario se siente algo caótico y aburrido, y el cerebro tiende a rechazarlo.
Ooohh!
![Page 9: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/9.jpg)
Colores complementariosLos complementarios son los que se encuentran en una posición opuesta en el círculo cromático.
Se llaman así porque se complementan uno al otro.
Se ayudan a resaltar y hacerlos más intensos y puros porque no existe otro color más lejano que este.
Usar complementarios para sombrear permite que la sombra no sea muy obscura.
![Page 10: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/10.jpg)
Colores Complementarios
Genera sombras brillantes, no quema el color.
Hay que escoger el tono adecuado dependiendo del base.
![Page 11: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/11.jpg)
Psicología del color
Cada color tiene un significado que depende de las sensaciones y en ocasiones, de la interpretación que cada cultura tiene sobre el mismo.
![Page 12: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/12.jpg)
![Page 13: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/13.jpg)
![Page 14: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/14.jpg)
![Page 15: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/15.jpg)
![Page 16: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/16.jpg)
http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191
![Page 17: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/17.jpg)
El monocroma de grises es el color neutral.
![Page 18: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/18.jpg)
![Page 19: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/19.jpg)
![Page 20: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/20.jpg)
Aplicación de color a sketches
• El coloreado sirve para proponer qué textura, color y tonos tiene el objeto. También para comprender su volumen (trabajo de luz y sombra).
• El color se maneja con sólidos (no tiene ningún degradado o medio tono), y los degradados con aerógrafo (blender).
• Las sombras se pueden realizar con tonos más obscuros que el color base o usar colores complementarios.
• Se dejan blancos en las esquinas de los objetos (aristas) o donde pega la luz, no porque sea un brillo total, sino para entender el volumen y el cambio de plano.
![Page 21: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/21.jpg)
![Page 22: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/22.jpg)
Ejercicio 4: aplicación de distintas técnicas de colorAplicarán las distintas técnicas de color que veremos, usando la
referencia de la fuente de luz (el solecito feliz), practicando con distintas herramientas del programa.
1. Sombreado con colores complementarios (3 esferas y 1 boceto en perspectiva)
2. Mancha ligera de color resaltando las sombras con achurados (2 bocetos en perspectiva de los previamente realizados)
3. Fondo de color y aplicación de luces y sombras (1 cubo y 1 boceto en perspectiva de los previamente realizados)
4. Cel shading (1 esfera y 1 boceto en perspectiva)5. Coloreado sólido con luces y sombras difuminadas (1 esfera
y 1 boceto en perspectiva)
![Page 23: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/23.jpg)
Pueden usar las hojas que necesiten, traten de presentarlas decentemente con fondos, sombras de piso, etc.
Entrega: Lunes 8 de junio, antes de las 4pm
Tamaño de hojas: carta
Resolución 200 dpis
![Page 24: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/24.jpg)
Mezcla de técnicas: color y achurados
Se puede aplicar un poco de color sólido y para acentuar volúmenes, se hace uso de achurados como apoyo en las zonas de mayor sombreado.
![Page 25: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/25.jpg)
![Page 26: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/26.jpg)
No apliquen demasiado color, dejen respirar al objeto.
Usen luces y reflejos (blanco) para mostrar el tipo de material (ej. plástico brillante) y proponer un color.
![Page 27: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/27.jpg)
![Page 28: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/28.jpg)
Comprender el tipo material
![Page 29: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/29.jpg)
![Page 30: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/30.jpg)
![Page 31: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/31.jpg)
Fondo de color, manejo de luz y sombra
![Page 32: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/32.jpg)
Fondo de color con detalles de brillos y reflejos en blanco y
![Page 33: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/33.jpg)
Manejo de texturas, tonos claros y obscuros para brillos y sombras.
Mezcla de técnicas: color y achurados, líneas de contorno, texturas, materiales.
![Page 34: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/34.jpg)
![Page 35: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/35.jpg)
“Flashazo” o Cel shading
Mejor conocido como cel shading, es una forma de aplicar color por plastas (colores sólidos) y se aplica:
• color base (color del objeto)• color de sombra (tono más
obscuro que el base)• color de brillo (si es un material
brillante se aplican blancos o semi brillante tonos más claros que el base)
![Page 36: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/36.jpg)
![Page 37: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/37.jpg)
![Page 38: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/38.jpg)
![Page 39: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/39.jpg)
![Page 40: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/40.jpg)
![Page 41: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/41.jpg)
Coloreado con sólidos, luces y sombras difuminadas
El color base es un sólido que de preferencia sea el color del objeto.
![Page 42: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/42.jpg)
Colores sólidos o manchas de color
![Page 43: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/43.jpg)
Posteriormente se aplican luces y sombras con colores más obscuros o claros utilizando brushes con distintos calibres y opacidades.
• http://conceptcookie.deviantart.com/art/Getting-Started-Lighting-and-Building-Values-398299186
• http://conceptcookie.deviantart.com/art/Fundamentals-Value-Shading-Demo-351688153
![Page 44: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/44.jpg)
![Page 45: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/45.jpg)
![Page 46: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/46.jpg)
Reflejos y brillos
Sombras suavez
Identificar la fuente de luz (solecito feliz ) y aplicar luz y sombra con aerógrafo o pinceles opacos suaves
![Page 47: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/47.jpg)
Cumplir en general (¡o muerte!):
![Page 48: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/48.jpg)
• DE LEY: Aplicar blancos en donde hay aristas (esquinas que representan cambios de planos).
![Page 49: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/49.jpg)
Dejar las líneas de contorno y apoyarse con los achurados para reforzar la sombra, destacar un cambio de material.
![Page 50: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/50.jpg)
![Page 51: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/51.jpg)
Próxima clase (lunes 8 de junio)
Ya vamos a empezar a trabajar en el proyecto veraniego (¡mieeedooooo!)
Se sortearán conceptos y para el lunes ya deben • Investigar, buscar imágenes, sacar y anotar
ideas para empezar a conceptualizar. • ¿Qué anotar? Características generales y
particulares.• Anoten ideas, frases que les puedan servir para
poder bocetar, formas, líneas, etc.
![Page 52: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/52.jpg)
Chan chan chaaaaan!
1. Vegeta (Dragon Ball Z)
2. Storm (X-Men)3. Joker4. Marvin el marciano5. Poison Ivy
(Batman)6. Snoopy7. Hellboy
8. The Cranberries9. Aerosmith10. Queen11. Nightwish12. Garbage
Comodín: Frozen
![Page 53: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/53.jpg)
Videos útiles
• Audífonos somosDI (boceto con líneas de contorno y aplicación de colores)
http://www.youtube.com/watch?v=w2gQB5VBR4w • Sketchbook Shoe Sketchhttps://www.youtube.com/watch?v=kEz8lIwFg5c• Speedsketch de un tenishttp://www.youtube.com/watch?v=G_chiM3TDUM• Boceto en perspectiva usando planoshttp://www.youtube.com/watch?v=3ui0rNX4n70
![Page 54: Tecnicas Digitales Clase 4 Color](https://reader035.fdocumento.com/reader035/viewer/2022062216/55b3b0b3bb61eb88708b483e/html5/thumbnails/54.jpg)
ReferenciasOloffson, E. (2007) Design Sketching, KEEOS, Suiza
Steur, R. (2007) Sketching, BisPublishers, Holanda
Julián, F. (2005) Dibujo para diseñadores industriales, Parramon.
Idsketching (2012) Industrial Design Sketching and Drawing Video Tutorials, http://www.idsketching.com/
http://www.todacultura.com/talleres/taller_dibujo/fundamentos.htm
http://www.mailxmail.com/curso-perspectiva-dibujo/elementos-perspectiva