Tecnicas Digitales Presentacion AN2013

66
Técnicas de representación digital enero-mayo 2013 Tania A. Muñoa Moranchel LDI/MID

description

Técnicas Digitales Agosto Noviembre 2013 Presentación del curso e introducción a Sketchbook pro

Transcript of Tecnicas Digitales Presentacion AN2013

Page 1: Tecnicas Digitales Presentacion AN2013

Técnicas de representación digital

enero-mayo 2013

Tania A. Muñoa Moranchel

LDI/MID

Page 2: Tecnicas Digitales Presentacion AN2013

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.

Page 3: Tecnicas Digitales Presentacion AN2013

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)

• Desarrollo de planos generales y de producción con cortes.

• Escala humana y ergonomía.• Desarrollo de instructivos.• Dibujo artístico.

Page 4: Tecnicas Digitales Presentacion AN2013

Técnicas 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.

Page 5: Tecnicas Digitales Presentacion AN2013
Page 6: Tecnicas Digitales Presentacion AN2013

• Teorías de Diseño gráfico para elaboración de láminas de presentación y pósters.

• Efectos y trucos para resaltar detalles (luces, brillos y efectos de color) en bocetos previos y renders.

• Edición de imágenes.

• Pintura digital.

Page 7: Tecnicas Digitales Presentacion AN2013
Page 8: Tecnicas Digitales Presentacion AN2013

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.

Page 9: Tecnicas Digitales Presentacion AN2013
Page 10: Tecnicas Digitales Presentacion AN2013

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

Page 11: Tecnicas Digitales Presentacion AN2013
Page 12: Tecnicas Digitales Presentacion AN2013
Page 13: Tecnicas Digitales Presentacion AN2013

Proyectos

Page 14: Tecnicas Digitales Presentacion AN2013
Page 15: Tecnicas Digitales Presentacion AN2013
Page 16: Tecnicas Digitales Presentacion AN2013
Page 17: Tecnicas Digitales Presentacion AN2013

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.

Page 18: Tecnicas Digitales Presentacion AN2013
Page 19: Tecnicas Digitales Presentacion AN2013
Page 20: Tecnicas Digitales Presentacion AN2013

Proyectos

Page 21: Tecnicas Digitales Presentacion AN2013
Page 22: Tecnicas Digitales Presentacion AN2013
Page 23: Tecnicas Digitales Presentacion AN2013

2o Parcial: Diseño Gráfico

Programa: Illustrator• Teoría de los tercios y uso de líneas guías para acomodo

de láminas de presentación.

• Peso visual, equilibrio y teoría del color para diseño gráfico.• Preparación del archivo para impresión.• Trazo de vectores: ilustraciones, letras, fondos, etc.

Page 24: Tecnicas Digitales Presentacion AN2013
Page 25: Tecnicas Digitales Presentacion AN2013
Page 26: Tecnicas Digitales Presentacion AN2013

Proyectos

Page 27: Tecnicas Digitales Presentacion AN2013
Page 28: Tecnicas Digitales Presentacion AN2013
Page 29: Tecnicas Digitales Presentacion AN2013
Page 30: Tecnicas Digitales Presentacion AN2013

Finales

Page 31: Tecnicas Digitales Presentacion AN2013
Page 32: Tecnicas Digitales Presentacion AN2013
Page 33: Tecnicas Digitales Presentacion AN2013
Page 34: Tecnicas Digitales Presentacion AN2013
Page 35: Tecnicas Digitales Presentacion AN2013
Page 36: Tecnicas Digitales Presentacion AN2013

Ponderaciones• 1er Parcial

– Ejercicios (clase y tareas) 60%– Proyecto 30%– Lecturas 10%

100%• Final

– 1er Parcial 30%– 2o Parcial 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.

Page 37: Tecnicas Digitales Presentacion AN2013

Tabletas digitales

• Tabletas de la clase: Pendiente.

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

Page 38: Tecnicas Digitales Presentacion AN2013

Sketchbook pro

• Instalar el programa:– Registrarse en la página de Autodesk

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

computadora.

Page 39: Tecnicas Digitales Presentacion AN2013

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 martes antes de las 11:59pm, de lo contrario se recibirán con retardo y se evaluará sobre 90. Por cada día de retraso se bajarán 10 puntos.

Page 40: Tecnicas Digitales Presentacion AN2013

Referencias y ligas de interés

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

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

http://tecnicasdigitalesqro.deviantart.com/)

Page 41: Tecnicas Digitales Presentacion AN2013

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

•  TS171.4 .J85 2009 

Page 42: Tecnicas Digitales Presentacion AN2013

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

• TS171 .O45 2007  

Page 43: Tecnicas Digitales Presentacion AN2013

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

•  N7433.8 .I4318 2009 

Page 44: Tecnicas Digitales Presentacion AN2013

Portafolio

Sketchbook pro 11 en técnica speedpaintSketchbook pro 11 y Photoshop

Page 45: Tecnicas Digitales Presentacion AN2013

Sketchbook pro 11 y Photoshop

Page 46: Tecnicas Digitales Presentacion AN2013

Photoshop

Page 47: Tecnicas Digitales Presentacion AN2013

Illustrator

Page 48: Tecnicas Digitales Presentacion AN2013
Page 49: Tecnicas Digitales Presentacion AN2013

Diseño editorial

Page 50: Tecnicas Digitales Presentacion AN2013
Page 51: Tecnicas Digitales Presentacion AN2013

Photoshop

Page 52: Tecnicas Digitales Presentacion AN2013
Page 53: Tecnicas Digitales Presentacion AN2013
Page 54: Tecnicas Digitales Presentacion AN2013

Comunicación y asesoría

• Tania A. Muñoa MoranchelLDI/MID• [email protected]• Horario de clase Miércoles 7:05pm – 9:55pm

Presentaciones:http://www.slideshare.net/wampi_di

Page 55: Tecnicas Digitales Presentacion AN2013

Ejercicio diagnóstico (30 minutos)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.

Page 56: Tecnicas Digitales Presentacion AN2013

Sketchbook pro y tableta digital

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

Page 57: Tecnicas Digitales Presentacion AN2013

Herramientas

Propiedades de pinceles

Tamaño de pincel

Menú general

Capas

Tabla de colores

Espacio de trabajo

Page 58: Tecnicas Digitales Presentacion AN2013

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.

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

Page 59: Tecnicas Digitales Presentacion AN2013
Page 60: Tecnicas Digitales Presentacion AN2013
Page 61: Tecnicas Digitales Presentacion AN2013
Page 62: Tecnicas Digitales Presentacion AN2013
Page 63: Tecnicas Digitales Presentacion AN2013

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.

Page 64: Tecnicas Digitales Presentacion AN2013

Soltura de mano• En otra hoja (archivo) realiza una plana de

líneas rectas a lo largo de la hoja (horizontal).

• Entre cada línea debe haber 1cm de separación, aproximadamente.

Page 65: Tecnicas Digitales Presentacion AN2013

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: [email protected]

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

Ejemplo: A00339476-TaniaMunoa-Lectura1.doc

La entrega deberá ser antes de la clase del miércoles 21 de agosto (martes 20 de agosto a las 11:59pm)

Page 66: Tecnicas Digitales Presentacion AN2013

Recomendaciones

• Sketch A Day (2010)

http://bensketchesdaily.blogspot.com/

• IdSketching (2012)

http://www.idsketching.com/