Tecnicas digitales Clase06 color em2017

63
Técnicas de representación digitales Clase 6:Teoría del color y aplicación TAMM-27enero2017

Transcript of Tecnicas digitales Clase06 color em2017

Page 1: Tecnicas digitales Clase06 color em2017

Técnicas de representación digitales

Clase 6:Teoría del color y aplicación

TAMM-27enero2017

Page 2: Tecnicas digitales Clase06 color em2017

Objetivos

• Recordaremos (o aprenderemos) la teoría del color, y sus cualidades para aplicarlas en sus bocetos.

Page 3: Tecnicas digitales Clase06 color em2017

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
Page 5: Tecnicas digitales Clase06 color em2017

Cálidos

Page 6: Tecnicas digitales Clase06 color em2017

Fríos

Page 7: Tecnicas digitales Clase06 color em2017
Page 8: Tecnicas digitales Clase06 color em2017

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

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
Page 11: Tecnicas digitales Clase06 color em2017

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

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
Page 14: Tecnicas digitales Clase06 color em2017
Page 15: Tecnicas digitales Clase06 color em2017
Page 16: Tecnicas digitales Clase06 color em2017
Page 17: Tecnicas digitales Clase06 color em2017
Page 18: Tecnicas digitales Clase06 color em2017
Page 19: Tecnicas digitales Clase06 color em2017
Page 20: Tecnicas digitales Clase06 color em2017

http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191

Page 21: Tecnicas digitales Clase06 color em2017

El monocroma de grises es el color neutral.

Page 22: Tecnicas digitales Clase06 color em2017
Page 23: Tecnicas digitales Clase06 color em2017
Page 24: Tecnicas digitales Clase06 color em2017

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
Page 26: Tecnicas digitales Clase06 color em2017

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

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

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

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

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

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
Page 33: Tecnicas digitales Clase06 color em2017
Page 34: Tecnicas digitales Clase06 color em2017

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
Page 36: Tecnicas digitales Clase06 color em2017

Comprender el tipo material

Page 37: Tecnicas digitales Clase06 color em2017
Page 38: Tecnicas digitales Clase06 color em2017

3. Fondo de color, manejo de luz y sombra

Page 39: Tecnicas digitales Clase06 color em2017

Fondo de color con detalles de brillos y reflejos en blanco y color.

Page 40: Tecnicas digitales Clase06 color em2017
Page 41: Tecnicas digitales Clase06 color em2017

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
Page 43: Tecnicas digitales Clase06 color em2017
Page 44: Tecnicas digitales Clase06 color em2017
Page 45: Tecnicas digitales Clase06 color em2017
Page 46: Tecnicas digitales Clase06 color em2017
Page 47: Tecnicas digitales Clase06 color em2017

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

Colores sólidos o manchas de color

Page 49: Tecnicas digitales Clase06 color em2017

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
Page 51: Tecnicas digitales Clase06 color em2017
Page 52: Tecnicas digitales Clase06 color em2017

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
Page 54: Tecnicas digitales Clase06 color em2017
Page 55: Tecnicas digitales Clase06 color em2017

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

Mezcla de técnicas:

• Fondo de color

• Mancha de color

• Cel Shading

• Brillos y sombras

Page 57: Tecnicas digitales Clase06 color em2017
Page 58: Tecnicas digitales Clase06 color em2017

Cumplir en general (¡o muerte!):

Page 59: Tecnicas digitales Clase06 color em2017

• DE LEY: Aplicar blancos en donde hay aristas (esquinas que representan cambios de planos).

Page 60: Tecnicas digitales Clase06 color em2017

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
Page 62: Tecnicas digitales Clase06 color em2017

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

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