Advanced digital techniques

August-November

2014

Tania A. Muñoa Moranchel

August 13th, 2014

LDI/MID

Objectives• The students would learn

illustration, editing and sketching techniques, using digital programs.

• They would learn graphic design and digital art to express their ideas clearly.

• They would remember and use their previous drawing class to achieve the objectives.

Objetivos• El alumno, utilizando

programas computacionales especializados, aprenderá a aplicar técnicas de ilustración, edición, diseño gráfico y bocetaje para lograr expresar claramente sus ideas.

• Aplicará técnicas de representación aprendidas previamente durante la carrera, para lograr el objetivo anterior.

Previous knowledge• Perspective• Rapid Sketching techniques

(brainstorming, use of notes)

• Color theory and use of tools as: markers, color pencils, pen, stylographic pens, etc.

• Technical drawing (3D Views - Geometría descriptiva)

• Human scale and ergomonics.

• Artistic drawing.

Conocimientos previos

• Comprensión de la perspectiva.• Bocetaje rápido (Lluvia de ideas,

uso de letreros y notas)• Teoría y aplicación de color

(plumón, estilógrafos, bolígrafo, prismacolor, etc.)

• Comprensión de la tridimensionalidad (Uso de vistas-Geometría descriptiva)

• Escala humana y ergonomía.• Dibujo artístico.

What would you learn?

• Digital art and Design programs: Sketchbook pro, Illustrator, Photoshop.

• Speed paint for rapid sketching and digital painting.

• Vector design to avoid loss of shape.

• Color theory for graphic design.

• How to use fonts and guides (law of thirds and aurea proportions).

¿Que aprenderán en el curso?• Programas de diseño gráfico e ilustración:

Sketchbook pro, Illustrator, Photoshop.• Speed paint para bocetaje rápido.• Vectorizado de imágenes para evitar

deformación.• Aplicación de teoría del color para Diseño

Gráfico.• Uso adecuado de fuentes tipográficas,

cuadrículas (ley de tercios y proporción aurea)

• Graphic design theories for posters design.

• Tricks and effects to improve sketches, digital art and renders (lights, brights and color)

• Image edition.

• Digital painting.

1st Partial: SketchingProgram: Sketchbook pro• Learn how to use a digital tablet (Wacom Intuos)• Loose your hand for rapid sketching and get used

to the tools. • Learn all the program tools.

•Types of sketches you can do with Sb pro: rapid sketching, digital paint, presentation sketch.

1er Parcial: SketchingPrograma: Sketchbook pro• Uso de la tableta digital (Wacom Intuos)• Soltura de la mano para bocetaje rápido y

adaptación a la herramienta.• Uso de las herramientas del programa.

• Tipo de bocetos que se pueden realizar con el programa: bocetaje rápido, pintura digital, boceto de presentación.

http://boards.core77.com/viewtopic.php?t=15811

Works

2nd Partial: Image editing and digital paint

Program: Photoshop• Speedpaint, sketch and pictures retouch, renders.• Lightning effects, textures, lights, shadows, brights,

hue and saturation.

• Edit pictures to create compositions and presentations: collage.

2o Parcial: Edición de imágenes

Programa: Photoshop• Uso de las herramientas básicas del programa.• Speedpaint y retoque de bocetos y renders.• Efectos de iluminación, texturas, sombras, brillos y

color.

• Edición de imágenes para realizar composiciones en láminas de presentación: Recortes, empalmes, acomodos (collage).

Works

2nd Partial: Graphic design

Program: Illustrator• Theory of thirds and use of guide lines.• Equilibrium, visual weight, color theory.

• Vectors: Illustrations, Fonts, Types, Backgrounds, etc.• How to print your works.

Works

Final work

Grades• 1st Partial

– Exercises (class and homeworks) 60%– Partial Proyect 30%– Readings 10%

100%• Final

– 1st Partial 30%– 2nd Partial 35%– FINAL 35%

100%

Nota: En caso de no haber un proyecto parcial las calificaciones de los ejercicios se promediarán para obtener la calificación.

Digital tablets

• Class tablets can be borrowed in the class time. Must be returned at the end of the class.

• For daily use can be borrowed in the DICI’s warehouse.

http://www.wacom.com/en/us/creative

Tabletas digitales

• Tabletas de la clase se prestan en el horario de clase, se regresan al final.

• Préstamo para uso cotidiano, pasar al almacén y llenar el formato de préstamo.

Sketchbook pro

• Instalar el programa (a ver si existe):– Registrarse en la página de Autodesk

https://students.autodesk.com/?nd=register – Bajar el programa Sketchbook pro en su

computadora.

Work delivery

• Create an account in http://www.deviantart.com/ • Go to the group TDQRO2

