Técnicas de representación digital

2o Parcial: Presentación

TAMM- 18marzo2016

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 mangos• Objetos: Martillo o cuchillo de cocina.• Diseño de mango, selección de

materiales.• Conceptos: Se sorteará al cliente para que

desarrollen su línea de herramientas

• Diseñarán para el cliente que les toque, debe sentirse la identidad de marca al ver el producto final

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

• 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 conceptualSketchbook pro: Bocetaje• Mínimo 15 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)

Busquen referencias y boceten de acuerdo a su concepto (qué quiero expresar, cómo quiero que vean mi producto)

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

Etapa 2: Diseño gráficoLámina de presentación• Composición:

– Manejo de retículas (Ley de tercios)– Crear Nombre del proyecto (puede ser un logotip)– Manejo de textos (como elementos).– Diseño y aplicación de fondos.– Manejo de fuentes tipográficas adecuadas.– 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. Desarrollo conceptual (bocetaje hasta presentación del producto, vendan la idea)

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

escala humana).5. Presentación final del producto (Render final)6. Descripción de materiales.7. Logo o marca del cliente que les tocó.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 a deviantart:• 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 29 de marzo• Bocetaje terminado para escoger el diseño y empezar el

lineart para el render. 2a Revisión: Viernes 1o de abril• Revisión de thumbnails para lámina de presentación y

dudas de render (ya debe estar avanzado o terminado).3a Revisión: Martes 5 de abril• Detalles finales de composición.

Entrega: Martes 5 de abril antes de las 11pm.

Conceptos1. Peugeot2. Ferrari3. BMW4. Pininfarina Classic5. Mazda

Comodín: Las locuras del emperador

1.Martillo

2.Cuchillo

Videos de muestra

Ironman speed painthttp://www.youtube.com/

watch?v=2nxxSzTLp6M Assassins Creed speed painthttp://www.youtube.com/

watch?v=9sOWHPwOt3I&feature=related

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/