Técnicas Digitales Clase3 EM2013
-
Upload
tania-munoa -
Category
Design
-
view
742 -
download
5
description
Transcript of Técnicas Digitales Clase3 EM2013
![Page 1: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/1.jpg)
Técnicas de representación digitales
Clase 3: Luz, sombra, color y aplicación de volumen.
TAMM-30enero2013
![Page 2: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/2.jpg)
Objetivo
• El alumno comprenderá las cualidades de la luz y aprenderá a aplicar la técnica de sombras en un boceto para poder generar volumen en el mismo.
• También aprenderá las propiedades de las líneas de contorno y aplicaciones técnicas para generar perspectivas.
![Page 3: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/3.jpg)
Sombreado
La línea sólo es el contorno.
El volumen se crea a través de la luz y la sombra.
Las sombras son la consecuencia de la luz.
La concepción espacial se obtiene por:
• Las sombras propias del objeto.
• Las sombras que arroja.
• Las sombras y reflejos de luz que otros objetos proyectan sobre el objeto.
![Page 4: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/4.jpg)
• La sombra es la porción del cuerpo que al ser iluminado, no recibe la luz de forma directa.
• Al dibujar se debe considerar:
Dónde se encuentra el foco de luz.
Qué zonas son tocadas por la luz y cuáles no.
![Page 5: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/5.jpg)
![Page 6: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/6.jpg)
Fuente de luz
![Page 7: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/7.jpg)
Métodos para crear tonalidades• Achurados• Puntillismo• Líneas horizontales,
verticales, diagonal, mallas.
![Page 8: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/8.jpg)
Bocetaje
Achurados sin delimitación– Deben seguir la
forma del objeto para poder controlarlos conforme la luz va tocando la superficie.
– Sirven para definir sombras, no para colorear.
![Page 9: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/9.jpg)
Bocetaje
Luces, brillos, reflejos y sombras– Luces, brillos y reflejos son blancos totales.– Sombras aplicadas con achurados o tonos son
obscuros.
![Page 10: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/10.jpg)
![Page 11: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/11.jpg)
![Page 12: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/12.jpg)
Bocetaje
Existe otra técnica donde delimitamos las áreas sombreadas trazando la forma y aplicando achurados sólo en esa sección.
Es muy común para bocetos rápidos y de exploración, o para sombras en el piso.
![Page 13: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/13.jpg)
Bolígrafo y achurados
![Page 14: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/14.jpg)
Bolígrafo o estilógrafo y achurados
![Page 15: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/15.jpg)
![Page 16: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/17.jpg)
Ejercicio 4 Volúmenes sencillos monocromático • El alumno formará 3 figuras abstractas con plastilina.
Posteriormente, alumbrará cada figura y la dibujará en Sketchbook pro aplicando la técnica de luz y sombra y contornos.
• Las figuras estarán en escala de grises.• Condiciones: dibujar una flecha para señalar de dónde
proviene la fuente de luz. Aplicará achurados, aerógrafo, líneas de contorno, línea gruesa y sombra en el piso. Experimenten con las técnicas.
• Al finalizar deberán subir el ejercicio a su espacio de Deviantart y posteriormente al grupo TécnicasDigitalesQRO.
![Page 18: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/19.jpg)
Grosor de la línea
Combinación de técnicas de sombreado
Poca mancha
![Page 20: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/20.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 21: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/22.jpg)
Cálidos
![Page 23: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/23.jpg)
Fríos
![Page 24: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/24.jpg)
Colores complementarios
Los 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.
![Page 25: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/25.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 26: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/26.jpg)
![Page 27: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/27.jpg)
![Page 28: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/28.jpg)
![Page 29: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/29.jpg)
![Page 30: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/30.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 31: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/31.jpg)
![Page 32: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/32.jpg)
![Page 33: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/33.jpg)
Aplicar poca mancha, dejar brillos, para denotar el color y el tipo de material.
![Page 34: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/34.jpg)
![Page 35: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/35.jpg)
![Page 36: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/36.jpg)
Ejercicio 5: Volúmenes sencillos a color
• El alumno realizará el mismo ejercicio que el de “volúmenes sencillos” pero ahora aplicando color.
• 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 TécnicasDigitalesQRO.
![Page 37: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/37.jpg)
![Page 38: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/38.jpg)
![Page 39: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/39.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 40: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/40.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 41: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/41.jpg)
Se pueden delinear las alturas de la vista frontal para definir el frente.
![Page 42: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/42.jpg)
Generar formas complejas a partir de la combinación de formas básicas y secciones cruzadas.
![Page 43: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/43.jpg)
Cajitas y más cajitas!!!
![Page 44: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/44.jpg)
![Page 45: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/45.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 46: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/46.jpg)
1 2
3 4
![Page 47: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/47.jpg)
![Page 48: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/48.jpg)
Las líneas de contorno, que rodean al objeto, brindan información adicional para la comprensión del volumen del objeto.
![Page 49: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/49.jpg)
![Page 50: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/50.jpg)
![Page 51: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/51.jpg)
Contornos y sombras ligeras
![Page 52: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/52.jpg)
Redondeos de esquinas y uso de contornos
![Page 53: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/53.jpg)
Utilizar sombras y figuras geométricas como fondos para hacer el bocetaje presentable.
![Page 54: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/54.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 55: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/55.jpg)
Los achurados también sirven para dar efectos de texturas, sólo se señala en algunas partes, no es necesario trazarlo en todo el objeto.
![Page 56: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/56.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 57: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/57.jpg)
![Page 58: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/58.jpg)
Manejo de texturas, tonos claros y obscuros para brillos y sombras.
Mezcla de técnicas: color y achurados, líneas de contorno.
![Page 59: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/59.jpg)
![Page 60: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/60.jpg)
Grosor de líneaSe pueden engrosar las líneas de la base y también las líneas externas del objeto principal para hacerlo resaltar o para definir la forma general.
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 61: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/61.jpg)
![Page 62: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/62.jpg)
![Page 63: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/63.jpg)
![Page 64: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/64.jpg)
De un merengue de líneas a definir la línea final.
![Page 65: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/65.jpg)
Presentación: Vender la idea
• Uso de fondos.• Acomodo lógico, aprovechando el
espacio.• 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 66: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/66.jpg)
![Page 67: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/67.jpg)
![Page 68: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/68.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 69: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/69.jpg)
Ejercicio 6: Bocetaje con contornos• El alumno escogerá 3 de los bocetos
rápidos que realizó. Cada boceto lo trazará en 3 perspectivas distintas (girar el objeto) utilizando la técnica de contornos, volúmenes con achurados (9 perspectivas en total), pueden utilizar tantas páginas necesiten.
• Se realizará en sketchbook pro y se subirá a la carpeta correspondiente del grupo de Deviantart.com
![Page 70: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/70.jpg)
![Page 71: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/71.jpg)
![Page 72: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/72.jpg)
Procesos de bocetaje
Uso de vistas, perspectivas y aplicación de color.
![Page 73: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/73.jpg)
![Page 74: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/74.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 75: Técnicas Digitales Clase3 EM2013](https://reader035.fdocument.pub/reader035/viewer/2022062307/557b4d56d8b42a0d388b51af/html5/thumbnails/75.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