Técnicas Digitales Clase 3 EM2014

73
Técnicas de representación digitales Clase 3: Bocetaje rápido, perspectiva y teoría del color. TAMM-29enero2013

description

Técnicas Digitales, Clase 3: Bocetaje en vistas, perspectiva y teoría y aplicación de color Semestre Enero Mayo 2014

Transcript of Técnicas Digitales Clase 3 EM2014

Page 1: Técnicas Digitales Clase 3 EM2014

Técnicas de representación digitales

Clase 3: Bocetaje rápido, perspectiva y teoría del color.

TAMM-29enero2013

Page 2: Técnicas Digitales Clase 3 EM2014

Objetivos

• El alumno aprenderá técnicas de bocetaje rápido en vistas y perspectivas, así como la comprensión del volumen a través de líneas de contorno, aplicación de luz y sombra en escala de grises y colores.

Page 3: Técnicas Digitales Clase 3 EM2014

Ejercicio 4: Bocetaje en vistas

• El alumno realizará el rediseño de un objeto bajo un concepto que se le indicará en clase aplicando el bocetaje en vista lateral.

• El alumno tendrá 15 minutos para realizar la mayor cantidad de bocetos rápidos que pueda.

• Al terminar se subirá en el grupo de Deviantart.com en la carpeta correspondiente.

Page 4: Técnicas Digitales Clase 3 EM2014

• Objeto: Plancha• Concepto: Dinamismo

Page 5: Técnicas Digitales Clase 3 EM2014
Page 6: Técnicas Digitales Clase 3 EM2014
Page 7: Técnicas Digitales Clase 3 EM2014

Líneas de contorno

• Para bocetar en perspectiva es importante comprender las vistas del objeto: frontal, superior, lateral.

• Utilizando estas vistas se comprende el contorno del objeto, la tridimensionalidad o volumen del mismo.

Page 8: Técnicas Digitales Clase 3 EM2014

Formas complejasPara generar secciones cruzadas, se pueden

trazar líneas guías y retículas en perspectiva como guías para dibujar la base.

Después se pueden trazar alturas para delinear la vista lateral.

Page 9: Técnicas Digitales Clase 3 EM2014

Se pueden delinear las alturas de la vista frontal para definir el frente.

Page 10: Técnicas Digitales Clase 3 EM2014

Generar formas complejas a partir de la combinación de formas básicas y secciones cruzadas.

Page 11: Técnicas Digitales Clase 3 EM2014

Aplicación de líneas guías, contornos y volúmenes• Para bocetar es indispensable entender

los volúmenes que comprenden al sólido que deseamos dibujar.

• La unión de varios volúmenes simples pueden crear un volumen general complejo.

• Las líneas guías y contornos tenues nos ayudan a comprender partes y vistas del volumen.

Page 12: Técnicas Digitales Clase 3 EM2014

1 2

3 4

Page 13: Técnicas Digitales Clase 3 EM2014

Cajitas y más cajitas!!!

Page 14: Técnicas Digitales Clase 3 EM2014
Page 15: Técnicas Digitales Clase 3 EM2014

Las líneas de contorno, que rodean al objeto, brindan información adicional para la comprensión del volumen.

Page 16: Técnicas Digitales Clase 3 EM2014
Page 17: Técnicas Digitales Clase 3 EM2014
Page 18: Técnicas Digitales Clase 3 EM2014
Page 19: Técnicas Digitales Clase 3 EM2014

Contornos y sombras ligeras

Page 20: Técnicas Digitales Clase 3 EM2014

Redondeos de esquinas y uso de contornos

Page 21: Técnicas Digitales Clase 3 EM2014

Grosor de líneaEngrosar las líneas externas sirve para llamar la atención, delimitar un objeto, limpiarlo o acentuar la sombra.

Se pueden engrosar las líneas de la base y también las líneas externas del objeto principal para hacerlo resaltar.

Las líneas que corresponden a partes con sombra son más gruesas u obscuras. Las que tienen luz son más delgadas o finas.

Page 22: Técnicas Digitales Clase 3 EM2014
Page 23: Técnicas Digitales Clase 3 EM2014

Ejercicio 5: Bocetaje en perspectiva con contornos (20 minutos)

• El alumno escogerá dos de los bocetos rápidos que realizó y lo trazará en dos perspectivas distintas (girar el objeto) utilizando la técnica de contornos, volúmenes con achurados.

• Se realizará en sketchbook pro y se subirá a la carpeta correspondiente del grupo de Deviantart.com

• Entrega: próximo miércoles 5 de febrero antes de las 9am

Page 24: Técnicas Digitales Clase 3 EM2014
Page 25: Técnicas Digitales Clase 3 EM2014
Page 26: Técnicas Digitales Clase 3 EM2014
Page 27: Técnicas Digitales Clase 3 EM2014

Grosor de la línea

Combinación de técnicas de sombreado

Poca mancha

Page 28: Técnicas Digitales Clase 3 EM2014

Teoría del color y aplicación

Objetivos:• El alumno recordará

las propiedades de los colores así como su percepción y significado.

• El alumno aprenderá distintas técnicas de aplicación de color para bocetos.

Page 29: Técnicas Digitales Clase 3 EM2014

Aplicación de color en volúmenes• 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 30: Técnicas Digitales Clase 3 EM2014
Page 31: Técnicas Digitales Clase 3 EM2014

Cálidos

Page 32: Técnicas Digitales Clase 3 EM2014

Fríos

