Técnicas Digitales: Clase 15 PRoyecto 2o parcial AN2018

1. Técnicas de representación
digital
2o Parcial: Presentación
TAMM- 16octubre2018

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

3. • Se les dará un objeto
de una serie y
deberán rediseñarlo
para un reboot de la
serie.
Ejercicio: Diseño de props

4. Objeto: Espada del Augurio
Serie: Thundercats

5. Conceptualización: ¿Qué pueden hacer?
• Entender el concepto escencial y principal del objeto ¿qué
puedo modificar de eso? ¿qué le puedo sacar de provecho?
• ¿Para qué sirve el objeto? ¿Puedo agregar nuevas funciones o
mejorar las que ya tiene? ¿Cómo?
• Cambio de materiales.
• Rediseño es una evolución o adaptación.

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

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

8. Etapa 1: Diseño conceptual
1.1 Sketchbook 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.
1.2 Photoshop: Render
• Mínimo 1 render en perspectiva del diseño final
del objeto (presentación).

9. Técnicas de bocetaje mezcladas
•Calidades de línea
•Luz y sombra
•Achurados
•Mancha de color
•Vistas y perspectivas
Desarrollo conceptual (ideas)

10. DISEÑO >>>>>>>>>>>>>>>>>>>> RENDER

12. 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/7

13. ¿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. Elementos de apoyo: fotografías, imágenes, etc. Para
apoyar su concepto.
3. Logotipo basado en selección de fuente de acuerdo al
concepto.
4. Desarrollo conceptual (bocetaje hasta presentación del
producto, vendan la idea)
5. 1 Detalle:
• Descripción del uso/función o Instructivo (manejo de
escala humana).
6. Presentación final del producto (Render final)
7. Su nombre, nombre de la materia y matrícula.
8. Opcionales: opciones del producto como cambios de
color o cambios de textura.

14. Escala humana y función

15. 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.
- Impresión de pantalla de la retícula de la
lámina

16. Fechas importantes:
1a Revisión: Viernes 19 de octubre
• Bocetaje de conceptualización.
• Subir todos los archivos del bocetaje: Miércoles 24 de
octubre antes de las 11:59pm
2ª. Revisión: Martes 23 de octubre
• Render: Avances
• Detalles de uso/función
2a Revisión: Viernes 26 de octubre
• Revisión del render, detalles y acomodo final de la lámina, básicamente
será trabajar con detalles para entregar.
Entrega: Sábado 27 de octubre antes de las 11:59pm

26. 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=relat
Animaciones
http://rofeal.deviantart.com/art/OfferToAdopt-CLOSED-5613643
http://rofeal.deviantart.com/art/Auction-CLOSED-
555967007

27. Video tutoriales y referencias
ctrl+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/