tecnicas digitales presentacion

45
Técnicas de representación digital Agosto-noviembre 2012 Tania A. Muñoa Moranchel LDI/MID

Upload: tania-munoa

Post on 13-Jun-2015

1.958 views

Category:

Design


0 download

DESCRIPTION

Presentación de la clase de Técnicas de Representación Digital Agosto Noviembre 2012

TRANSCRIPT

Page 1: Tecnicas Digitales Presentacion

Técnicas de representación digital

Agosto-noviembre 2012

Tania A. Muñoa Moranchel

LDI/MID

Page 2: Tecnicas Digitales Presentacion

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

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.

Page 4: Tecnicas Digitales Presentacion

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
Page 6: Tecnicas Digitales Presentacion

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

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

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
Page 10: Tecnicas Digitales Presentacion
Page 11: Tecnicas Digitales Presentacion

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

Page 12: Tecnicas Digitales Presentacion

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 13: Tecnicas Digitales Presentacion
Page 14: Tecnicas Digitales Presentacion
Page 15: Tecnicas Digitales Presentacion

3er 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 16: Tecnicas Digitales Presentacion
Page 17: Tecnicas Digitales Presentacion
Page 18: Tecnicas Digitales Presentacion

Ponderaciones• 1er Parcial

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

100%• Final

– 1er Parcial 30%– 2o Parcial 35%– FINAL 35%

100%

Page 19: Tecnicas Digitales Presentacion

Recepción de trabajos

• Crear cuenta de http://www.deviantart.com/

• Unirse al grupo TecnicasDigitalesQRO (http://tecnicasdigitalesqro.deviantart.com/) deberán enviar un request al grupo, en la ventana para pedir permiso coloquen su nombre con matrícula para poder registrarlos.

Page 20: Tecnicas Digitales Presentacion

Tabletas digitales

• Antes de cada clase deberán pasar con Ceci, entregar la credencial y llenar un formato para que les entregue la tableta. Terminando la clase se debe devolver con ella.

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

• De no haber tabletas en el almacén pueden ir al Centro de Medios y pedir una ahí (sólo tienen 2 para préstamo).

Page 21: Tecnicas Digitales Presentacion

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 22: Tecnicas Digitales Presentacion

Referencias

• SomosDI (tutoriales y consejos para diseñadores industriales)

http://www.youtube.com/user/somosdi?blend=2&ob=video-mustangbase

http://somosdi.com/

Page 23: Tecnicas Digitales Presentacion

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

•  TS171.4 .J85 2009 

Page 24: Tecnicas Digitales Presentacion

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

• TS171 .O45 2007  

Page 25: Tecnicas Digitales Presentacion

Portafolio

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

Page 26: Tecnicas Digitales Presentacion

Sketchbook pro 11 y Photoshop

Page 27: Tecnicas Digitales Presentacion

Photoshop

Page 28: Tecnicas Digitales Presentacion

Illustrator

Page 29: Tecnicas Digitales Presentacion
Page 30: Tecnicas Digitales Presentacion

Diseño editorial

Page 31: Tecnicas Digitales Presentacion
Page 32: Tecnicas Digitales Presentacion

Photoshop

Page 33: Tecnicas Digitales Presentacion

Comunicación y asesoría

• Tania A. Muñoa MoranchelLDI/MID• [email protected]• Horario de clase Miércoles 10am – 1pm

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

Page 34: Tecnicas Digitales Presentacion

Ejercicio diagnóstico

Cada alumno observará su calzado y tendrá que:

• Copiar el objeto. • Hacer el rediseño del objeto

donde aplique distintas técnicas de representación que conozcan.

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

Page 35: Tecnicas Digitales Presentacion

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 36: Tecnicas Digitales Presentacion

Herramientas

Propiedades de pinceles

Tamaño de pincel

Menú general

Capas

Tabla de colores

Espacio de trabajo

Page 37: Tecnicas Digitales Presentacion

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 el 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 TecnicasDigitalesQRO en la carpeta “Práctica1”

Page 38: Tecnicas Digitales Presentacion
Page 39: Tecnicas Digitales Presentacion
Page 40: Tecnicas Digitales Presentacion
Page 41: Tecnicas Digitales Presentacion
Page 42: Tecnicas Digitales Presentacion

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 43: Tecnicas Digitales Presentacion

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 44: Tecnicas Digitales Presentacion

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 15 de agosto (martes 14 de agosto a las 11:59pm)

Page 45: Tecnicas Digitales Presentacion

Recomendaciones

• Sketch A Day (2010)

http://bensketchesdaily.blogspot.com/

• IdSketching (2012)

http://www.idsketching.com/