Técnicas de representación digitales

Class 3: Rapid Sketching, perspective and color theoryClase 3: Bocetaje rápido, perspectiva y teoría del color.

TAMM-August 27th, 2014

Objectives

• The students are going to learn rapid sketching techniques, how to use views and perspective and understand volume using outline and contour guides. Understand light and shadows in monochromatic and using color.

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

Exercise 4: View sketching

• The students will redesign an object using a concept that will be given in class. They would use the view they consider is the best to express the concept.

• They would have 10 minutes to draw as much sketches as they can.

• When finished submit the file in the group.• Recomendation: Keep the concept in your head,

how to express it, what lines make you feel it.

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á 10 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.

• Object: Iron• Concept: Speed

Contour line

• To sketch/draw an object in perspective it is important to understand all the object views: front, lateral, superior.

• Using this views you can understand the contour and volume of the object.

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.

Complex formsTo create crossed sections you need to draw

guide lines and grids in perspective as base of the sketch.

Later, you can draw height lines for the lateral views

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.

Se pueden delinear las alturas de la vista frontal para definir el frente. Es como una estereotomía.

Use the front view to delimit the height and the form fo in the third dimension (front). Like a stereotomy.

Use basic forms and crossed sections to create complex forms.

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

Use of guide lines, contour lines and volume. • To sketch it is very important to

disassemble the object in basic volumes and forms.

• Two or more simple volumes can create a complex volume.

• Soft guide lines and contour lines would help us to understad the volume of the object.

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.

1 2

3 4

Use the box as guide for the perspective.

More contour lines

Contour lines that surround the object gives additional information to understand it’s volume.

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

Like a stereotomy

Achurados

Drawn shadows

Shadows on the floor and contour lines

Background

Rounded borders and contours

Thick linesTo thicken outlines would help you to: give more attention to something, delimit an object, clean it or emphasize the floor shadow.

You can thicken the base lines that are on the floor, or the outlines of the principal object.

The lines that are near a shadow are thicker and darker. The ones with light are thinner or discontinuou.

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.

Thick line

Different shadow

application techniques

Solid color

Exercise 5.1: Sketching in perspective with contour lines (20 minutes)• The students are going to choose 2 of the rapid

sketchings they did in Ex4 and will draw two different perspectives for each one (rotate the object) using contour lines technique, views, thick lines, background, volume and different kind of shadows (ex.achurado).

• Will be done in Sketchbook pro and will be submit in the group.

• For: Wednesday september 3th, 2014 before 9am

Ejercicio 5.1: Bocetaje en perspectiva con contornos (20 minutos)• El alumno escogerá dos de los bocetos rápidos

que realizó en el ejercicio 4 y lo trazará en dos perspectivas distintas (girar el objeto) utilizando la técnica de contornos, volúmenes con achurados, grosor de línea, etc.

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

• Entrega: próximo miércoles 3 de septiembre antes de las 9am

Color theory and application

Objetives:• The students are going

to remember color’s properties: meaning and perception.

• The students are going to learn different color applications for their sketches.

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.

Color theory

• Color is a feeling, a sense. Is the result of light decomposition.

• Classification based on the color wheel: Primary, secondary and tertiary.

• Sense and feeling: Warm and cold.

Teoría del color

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

Cálidos

Fríos

Color Harmony• Harmony can be defined as a

pleasing arrangement of parts.• In visual experience, harmony is

something pleasing to the eye. It creates an inner sense of order and balance, if not it is chaotic or boring and the brain would reject it.

• La armonía se define como un placentero arreglo de partes.

• En la experiencia visual, la armonía se algo placentero para el ojo, crea la sensación de orden y balance, de lo contrario se siente algo caótico y aburrido, y el cerebro tiende a rechazarlo.

Complementary colors

Complementary colors are two colors which are directly opposite each other in the color wheel.

They are call this way because the complement each other. They help each other to stand out and become more intense and pure.

Use complementary colors to paint the shadow of the object, this way the shadow won’t be burned and dark.

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.

Analogous colors

• Analogous colors are any three colors which are side by side on a 12 part color wheel, such as yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates.

• Los colores análogos son 3

colores que se encuentran juntos en el círculo cromático de 12 partes, como amarillo, amarillo naranja y narnaja. Usualmente uno de estos colores es el predominante.

Color PsychologyEach color has a

meaning depending on: sense, feelings, and culture.

Cada color tiene un significado que depende de las sensaciones y en ocasiones, de la interpretación que cada cultura tiene sobre el mismo.

TintsShadesTones

Mixture of a color with white.

Mixture of a color with black.

