Download - Tecnicas digitales Clase06 color em2017
![Page 1: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/1.jpg)
Técnicas de representación digitales
Clase 6:Teoría del color y aplicación
TAMM-27enero2017
![Page 2: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/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 Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/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 Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/4.jpg)
![Page 5: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/5.jpg)
Cálidos
![Page 6: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/6.jpg)
Fríos
![Page 7: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/7.jpg)
![Page 8: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/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 Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/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 Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/10.jpg)
![Page 11: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/11.jpg)
Colores Complementarios
Genera sombras brillantes, no quema el color.
Hay que escoger el tono adecuado dependiendo del base.
Tonos obscuros para sombrear
![Page 12: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/12.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 13: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/13.jpg)
![Page 14: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/14.jpg)
![Page 15: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/15.jpg)
![Page 16: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/16.jpg)
![Page 17: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/17.jpg)
![Page 18: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/18.jpg)
![Page 19: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/19.jpg)
![Page 20: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/20.jpg)
http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191
![Page 21: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/21.jpg)
El monocroma de grises es el color neutral.
![Page 22: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/22.jpg)
![Page 23: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/23.jpg)
![Page 24: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/24.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 25: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/25.jpg)
![Page 26: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/26.jpg)
Reporte3: Understanding Color• Verán el video de Understanding color:
https://www.youtube.com/watch?v=Qj1FK8n7WgY
Deben escribir un reporte en Word o pdf sobre la lectura en máximo una cuartilla. Su opinión, no un resumen del video.
Deben mandar el archivo al correo: [email protected]
El formato del nombre debe ser:Matrícula+Nombre+Lectura1.doc
Ejemplo: A00339476_TaniaMunoa_Lectura1.doc
Entrega: Martes 31 de enero antes de las 5:30pm via correo electrónico .
![Page 27: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/27.jpg)
Ejercicio 6: 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 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. RENDER: Coloreado sólido con luces y sombras
difuminadas (1 esfera y 1 boceto en perspectiva)
![Page 28: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/28.jpg)
Pueden usar las hojas que necesiten, traten de presentarlas decentemente con fondos, sombras de piso, etc.
Pre-Entrega: Martes 31 de enero, traer el archivo a clase hasta del punto 1 al 4, y la base de color del 5.
Si no llevan el archivo a clase para revisión, no se aceptará la tarea.
Entrega: Viernes 3 de febrero antes de las 3pm.
Tamaño de hojas: cartaResolución 150 dpis
![Page 29: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/29.jpg)
1. Colores complementarios• Usar un color base y aplicar su color
complementario para generar una sombra “luminosa”.
• El color complementario no es exactamente el contrario dentro del círculo cromático, debe buscarse el que logre obscurecer al base sin quemarlo o que lo tape.
![Page 30: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/30.jpg)
No dejar que el color complementario se exponga.
Mezclar los colores para que se obscurezcan, que no se vean como dos colores distintos.
![Page 31: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/31.jpg)
2. Mezcla de técnicas: Mancha de 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 32: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/32.jpg)
![Page 33: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/33.jpg)
![Page 34: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/34.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 35: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/35.jpg)
![Page 36: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/36.jpg)
Comprender el tipo material
![Page 37: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/37.jpg)
![Page 38: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/38.jpg)
3. Fondo de color, manejo de luz y sombra
![Page 39: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/39.jpg)
Fondo de color con detalles de brillos y reflejos en blanco y color.
![Page 40: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/40.jpg)
![Page 41: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/41.jpg)
4. “Flashazo” o Cel shadingMejor 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 42: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/42.jpg)
![Page 43: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/43.jpg)
![Page 44: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/44.jpg)
![Page 45: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/45.jpg)
![Page 46: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/46.jpg)
![Page 47: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/47.jpg)
5. Coloreado con sólidos, luces y sombras difuminadas
El color base es un sólido que de preferencia sea el color del objeto.
![Page 48: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/48.jpg)
Colores sólidos o manchas de color
![Page 49: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/49.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 50: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/50.jpg)
![Page 51: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/51.jpg)
![Page 52: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/52.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 53: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/53.jpg)
![Page 54: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/54.jpg)
![Page 55: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/55.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.
Mezcla de técnicas
![Page 56: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/56.jpg)
Mezcla de técnicas:
• Fondo de color
• Mancha de color
• Cel Shading
• Brillos y sombras
![Page 57: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/57.jpg)
![Page 58: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/58.jpg)
Cumplir en general (¡o muerte!):
![Page 59: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/59.jpg)
• DE LEY: Aplicar blancos en donde hay aristas (esquinas que representan cambios de planos).
![Page 60: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/60.jpg)
Dejar las líneas de contorno y apoyarse con los achurados para reforzar la sombra, destacar un cambio de material.
![Page 61: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/61.jpg)
![Page 62: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/62.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 63: Tecnicas digitales Clase06 color em2017](https://reader036.vdocuments.mx/reader036/viewer/2022062310/589c51451a28ab227d8b6a01/html5/thumbnails/63.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