( http://tdqro2.deviantart.com/ ) and send a request to join the group. In the emerging window write your name to recognise each one of you.

• The work must be submitted the next Wednesday, before 9am. If not, you’ll have to leave it in the delay folder and the maximum grade would be 90.

Recepción de trabajos

• Crear cuenta de http://www.deviantart.com/ • Unirse al grupo TDQRO2

( http://tdqro2.deviantart.com/ ) deberán enviar un request al grupo. En la ventana emergente coloquen su nombre con matrícula para poder registrarlos.

• Los archivos deben subirse el siguiente miércoles antes de las 9am, de lo contrario se recibirán con retardo y se evaluará sobre 90. Por cada día de retraso se bajarán 10 puntos.

References and interesting links

• SomosDI (tutoriales y consejos para diseñadores industriales)http://www.youtube.com/user/somosdi?blend=2&ob=video-mustangbase http://somosdi.com/

• Industrial Design Sketching and Drawing Tutorials http://www.idsketching.com/

• CGMWorkshops http://www.youtube.com/user/CGMWORKSHOPS

• Grupo de Técnicas Digitales 2012 y 2013 (para revisar los proyectos anteriores)

http://tecnicasdigitalesqro.deviantart.com/)

Julián, Fernando (2009) Dibujo para diseñadores industriales. Barcelona: Párramo.

•  TS171.4 .J85 2009 

Oloffson, Erik (2007) Design Sketching. Suiza: KEEOS Design Books

• TS171 .O45 2007  

Taller de fantasía digital = Imagine FX, fantasy and sci-fi digital art.

•  N7433.8 .I4318 2009  

More, more and more!!!

Manual de Photoshop CS6• TR267.5.A3M36 2013Aprender Photoshop CS6• TR267.5A66 2012Técnicas de arte digital• TR642.T43Dibujo anatómico• NC765.J4618 2013

Communication and consultancy

• Tania A. Muñoa Moranchel LDI/MID• tamuoa@itesm.mx• van_loves_akane@hotmail.com

• Class schedule Wednesday 4:05pm – 6:55pm

Ppt:http://www.slideshare.net/wampi_di Facebook:

Diagnostic exercise (30 minutes)Each student would see his/her

shoes and has to:1. Copy the object from any

perspective they think gives the most information.

2. Redesign the object using different drawing/sketching techniques you know (do as many sketches as you think you need)

3. Choose the best design and draw a better quality sketch (how would you present your idea?)

Diagnostic exercise (30 minutes)Cada alumno observará su calzado

y tendrá que:

1. Copiar el objeto desde la perspectiva que mejor le parezca.

2. Hacer el rediseño del objeto donde aplique distintas técnicas de representación que conozcan (la cantidad que considere adecuada).

3. Revisar el rediseño y escoger el diseño que más les guste para finalmente desarrollar un boceto final de presentación.

Sketchbook pro and digital tablet

The students are going to start getting used with the program, the digital tablet and the digital techniques.

El alumno comenzará a familiarizarse con el programa computacional, el uso de la tableta digital y la aplicación de la técnica digital.

Tools

Brushes properties

Brush size

General menu

Layers

Colors

Workspace

Practice 1: Getting used to the digital tablet• Open a new file in letter size (21x27cms)• Throw lines using different kind of brushes: pen,

pencil, pen, airbrush, etc. Identify each one.• Later we are choosing a theme to make a drawing

exercise to start getting used with the tools.• When you finish your work you must save the file

in .jpg extension and submit it in your Deviantart account. Later submit it to the TDQRO2 group in the “Practice1” folder.

Práctica1: Reconocimiento de tableta• El alumno configurará la hoja de papel en la que

trabajará: tamaño carta (21x27cms)• Después hará lanzamiento de líneas utilizando las

distintas herramientas que posee Sketchbook pro: pluma, pincel, lápiz, aerógrafo, etc. para familiarizarse con el programa.

• Posteriormente se les asignará un tema para ilustrar donde utilicen las herramientas.

• Al terminar deberá guardar el archivo en .jpg y subirlo a su cuenta de Deviantart para posteriormente anexarlo al grupo TDQRO2 en la carpeta “Práctica1”

File size

Exercises you can do

Tutorials

Sketchbook pro introduction

• http://www.youtube.com/watch?v=KIYp2EaF6_g

Practice 2: Control• First: Do this exercise on a sheet of paper and when finish repeat it

in sketchbook pro.• Each line must be repeated 8 times, trying to follow the first you did.

We don’t want furry lines, we need to control our hand and our traces.

Líneas Arcos Ondas

Práctica 2: Control de líneas• Un ejercicio en hojas a mano alzada y se debe repetir en

sketchbook pro.• Cada línea se repasa 8 veces tratando de seguirla, no queremos

líneas peludas, necesitamos control en el trazo.

Líneas Arcos Ondas

Ejercicio sugerido: Soltura de manoEn el programa Sketchbook pro abrir una hoja

(puede ser la de default o definirla en carta) realiza una plana de gusanitos, cada uno debe tener 8 espirales.

Reading 1: Levels of sketching

The students must read the article: Levels of sketching from the idsketching page:

http://www.idsketching.com/toolbox/toolbox-levels-of-sketching/

You will write a reading report. Maximum one page and send it to the email: van_loves_akane@hotmail.com

File name must be:ID number+Name+Reading1.doc

Ejemplo: A00339476-TaniaMunoa-Lectura1.doc

Send it on Wednesday august 20th (next class) before 9am.

Lectura 1: Levels of sketching

El alumno realizará la lectura del artículo: Levels of sketching de la página de idsketching:

http://www.idsketching.com/toolbox/toolbox-levels-of-sketching/

Posteriormente escribirá una conclusión en máximo una cuartilla y enviará el archivo en Word por email al correo: tamuoa@itesm.mx

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

Ejemplo: A00339476-TaniaMunoa-Lectura1.doc

La entrega deberá ser antes de las 9am del miércoles 20 de agosto (próxima clase)

More recommendations

• Sketch A Day (2010)

http://bensketchesdaily.blogspot.com/

• IdSketching (2012)

http://www.idsketching.com/