Técnicas Digitales, Clase06 Teoría y aplicación de color an2016
-
Upload
tania-munoa -
Category
Design
-
view
315 -
download
3
Transcript of Técnicas Digitales, Clase06 Teoría y aplicación de color an2016
![Page 1: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/1.jpg)
Técnicas de representación digitales
Clase 7:Teoría del color y aplicación
TAMM-26agosto2016
![Page 2: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/2.jpg)
Objetivos
• Recordaremos (o aprenderemos) la teoría del color, y sus cualidades para aplicarlas en sus bocetos.
![Page 3: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/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: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/4.jpg)
![Page 5: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/5.jpg)
Cálidos
![Page 6: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/6.jpg)
Fríos
![Page 7: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/7.jpg)
![Page 8: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/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: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/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: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/10.jpg)
![Page 11: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/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: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/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: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/13.jpg)
![Page 14: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/14.jpg)
![Page 15: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/15.jpg)
![Page 16: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/19.jpg)
http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191
![Page 20: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/20.jpg)
El monocroma de grises es el color neutral.
![Page 21: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/22.jpg)
![Page 23: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/23.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 24: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/24.jpg)
![Page 25: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/25.jpg)
Lectura 3: Pantone 2016 ¿una buena decisión de marketing?• Verán el video de Pantone 2016:https://www.facebook.com/quartznews/videos/1067405466626488/• Y leerán el artículo de Soy Entrepreneur:http://www.soyentrepreneur.com/30186-pantone-2016-una-buena-
decision-de-marketing.html
Deben escribir un reporte en Word o pdf sobre la lectura en máximo una cuartilla. Su opinión, no un resumen del artículo.
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 30 de agosto antes de las 5:30pm via correo electrónico .
![Page 26: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/26.jpg)
Ejercicio 7: 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. Coloreado sólido con luces y sombras difuminadas (1 esfera
y 1 boceto en perspectiva)
![Page 27: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/27.jpg)
Pueden usar las hojas que necesiten, traten de presentarlas decentemente con fondos, sombras de piso, etc.
Entrega: Martes 30 de agosto, antes de las 3pm. (llevar el archivo a clase)
Tamaño de hojas: cartaResolución 150 dpis
![Page 28: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/28.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 29: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/29.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 30: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/30.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 31: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/31.jpg)
![Page 32: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/32.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 33: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/33.jpg)
![Page 34: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/34.jpg)
Comprender el tipo material
![Page 35: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/35.jpg)
![Page 36: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/36.jpg)
3. Fondo de color, manejo de luz y sombra
![Page 37: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/37.jpg)
Fondo de color con detalles de brillos y reflejos en blanco y color.
![Page 38: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/38.jpg)
Mezcla de técnicas:
• Fondo de color
• Mancha de color
• Cel Shading
• Brillos y sombras
![Page 39: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/39.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 40: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/40.jpg)
![Page 41: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/41.jpg)
![Page 42: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/42.jpg)
![Page 43: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/43.jpg)
![Page 44: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/44.jpg)
![Page 45: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/45.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 46: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/46.jpg)
Colores sólidos o manchas de color
![Page 47: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/47.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 48: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/48.jpg)
![Page 49: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/49.jpg)
![Page 50: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/50.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 51: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/51.jpg)
![Page 52: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/52.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 53: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/53.jpg)
![Page 54: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/54.jpg)
![Page 55: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/55.jpg)
![Page 56: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/56.jpg)
Cumplir en general (¡o muerte!):
![Page 57: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/57.jpg)
• DE LEY: Aplicar blancos en donde hay aristas (esquinas que representan cambios de planos).
![Page 58: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/58.jpg)
Dejar las líneas de contorno y apoyarse con los achurados para reforzar la sombra, destacar un cambio de material.
![Page 59: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/59.jpg)
![Page 60: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/60.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 61: Técnicas Digitales, Clase06 Teoría y aplicación de color an2016](https://reader036.fdocuments.ec/reader036/viewer/2022081520/589e68081a28ab1a548b5ba9/html5/thumbnails/61.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