técnicas digitales clase 3 em2014
DESCRIPTION
Técnicas Digitales, Clase 3: Bocetaje en vistas, perspectiva y teoría y aplicación de color Semestre Enero Mayo 2014TRANSCRIPT
![Page 1: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/1.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/2.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/3.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/4.jpg)
• Objeto: Plancha• Concepto: Dinamismo
![Page 5: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/5.jpg)
![Page 6: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/6.jpg)
![Page 7: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/7.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/8.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/9.jpg)
Se pueden delinear las alturas de la vista frontal para definir el frente.
![Page 10: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/10.jpg)
Generar formas complejas a partir de la combinación de formas básicas y secciones cruzadas.
![Page 11: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/11.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/12.jpg)
1 2
3 4
![Page 13: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/13.jpg)
Cajitas y más cajitas!!!
![Page 14: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/14.jpg)
![Page 15: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/15.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/19.jpg)
Contornos y sombras ligeras
![Page 20: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/20.jpg)
Redondeos de esquinas y uso de contornos
![Page 21: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/21.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/22.jpg)
![Page 23: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/23.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/24.jpg)
![Page 25: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/25.jpg)
![Page 26: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/26.jpg)
![Page 27: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/27.jpg)
Grosor de la línea
Combinación de técnicas de sombreado
Poca mancha
![Page 28: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/28.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/29.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/30.jpg)
![Page 31: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/31.jpg)
Cálidos
![Page 32: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/32.jpg)
Fríos
![Page 33: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/33.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 34: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/34.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 35: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/35.jpg)
![Page 36: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/36.jpg)
![Page 37: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/37.jpg)
![Page 38: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/38.jpg)
![Page 39: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/39.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/40.jpg)
![Page 41: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/41.jpg)
Manejo de colores complementarios
![Page 42: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/42.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/43.jpg)
![Page 44: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/44.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/45.jpg)
![Page 46: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/46.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/47.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/48.jpg)
![Page 49: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/49.jpg)
Comprender el material
![Page 50: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/50.jpg)
![Page 51: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/51.jpg)
![Page 52: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/52.jpg)
Coloreado “flashazo” • Mejor conocido como cel
shading, es una forma de aplicar color por plastas donde se manejan el color base, color de sombra y color de brillo (si es un material brillante o semi brillante) en sólidos
Tutorial:
http://kousagi.deviantart.com/art/Cell-Shading-Tutorial-192088055
![Page 53: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/53.jpg)
![Page 54: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/54.jpg)
![Page 55: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/55.jpg)
• DE LEY: Aplicar blancos en donde hay aristas (esquinas que representan cambios de planos).
![Page 56: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/56.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/57.jpg)
![Page 58: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/58.jpg)
El mejor tutorial de la vida para poder dibujar….
mejor que el de Pikachu
![Page 59: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/59.jpg)
![Page 60: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/60.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/61.jpg)
![Page 62: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/62.jpg)
Utilizar sombras y figuras geométricas como fondos para hacer el bocetaje presentable.
![Page 63: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/63.jpg)
![Page 64: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/64.jpg)
![Page 65: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/65.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/66.jpg)
Procesos de bocetaje
Uso de vistas, perspectivas y aplicación de color.
![Page 67: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/67.jpg)
![Page 68: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/68.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/69.jpg)
![Page 70: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/70.jpg)
![Page 71: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/71.jpg)
![Page 72: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/72.jpg)
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
![Page 73: Técnicas Digitales Clase 3 EM2014](https://reader036.vdocumento.com/reader036/viewer/2022081602/545723edaf7959a8128b9c32/html5/thumbnails/73.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