Page 33: Técnicas Digitales Clase 3 EM2014

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 34: Técnicas Digitales Clase 3 EM2014

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 35: Técnicas Digitales Clase 3 EM2014
Page 36: Técnicas Digitales Clase 3 EM2014
Page 37: Técnicas Digitales Clase 3 EM2014
Page 38: Técnicas Digitales Clase 3 EM2014
Page 39: Técnicas Digitales Clase 3 EM2014

Tintas Tonos

Se mide con relación a la cantidad de blanco o negro que se le agrega a un color

Se mide con relación a la cantidad de grises que se le agrega a un color.

El monocroma de grises es el color neutral.

Page 40: Técnicas Digitales Clase 3 EM2014
Page 41: Técnicas Digitales Clase 3 EM2014

Manejo de colores complementarios

Page 42: Técnicas Digitales Clase 3 EM2014

Aplicación de color

• El coloreado sirve para saber qué textura, color y tonos tiene el objeto.

• El color se maneja con sólidos, y los degradados con aerógrafo (blender).

• Las sombras son en tonos obscuros evidentes para entenderla mejor.

• Se dejan blancos donde pega la luz, no porque sea un brillo total, sino para entender el volumen.

Page 43: Técnicas Digitales Clase 3 EM2014
Page 44: Técnicas Digitales Clase 3 EM2014

Volumen mezclando achurados y color

Para mostrar volúmenes más acentuados, se hace uso de achurados como apoyo en las zonas de mayor sombreado.

Page 45: Técnicas Digitales Clase 3 EM2014
Page 46: Técnicas Digitales Clase 3 EM2014

Aplicar poca mancha, dejar brillos, para denotar el color y el tipo de material.

No queremos un render, sólo entender el boceto

Page 47: Técnicas Digitales Clase 3 EM2014

Manejo de texturas, tonos claros y obscuros para brillos y sombras.

Mezcla de técnicas: color y achurados, líneas de contorno.

Page 48: Técnicas Digitales Clase 3 EM2014
Page 49: Técnicas Digitales Clase 3 EM2014

Comprender el material

Page 50: Técnicas Digitales Clase 3 EM2014
Page 51: Técnicas Digitales Clase 3 EM2014
Page 53: Técnicas Digitales Clase 3 EM2014
Page 54: Técnicas Digitales Clase 3 EM2014
Page 55: Técnicas Digitales Clase 3 EM2014

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

Page 56: Técnicas Digitales Clase 3 EM2014

Ejercicio 6: Volúmenes sencillos a color• El alumno escogerá tres de las figuras

monocromáticas que realizó en el ejercicio 3 y a cada una aplicará alguna de las técnicas de coloreado: color con achurados, cel shading, aplicación de complementarios, etc.

• Utilizará las herramientas de pincel que mejor le parezca para trazar, aplicar luces y sombras, y comprender los volúmenes.

• Al finalizar deberán subir el ejercicio a su espacio de Deviantart y posteriormente al grupo TDQRO.

Page 57: Técnicas Digitales Clase 3 EM2014
Page 58: Técnicas Digitales Clase 3 EM2014

El mejor tutorial de la vida para poder dibujar….

mejor que el de Pikachu

Page 59: Técnicas Digitales Clase 3 EM2014
Page 60: Técnicas Digitales Clase 3 EM2014

Presentación: Vender la idea

• Uso de fondos.• Acomodo lógico, aprovechando el

espacio, siguiendo una secuencia.• Uso de letreros DIBUJADOS, ordenados.• Uso de flechas DIBUJADOS, que

parezcan parte de la composición.• Sombras del piso trazadas con una forma

definida que puede ser una abstracción, elipses, etc.

Page 61: Técnicas Digitales Clase 3 EM2014
Page 62: Técnicas Digitales Clase 3 EM2014

Utilizar sombras y figuras geométricas como fondos para hacer el bocetaje presentable.

Page 63: Técnicas Digitales Clase 3 EM2014
Page 64: Técnicas Digitales Clase 3 EM2014
Page 65: Técnicas Digitales Clase 3 EM2014

Composición mezclando técnicas: lanzamiento de líneas, achurados, fondos, letreros, sombras, etc.

Esto nos brinda una mejor perspectiva del proceso de diseño.

Page 66: Técnicas Digitales Clase 3 EM2014

Procesos de bocetaje

Uso de vistas, perspectivas y aplicación de color.

Page 67: Técnicas Digitales Clase 3 EM2014
Page 68: Técnicas Digitales Clase 3 EM2014

Ejercicio 7: Rediseño de audífonos• El alumno realizará la exploración formal

(bocetaje) de unos audífonos y presentará su proceso.

• Realizará 10 bocetos aplicando vistas y perspectivas combinadas, lanzamiento de líneas, volumen por contorno y achurados, y aplicación de color.

• Subir el ejercicio a su espacio de Deviantart y posteriormente al grupo TDQRO2 antes de la siguiente clase: miércoles 5 de febrero antes de las 9am.

Page 69: Técnicas Digitales Clase 3 EM2014
Page 70: Técnicas Digitales Clase 3 EM2014
Page 71: Técnicas Digitales Clase 3 EM2014
Page 72: Técnicas Digitales Clase 3 EM2014

Videos útiles

• Audífonos somosDI (boceto con líneas de contorno y aplicación de colores)

http://www.youtube.com/watch?v=w2gQB5VBR4w • Speedsketch de un tenishttp://www.youtube.com/watch?v=G_chiM3TDUM• Boceto en perspectiva usando planoshttp://www.youtube.com/watch?v=3ui0rNX4n70• Dibujo de personaje sencillo en perspectivahttp://www.youtube.com/watch?v=FzaAuwZmoLU&list=PLECF6E9C208E7D3A5&index=5