Digital techniques

Class 2: Rapid sketching with silhouettes and views. Light and shadowsBocetaje rápido con vistas y siluetas. Luz y sombra

TAMM-19agosto2014

Objetives• The students are going to learn how to do rapid

sketching using different views, silhouettes and outlines to understand volume and guide lines.

• El alumno, comprendiendo las vistas de los objetos, aprenderá a realizar bocetos rápidos volumétricos utilizando contornos y líneas de apoyo.

Type of lines and expressionLine can express ideas, emotions and feelings.

The lines has the personality of the person who drew it, is like a signature.

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.

Porque: tiene otra técnica, ha practicado más, tiene otro tipo de línea….

¡Preocúpense de su propio avance, no el del compañero!

• Straight line: vertical, horizontal y oblique

• Curve• Broken line

SketchingSketching is the fastest way to define

a problem, explore ideas and develop forms.

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

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

Bocetaje: Trazar líneas generales de algo.

Sketch: Draw quick strokes, an unfinished drawing.

Sketching: Draw general lines of something

One of the cognitive benefits of sketching is that while you create mental images and express them on paper you are understanding and showing a concept. Instantly you keep developing more concepts.

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).

IMPORTAAAAAAAAANT!!!!• Throw lines very fast… FAAAAAASSSTTT!!!• This would help you to have a great number

of ideas in a short time and don’t worry about the esthetics of the drawing, just that can be understood.

IMPORTANTEEEEE• Lanzar líneas rápido… ¡¡¡RÁPIDOOOO!!!

para generar la mayor cantidad de ideas en un corto tiempo y no preocuparse por la “estética” del dibujo sino porque se entienda.

Design process• Sketching evolution depends on the

design process phases:

– Research: Rough and fast.– Exploring: Form, basic volumes and fast.– Explanatory: Basic details, notes, arrows,

volumes, and defined lines.– Persuasion: Complete detailed, defined

colors.

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.– Exploración: Formal, volúmenes básicos y

rápido.– Explicación: Detalles básicos, notas, flechas,

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

Exploring

Explanatory

Persuasion

Exercise 1: Rapid sketching• The students will draw

some objects that will be projected as fast as they can. A chronometer will be used to measure time.

• This exercise will help them to develop some abilities: observation, quick traces, be concious about the time they have and split the object in basic forms and lines.

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.

2 minutes

3 minutes

1:30 minutes

1:30 minutes

1:30 minute

10 seconds

¡Ja! Se la creyeron

Vayan a break ^^

Light and shadowsObjetive• The students will understand some light

qualities and how to apply shadows and lights in their sketches to generate volumes.

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.

ShadowsLine is the contour of the figure.

Volume is a mixture of light and shadows.

Shadows are the consequence of light.

Space concept is the result of:

• The object own shadows.

• The shadows that the object projects.

• Shadows and reflections that other objects project on the object.

SombreadoLa 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.

• The shadow is a part of the object that doesn’t receive direct lightning.

• When you draw you must consider:

Where is the source of light.

Which zones are touched by the light.

• 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.

Iight source

How to create tones

Apply lines to generate volume.

Research sketching and y exploringIn the first stage of the design process

(conceptualization) sketching is used to understand and define the problem and generate solutions through function and form.

You must release your hand and sketch really fast. This will let you generate a great number of drawings or ideas and give a lot of solutions to try.

Bocetaje de investigación y exploraciónDurante la fase de la idea los bocetos se usan

para estructurar y entender el problema, así como para generar y explorar soluciones: función 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.

Silhouettes used to sketch forms• The easy way to

sketch is using basic geometric figures and silhouettes.

• Silhouettes are basic forms that we can recognize and help us to understand and define a figure.

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.

Character design for animation class with Nate Wragg: http://www.youtube.com/watch?v=OqjsiYZSLQ0

• For a better understanding of the design you must use basic lights and shadows (with intention). This lights and shadows will help us to figure out the volume from this rough sketch.

• It doesn’t need to be a perfect drawing, just a level to understand the idea (que dé el gatazo)

• Para comprender mejor el diseño se manejan luces y sombras básicas (con intención). Dichas luces y sombras nos permitirán visualizar de forma burda el volumen.

• No se debe ser perfecto, sólo buscar dar la intención (¡el gatazo!).

Intro to character and creature design with Eric Ryan http://www.youtube.com/watch?v=gJzCApNa1I0

La exploración en vistasSirve para explorar distintas formas que

satisfagan el concepto del producto. Las vistas laterales y frontales ayudan a este fin.

Exploring with viewsViews help to explore different forms and shapes that

can meet the concept. Lateral and front views can be used depending on the object form. Choose the one that gives you more information.

Exercise 2.1: Silhouette sketching• The students are going to redesign

“something” using views and silhouettes.• They are going to have 20 minutes to do

as much rapid sketches as they can. • When finished they are going to submit the

file in deviantart.com• Each student must give a comment to

three of their mates work.

