Técnicas de representación digital

2o Parcial: Presentación

TAMM- 17marzo2017

Objetivos

• El alumno utilizará todas las técnicas y los programas hasta ahora vistos para realizar la presentación de un proyecto.

• Deberá escoger el programa que considere mejor para desarrollar cada etapa del proceso de diseño: Bocetaje, Render, Presentación.

Ejercicio: Diseño de props

• Objetos:

1.Báculo mágico

2.Espada

• Diseño de mango y aditamentos, selección de materiales.

• Conceptos: Se sortearán

• Diseñarán de acuerdo al concepto que les toque y debe reflejarse el concepto en el objeto y la presentación

Requerimientos

• Los bocetos se pueden realizar en Sketchbook Pro y el/los renders y fotomanipulación en Photoshop.

• Todo lo que implica diseño gráfico: retículas, títulos, fondos, textos; la lámina de presentación se realizarán en Illustrator y Photoshop.

• Todos los archivos se subirán en la carpeta correpondiente en el grupo.

• Deben realizar las etapas de bocetaje vistas en el primer parcial (vistas, perspectivas, estudios de color básico, usos, flechas, notas, etc.).

• Debe tener una buena presentación con fondo o ambientación, título, letreros, escala humana, etc. Vendan el proyecto.

Etapa 1: Diseño conceptual

Sketchbook pro: Bocetaje• Mínimo 20 bocetos, mezclando vistas,

perspectivas, colores básicos, etc., aplicando las técnicas vistas en el primer parcial.

• Lineart final para pintar en Photoshop.

Photoshop: Render• Mínimo 1 render en perspectiva del diseño final

del objeto (presentación).

Técnicas de bocetaje mezcladas

•Calidades de línea

•Luz y sombra

•Achurados

•Mancha de color

•Vistas y perspectivas

Desarrollo conceptual (ideas)

DISEÑO >>>>>>>>>>>>>>>>>>>> RENDER

Etapa 2: Diseño gráfico

Lámina de presentación• Composición:

– Manejo de retículas (Ley de tercios, acomodos, márgenes, etc.)– Crear nombre del proyecto y selección de fuente para título.– Manejo de textos (como elementos).– Diseño y aplicación de fondos.– Manejo de fuentes tipográficas adecuadas según la aplicación.– Manejo de escalas humanas, notas y flechas.– Teoría del color.

http://www.industrialdesignserved.com/gallery/Citroen-DS-Zro/7708639

¿Qué debe llevar la lámina?1. Textos explicativos: Concepto (un párrafo mínimo

describiendo lo que están presentando, por qué,etc.) Descripciones, comparativas, etc.

2. Logotipo basado en selección de fuente de acuerdo al concepto.

3. Desarrollo conceptual (bocetaje hasta presentación del producto, vendan la idea)

4. Letreros con flechas (diseñados).5. Descripción del uso/función o Instructivo (manejo de

escala humana).6. Presentación final del producto (Render final)7. Descripción de materiales (pueden usar letreros, fotos,

ilustración digital, etc).8. Su nombre, nombre de la materia y matrícula.9. Opcionales: opciones del producto como cambios de

color o cambios de textura.

Escala humana y función

Subir en las carpetas:

• Hojas con bocetaje (las que necesiten del tamaño que escojan para usar el bocetaje en su lámina)

• Render final y elementos de apoyo (escalas humanas, instructivos, etc.)

• Lámina de presentación:– Tamaño doble carta, entre 150 y 300 dpis.

Fechas importantes:1a Revisión: Martes 21 de marzo• Bocetaje terminado para escoger el diseño y

empezar el lineart para el render.

2a Revisión: Viernes 24 de marzo • Revisión de thumbnails para lámina de presentación

y dudas de render (ya debe estar avanzado o terminado).

Pre-entrega: Martes 28 de marzo (subir el archivo antes de la clase a Facebook para revisión)

Entrega: Viernes 31 de marzo antes de las 11:59pm

Conceptos1. Tierra2. Fuego3. Aire4. Agua

Objetos1. Espada2. Báculo

1. Héroe2. Villano

Personaje

Epic Soldier concept • http://epic-soldier.deviantart.com/

Videos de muestra

Ironman speed paint

http://www.youtube.com/watch?v=2nxxSzTLp6M

Assassins Creed speed paint

http://www.youtube.com/watch?v=9sOWHPwOt3I&feature=related

Animaciones

http://rofeal.deviantart.com/art/OfferToAdopt-CLOSED-561364370

http://rofeal.deviantart.com/art/Auction-CLOSED-555967007

Video tutoriales y referenciasctrl+Paint- Digital painting simplified (tutoriales, tips y herramientas gratis)• http://www.ctrlpaint.com/

Canal de ctrl+Paint de youtube• http://www.youtube.com/user/ctrlpainter

Niksit Tutorials• http://www.lassikaikkonen.com/index.php?sivu=galleria4

Agregar texturas y efectos a tu dibujo en Photoshop• http://www.youtube.com/watch?v=u_W38H5Y8tI&list=PLCC32D2E1C78FDD30

Uso de layers para efectos lumínicos y texturizados• http://zevenstorms.deviantart.com/art/Advanced-layer-Tutorial-148909093

Agregar color a un boceto en Photoshop de manera rápida y sencilla• http://www.youtube.com/watch?v=klE12zbuT9I&list=PLCC32D2E1C78FDD30&index=11

ConceptCookie (tutorial de texturas y pintura digital)• http://conceptcookie.deviantart.com/