Mixture of a color with gray.

Gray monochroma is neutral.

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.

Complementary colors

Color application

• The coloring helps to know the color, tones, and texture of an object. It helps to understand the volume, too.

• The base color can be done with a solid color (pure, no half-tones or gradations) and the degrees or gradations with the aerograph tool (blender).

• Shadows can be done with a darker color of the base color or use complementary colors.

• You must apply white (or leave it) on the edges of the object and where the light touches the object.

Aplicación de color

• El coloreado sirve para saber qué textura, color y tonos tiene el objeto. También para comprender su volumen.

• El color se maneja con sólidos (no tiene ningún degradado o medio tono), y los degradados con aerógrafo (blender).

• Las sombras se pueden realizar con tonos más obscuros que el color base o usar colores complementarios.

• Se dejan blancos en las esquinas de los objetos o donde pega la luz, no porque sea un brillo total, sino para entender el volumen.

Mixture of techniques: color and achurado

Use “achurados” to emphasize the shadows area and would help to understand the volume.

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

Don’t apply too much color, let the object breath. Use brightness and light (white) to show the kind of material you are proposing and the color.

We don’t want a render, just to understand what you want to express

Textures, light and dark tones to create shadows and brightness.

Use a mixture of techniques: color with “achurados”, contour lines, textures, material.

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

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

Understand the material

Comprender el material

Floor shadow

Background

Notes and shadows

“Flashazo” coloring• Better known as CEL

SHADING, is a way to apply color using solid colors. First apply a base color and choose a shadow color (can be one or two) and the light colors (it depends of the material)

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

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

Exercise 6: Simple volumes with colors• The students are going to use the figures drawn in

Exercise 3: Monochromatic coloring and apply the coloring techniques we already learned: color with “achurados”, cel shading, complementary shadows, blendering, etc, experiment.

• They are going to apply a color dependeing on this concepts: Happiness, sadness, cuteness, fresh, anger, darkness.

• They would choose the tools they are more comfortable with.

• For: Wednesday September 3th, 2014, before 9am, submit in the group.

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, degradados, etc.

• Aplicarán color a cada figura dependiendo de cada uno de estos conceptos: felicidad, tristeza, ternura, frescura, furia, obscuridad.

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

• Subir el ejercicio en la carpeta correspondiente antes del miércoles 3 de septimbre a las 9am.

El mejor tutorial de la vida para poder dibujar….

mejor que el de Pikachu

Presentation: Sell the idea

• Use backgrounds to out stand the product.

• Logic accommodation. Make the most of the space using a sequence.

• Use notes and draw each letter.

• Use arrows and draw them, they must be part of the composition (the final image).

• Use floor shadows using geometry figures like ellipses, or abstract forms.

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.

Use shadows and geometric figures as backgrounds to out stand the sketch.

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

Composition using several techniques:

Thrown lines, achurados, backgrounds, notes, shadows, etc.

Tell a story.

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

Cuenten una historia.

Sketching process

Use of views, perspective and color application.

Exercise 5.2: Iron sketches presentation• When you finish the iron perspective

sketches, you will use the file to make a presentation using the coloring techniques, use of backgrounds, notes, shadows on the floor, etc. You have to sell the idea.

• Check the examples, do it with time and care using the techniques you consider the best for you and for the presentation.

• Submit the exercise in deviantart group before Wednesday september 3th, 9am.

Ejercicio 5.2: Presentación de planchas• Usarán las perspectivas del ejercicio 5.1 para

realizar una presentación con las técnicas vistas en clase: coloreados, fondos, letreros, sobras en el piso, etc. Tienen que vender la idea.

• Revisen los ejemplos de la presentación, hagan este ejercicio con conciencia, tiempo y cuidado, utilizando las técnicas que ustedes consideren las mejores para el ejercicio.

• Suban el ejercicio en el grupo de deviantar antes del miércoles 3 de septiembre a las 9am.

Exercise 7: Headphones redesign• The students will do 6 sketches of headphones

using the concept: sci-fi.• They can use views, perspectives, thrown lines,

contour lines, coloring, monochormatic, everything we’ve seen in the classes.

• Submit the exercise in the deviantart group before Wednesday september 3th, 9am.

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

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.

Videos útiles

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

http://www.youtube.com/watch?v=w2gQB5VBR4w • Sketchbook Shoe Sketchhttps://www.youtube.com/watch?v=kEz8lIwFg5c• Speedsketch de un tenishttp://www.youtube.com/watch?v=G_chiM3TDUM• Boceto en perspectiva usando planoshttp://www.youtube.com/watch?v=3ui0rNX4n70

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