Ejercicio 2.1: Bocetaje con siluetas• El alumno realizará el rediseño de un algo que

se le indicará en clase aplicando el bocetaje en vista y siluetas.

• El alumno tendrá 20 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.

• Cada alumno deberá realizar un comentario a los bocetos de 3 de sus compañeros.

Volume comprehension

Achurados– The lines you

use must follow the form, that way you can take control of the tonal degrees depending on how the light is touching the surface.

– This are used to define shadows and lights not for coloring.

Comprender volumenes

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.

Lights, brights, reflections and shadows– Lights, brights, and reflections are total white. – Shadows and tones done with “achurados” are

dark.

More shadowsThere is other technique

where you delimit the shadows by drawing its form and filling it with achurados.

Is a common technique for rapid sketching and exploring sketches. Can be used for shadows on the floor, too.

BocetajeExiste 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.

Shadows on the floor• You can draw a defined and simple figure

as: circles, silhouettes, proyected rectangles.

• Doesn’t need to be an exact projection of the object.

• Doen’t need to be totally dark because it can steal attention.

• The shadows can be done with complete achurados or with some kind of degree.

Sombra en el piso• Puede ser una figura definida y sencilla

como: un círculo, una silueta, rectángulos proyectados.

• No tiene que ser una proyección fiel al objeto; no tiene que ser totalmente obscura ya que puede robar la atención; se puede hacer con achurados completos o desvanecidos.

Bolígrafo y achurados

Bolígrafo o estilógrafo y achurados

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

The best tutorial eveeeeeeeer!!! …Until now….

Exercise 2.2: Silhouette sketching

• The students are going to sketch an astronaut • El alumno realizará el diseño de un

ATRONAUTA aplicando el bocetaje en siluetas, luz y sombra

• El alumno tendrá que hacer mínimo 20 siluetas y medir el tiempo que le lleve hacerlo.

• Se entregará vía DA en la carpeta correspondiente.

• Entrega: miércoles 29 de enero antes de las 9am.

Ejercicio 2.2: Bocetaje con siluetas• El alumno realizará el diseño de un

ATRONAUTA aplicando el bocetaje en siluetas, luz y sombra

• El alumno tendrá que hacer mínimo 20 siluetas y medir el tiempo que le lleve hacerlo.

• Se entregará vía DA en la carpeta correspondiente.

• Entrega: miércoles 29 de enero antes de las 9am.

Exercise 3: Monochromatic simple volumes • The students are going to sculpt 5 different abstract

figures with clay. Later, using a lamp they will lighten each figure and sketch it with sketchbook pro using any light and shadow technique.

• Use Monochromatic color scheme (gray scale)• Requirements: Draw an arrow to indicate the light

source. Use achurados, aerograph, shadows on the floor, etc. Experiment with the techniques, use more than one.

• Submit in the group: Wednesday August 27th, 2014 before 9am

Ejercicio 3: Volúmenes sencillos monocromático • El alumno formará 5 figuras distintas, abstractas, con

plastilina. Posteriormente, alumbrará cada figura con una lámpara y la dibujará en Sketchbook pro aplicando técnicas de luz y sombra.

• 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, sombra en el piso, etc. Experimenten con las técnicas, no usen sólo una.

• Entrega: Miércoles 27 de agosto antes de las 9am, vía deviantart.

Volumen en Sketchbook pro: http://www.youtube.com/watch?v=oVYzc5xfRBE

Lectura 2: Calidad de línea El alumno realizará la lectura del artículo: Calidad de línea de la

página de Neopixel:http://www.neopixel.com.mx/articulos-neopixel/articulos-ilustracion/1619-calidad-de-linea.html

Escribirá una conclusión en máximo una cuartilla y enviará el archivo en Word por email al correo: van_loves_akane@hotmail.com

El formato del nombre del archivo debe ser:Matrícula+Nombre+Lectura1.doc

Ejemplo: A00339476-TaniaMunoa-Lectura2.doc

La entrega deberá ser antes de la clase del miércoles 17 de agosto (martes 27 de agosto, 11:59pm)

Tutorials (good for your lifes and your souls and your homeworks)

• Finding inspirationhttps://www.youtube.com/watch?v=dOpedpCA7vU• Sci-Fi Character Series Part 1: Silhouetteshttps://www.youtube.com/watch?v=Q6W_4MzhpLk• ConceptCookie channelhttps://www.youtube.com/channel/UCK-FyplW40x3bKQnkQaPPiA• SomosDIhttps://www.youtube.com/user/somosdi

Recomendaciones• Sketch A Day (2010)http://bensketchesdaily.blogspot.com/

• IdSketching (2012)http://www.idsketching.com/

• Boceto de presentación en sketchbook pro (explicaciones y trucos)

http://www.youtube.com/watch?v=w2gQB5VBR4w&feature=plcp

• Bocetaje aplicando vistas, perspectiva y contornos de SomosDI (2012)

http://www.youtube.com/watch?v=MkAYRKiQro0&feature=plcp

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.