70
Técnicas de representación digitales Clase 2: Soltura de mano y Bocetaje con vistas. TAMM-3junio2015

Técnicas Digitales Verano Clase 2 BocetajeVistas

Embed Size (px)

Citation preview

Page 1: Técnicas Digitales Verano Clase 2 BocetajeVistas

Técnicas de representación digitales

Clase 2: Soltura de mano y Bocetaje con vistas.

TAMM-3junio2015

Page 2: Técnicas Digitales Verano Clase 2 BocetajeVistas

Tipos de línea y expresiónLa línea puede expresar ideas, emociones y

sentimientos.

La línea está impregnada de la personalidad de la persona que la traza, como una firma.

Page 3: Técnicas Digitales Verano Clase 2 BocetajeVistas

• Línea recta: vertical, horizontal y oblicua

• Curva• Línea quebrada

Page 4: Técnicas Digitales Verano Clase 2 BocetajeVistas

¡Soy chobi!

Page 5: Técnicas Digitales Verano Clase 2 BocetajeVistas

Bocetaje

El bocetaje es la forma más rápida para definir problemas, explorar ideas y desarrollar formas.

Es un medio de comunicación y la calidad de la presentación depende de la etapa de diseño en la que nos encontremos.

Boceto: Dibujo a trazos rápidos, dibujo sin terminar.

Bocetaje: Trazar líneas generales de algo.

Page 6: Técnicas Digitales Verano Clase 2 BocetajeVistas

Uno de los beneficios cognitivos del boceto es que, el simple acto de formular imágenes mentales en un modo concreto sobre papel hace posible reflejar el concepto, y de manera casi instantánea desarrollar más conceptos nuevos (iteración).

Page 7: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 8: Técnicas Digitales Verano Clase 2 BocetajeVistas

IMPORTANTEEEEELanzar líneas rápido… ¡¡¡RÁPIDOOOO!!!

para generar la mayor cantidad de ideas y propuestas en un corto tiempo y no preocuparse por “hacerlo bonito” sino porque se entienda la idea general.

Page 9: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 10: Técnicas Digitales Verano Clase 2 BocetajeVistas

Boceto

Visualización en distintos ángulos

Producto final

Karim Rashid

Page 11: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 12: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 13: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 14: Técnicas Digitales Verano Clase 2 BocetajeVistas

Ejercicio 1: Bocetaje rápido• El alumno copiará de

manera rápida varios objetos que se le presentarán. Se usará un cronómetro para regular el tiempo.

• Este ejercicio ayudará al alumno a desarrollar su habilidad de observación, agilizar su trazo, ser conciente del tiempo y descomponer el objeto en líneas básicas.

• Subirán el archivo en la carpeta correspondiente.

Page 15: Técnicas Digitales Verano Clase 2 BocetajeVistas

2 minutos

Page 16: Técnicas Digitales Verano Clase 2 BocetajeVistas

2:30 minutos

Page 17: Técnicas Digitales Verano Clase 2 BocetajeVistas

2 minutos

Page 18: Técnicas Digitales Verano Clase 2 BocetajeVistas

2 minutos

Page 19: Técnicas Digitales Verano Clase 2 BocetajeVistas

10 segundos

Page 20: Técnicas Digitales Verano Clase 2 BocetajeVistas

¡Ja! Se creyeron la última

Page 21: Técnicas Digitales Verano Clase 2 BocetajeVistas

¡¡¡El mejor tutorial de la historia!!! …Hasta ahora….

Page 22: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 23: Técnicas Digitales Verano Clase 2 BocetajeVistas

Ahora si:

¡A lo que nos truje chencha!

Page 24: Técnicas Digitales Verano Clase 2 BocetajeVistas

Proceso de diseño

El bocetaje va evolucionando dependiendo de la etapa de diseño en la que nos encontremos:– Investigación: Burdo y rápido, formal, conceptos.– Exploración: Formal, volúmenes básicos y rápidos,

sin mucho detalle.– Explicación: Detalles básicos, notas, flechas,

volúmenes medios y refinamiento de líneas.– Persuasión: Detalle completo, color y materiales

tentativos.

Page 25: Técnicas Digitales Verano Clase 2 BocetajeVistas

Investigación-Conceptualización

Vistas y formas básicas

Page 26: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 27: Técnicas Digitales Verano Clase 2 BocetajeVistas

Exploración

Page 28: Técnicas Digitales Verano Clase 2 BocetajeVistas

Perspectivas, análisis de formas, un poco más de detalles.

Page 29: Técnicas Digitales Verano Clase 2 BocetajeVistas

Explicación

Page 30: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 31: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 32: Técnicas Digitales Verano Clase 2 BocetajeVistas

Manejo de flechas, letreros, análisis de materiales, cortes, grosores, etc.

Page 33: Técnicas Digitales Verano Clase 2 BocetajeVistas

Persuasión-presentación

Page 34: Técnicas Digitales Verano Clase 2 BocetajeVistas

Presentar el objeto: ¿cómo venderías la idea?

Page 35: Técnicas Digitales Verano Clase 2 BocetajeVistas

Ejercicio 2: Bocetaje en vistas

• El alumno realizará el rediseño de unos audífonos bajo un concepto que se le indicará en clase aplicando el bocetaje en vista.

• Comenzaremos bocetando juntos y después tendrá que terminar el ejercicio por su cuenta.

• La entrega deben ser mínimo 24 bocetos respetando las técnicas que se explicarán en clase.

• Tamaño de hoja: carta• Resolución: 200 dpis• Entrega: Jueves 4 de junio antes de las 4pm en el

grupo de Deviantart.com en la carpeta correspondiente.

Page 36: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 37: Técnicas Digitales Verano Clase 2 BocetajeVistas

• Para empezar a bocetar necesitas saber:– ¿qué voy a diseñar? OBJETO– ¿qué quiero expresar? CONCEPTO– cómo lo voy a expresar: usando formas,

figuras, líneas de expresión, volúmenes.– ¿qué características lo hace ser?– ¿qué características le voy a dar?

Funciones básicas, partes que lo componen, etc.

• Mientras bocetas las primeras ideas vas pensando ¿cómo lo hago más original, distinto o innovador? EVOLUCIÓN.

Tips para bocetar

Page 38: Técnicas Digitales Verano Clase 2 BocetajeVistas

Bocetaje de investigación y exploraciónDurante la fase de la conceptualización, los

bocetos se usan para estructurar y entender el problema, así como para generar y explorar soluciones: función y/o forma.

Se realizan rápido, con la mano suelta. Su naturaleza rápida permite generar una gran cantidad de dibujos, y por tanto, muchas soluciones para probar y evaluar.

Page 39: Técnicas Digitales Verano Clase 2 BocetajeVistas

Siluetas para bocetar formas

• La manera más sencilla y básica para bocetar es trabajar con figuras geométricas simples y siluetas.

• Las siluetas son formas básicas que ayudan a comprender y delimitar la figura.

Page 40: Técnicas Digitales Verano Clase 2 BocetajeVistas

La exploración en vistasSirve para explorar distintas formas que satisfagan

el concepto del producto.

Page 41: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 42: Técnicas Digitales Verano Clase 2 BocetajeVistas

Investigación-Exploración

Cuando se comienza a bocetar en vistas se debe escoger la que mayor información nos brinde sobre el diseño/objeto.

Establecer una silueta (forma general) ayuda a tener una forma en la mente y poder comenzar a darle características al objeto.

Nota: por lo general se utiliza la vista frontal o lateral, pero hay objetos que se comprenden mejor en vista superior.

Page 43: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 44: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 45: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 46: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 47: Técnicas Digitales Verano Clase 2 BocetajeVistas

Técnicas de bocetaje en vistas

• Lanzamiento de líneas (brainstorming-conceptualización).

• Manejo de luz y sombra (achurados, brillos, reflejos, color sólido).

• Calidades de línea.

Page 48: Técnicas Digitales Verano Clase 2 BocetajeVistas

Lanzamiento de líneas

• Lanzar líneas, dividir el boceto por secciones o en figuras geométricas.

• No preocuparse de salirse de la línea.

• No hacer líneas peludas (segmentar una línea en muchas que no coinciden).

Page 49: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 50: Técnicas Digitales Verano Clase 2 BocetajeVistas

SombrasLa 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 51: Técnicas Digitales Verano Clase 2 BocetajeVistas

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 52: Técnicas Digitales Verano Clase 2 BocetajeVistas

Rebote de luz

Page 53: Técnicas Digitales Verano Clase 2 BocetajeVistas

Fuente de luz

Page 54: Técnicas Digitales Verano Clase 2 BocetajeVistas

Cómo crear tonos: ¡achurados!

Page 55: Técnicas Digitales Verano Clase 2 BocetajeVistas

Aplicar achurados para generar volumen en una vista.

Page 56: Técnicas Digitales Verano Clase 2 BocetajeVistas

Aplicación de achurados para sombrear en vistas

Una técnica rápida para sombrear un boceto es trazar o delimitar el área que correspondería a la sombra del objeto y aplicar un achurado en esa sección.

Es muy común para bocetos rápidos y de exploración, o para sombras en el piso.

Page 57: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 58: Técnicas Digitales Verano Clase 2 BocetajeVistas

También pueden crear “transparencias” delineando el volumen y achurando el interior (por ejemplo un líquido). O comprender objetos facetados.

Page 59: Técnicas Digitales Verano Clase 2 BocetajeVistas

Achurados para diferenciar distintos materiales

Page 60: Técnicas Digitales Verano Clase 2 BocetajeVistas

Aplicación de color sólido para sombrearFunciona parecido a la técnica de achurado,

se dibuja la sección de sombra en el objeto y se rellena con un color sólido. En caso del boceto rápido se utiliza un tono de gris claro a medio.

¡JAMÁS NEGRO!

Nota: se pueden mezclar las técnicas para reforzar la sombra.

Page 61: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 62: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 63: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 64: Técnicas Digitales Verano Clase 2 BocetajeVistas

Calidad de líneaEngrosar las líneas externas sirve para llamar la atención, delimitar un objeto, limpiarlo (se come las líneas peludas) 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 65: Técnicas Digitales Verano Clase 2 BocetajeVistas

¡El grosor de las líneas jerarquizan!

• Más grueso afuera: sombras, resaltar el contorno, llamar la atención.

• Líneas medias para delimitar secciones o partes en el boceto.

• Líneas delgadas para usarse como guías, líneas de contorno (en el caso de los volúmenes), sombras (achurados) y dan carácter al boceto.

Page 66: Técnicas Digitales Verano Clase 2 BocetajeVistas

El mejor tutorial de la vida para poder dibujar….

mejor que el de Pikachu porque ya sabemos sombrear

Page 67: Técnicas Digitales Verano Clase 2 BocetajeVistas
Page 68: Técnicas Digitales Verano Clase 2 BocetajeVistas

Tutoriales (buenos para su vida, su alma y hacer su tarea )

• Finding inspirationhttps://www.youtube.com/watch?v=dOpedpCA7vU

• ConceptCookie channelhttps://www.youtube.com/channel/UCK-FyplW40x3bKQnkQaPPiA

• SomosDIhttps://www.youtube.com/user/somosdi

Page 70: Técnicas Digitales Verano Clase 2 BocetajeVistas

Referencias

Oloffson, 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.