Dibujo 3D - Parcial 3 (Videos)

Videos de temas pendientes para algunos alumnos

Por favor NO compartan abiertamente los videos, son los primeros que hago en este modo (grabando) no están editados y no estoy usando software libre o gratuito.

Les voy a ir subiendo los videos como los vaya haciendo, son como de 15 mins porque también explico un poco lo que se va a hacer y están pesados como alrededor de 100mb o más porque no los he podido comprimir con buena calidad.

Hongo 01 - PINTAR en ZBrush
Hongo 02a - IMPORTAR en MAYA (y exportar de Zbrush)
Hongo 02b - IMPORTAR en Maya


LATA - Camara y Luces - RENDER - Exportar Escena iluminada para RE-USAR

Hongo 03 - Usar ESCENA iluminada y RENDER

Gráfica de Barras - Hacer y Render


Ya quedaron listos los videos pendientes para el Grupo de Dibujo 3D, apoyando a los que estuvieron trabajando, pero tuvieron que ausentarse en alguna ocasión y/o se atrasaron por cualquier motivo.

Ahora SI!!!, no Hay EXCUSAS para no terminar sus actividades. También espero que les sirvan.

Multimedia - Evaluación 3

PARCIAL 3: Criterios de Evaluación

20% - Boceto de Stand
- En limpio
- Sombreado

20% - Vista de Planta
- Vista superior

20% - Boceto - Color Digital
- Empezamos en clase con Photoshop y tableta
- Refinan detalles en casa

20% - Stand 3D
- Escena (sketchUp)
- Imagen con Estilos Gráficos
- Video automático

20% - PRESENTACIÓN al grupo
Mostrar lo siguiente:
- Diapositiva 1: Datos y título del proyecto
- Diapositiva 2: Concepto General del Stand (+3 imágenes de referencia)
- Diapositiva 3: Boceto burdo / Boceto limpio / Vista de planta
- Diapositiva 4: Boceto - Color Digital
- Diapositiva 5: Capturas de Sketch Up
- Diapositiva 6: Imagen con Estilos Gráficos
- Mostrar Video


HOMEPAGE - SketchUp
PDF - Isometric GRID

Dibujo 3D 2-5 (oct21) - Evaluación2

PARCIAL 2: Criterios de Evaluación

15% - Lámina Práctica 2.1 - Mundo /ó/ Caja de Cereal
15% - Material A -Lun7oct - Etiqueta y curva para Lata

15% - Lámina Práctica 2.2 -Dom13oct - Product Shot 3D (LATA c/etiqueta)
15% - Material B -Lun14oct - Bocetos de color (proyecto: Hongo)

20% - Lám. Práctica 2.3 -Dom20oct - Workflow Maya-ZBrush (proyecto: Hongo)
20% - Material C -Lun21oct - Proyectos Indicados en Fotos 6x8”

Multimedia 2-5 (oct23) -Evaluación 2

PARCIAL 2: Criterios de Evaluación

Debido a un Taller que daré en el CENART (evento: DevHr) que quedó calendarizado para el siguiente Miércoles 16 de octubre (2 - 5:30pm).
Me será imposible presentar dicha sesión, por lo cuál revisaré la posibilidad de tener una reposición.

Con tiempo había solicitado mi cambio de día para evitar esta situación, pero me confundieron el dato de mi cambio y la situación quedó tal cual.

De antemano, les ofrezco una Disculpa, por cualquier inconveniente que esto les pueda ocasionar y a su vez, le pido su apoyo para realizar esta reposición sin complicaciones.

---

Los criterios de evaluación permanecen (pero adecuados a lo que vimos en el parcial):

15% - Reporte 2A
- ¿Qué es Multimedia? / ¿Qué es interactividad?
- Medios Disponibles
- Aplicaciones en proyectos de Comunicación

15% - Actividad en Clase
- Layout en HTML (desde Photoshop) en 2 sesiones
- 5% (sesión 2)
- 10% (sesión 3)

20% - PRE PRODUCCIÓN de Presentación Multimedia
Concepto y Justificación de Proyecto 2 (T. Escrito)
- Definir Producto Multimedia Final y mi Público Meta (target)
- Objetivo del Producto (Enfocar en función de mi Target y la necesidad a resolver)
- Planeación de la Producción (qué medios y cómo los producirán)
- Guión Literario (cómo se irá presentando el contenido a mi usuario)

50% - PRODUCCIÓN de Presentación Multimedia
LAYOUT de Presentación Multimedia - criterios:
- Trabajado en Flash: Layout y estados de la presentación
- Placeholders para insertar elementos (espacios donde irá el contenido)
- Contenidos temáticos integrados (textos y títulos)
- El Botón "Adelante" debe funcionar
- Planeación de Animaciones y botones

---

10% - Opcional / Recuperación
--- Reporte 2B
- Importancia de 3 Medios en una experiencia interactiva
- Papel de la "emoción" en una experiencia de Marca

Multimedia 2-3 (oct9)

3.3: Producción

Objetivos
Tema3: Comprender procesos de producción de Multimedia Interactivos
Sesión3: Aprender a Importar elementos de Illustrator y photoshop a Flash, así como trabajar animaciones sencillas.

Habilidades y Aptitudes a Desarrollar
- Importar elementos en Flash
- Animar elementos en Flash
- Armar un Layout para HTML y exportar imágenes de Photoshop


50% - PRODUCCIÓN de Presentación Multimedia
LAYOUT de Presentación Multimedia - criterios:
- Trabajado en Flash: Layout y estados de la presentación
- Placeholders para insertar elementos (espacios donde irá el contenido)
- Contenidos temáticos integrados (textos y títulos)
- El Botón "Adelante" debe funcionar
- Planeación de Animaciones y botones


Material
(PSD) 15% (ahora en 2 clases) - LAYOUT Photoshop a HTML
- 5% (sesión 2)
- 10% (sesión 3)

Dibujo 3D 2-2 (oct7)

3.1 Importación de Paths

3.2 Importación y Creación de Texturas

Lámina Práctica 2.2
- Product Shot 3D (Proyecto LATA)
(Ai) Descargar Curva para MODELAR LATA


Material para Siguiente Clase

1. Hoja de Referencia - Proyecto Hongo
Aqui les dejo un PDF para trabajar sus Bocetos en color.
(PDF) DESCARGAR - Hoja de Referencia HONGO

Multimedia 2-2 (2oct)

3.2: Pre Producción

Objetivos
Tema3: Comprender procesos de producción de Multimedia Interactivos
Sesión2: Desarrollar Concepto, Planeación y Layout de PRESENTACIÓN MULTIMEDIA para proyecto en equipo.

Habilidades y Aptitudes a Desarrollar
- Programación básica de Botones en FLASH (actionScript3)
- Identificar elementos clave en una presentación intereactiva
- Armar un Layout para HTML


20% - PRE PRODUCCIÓN de Presentación Multimedia
Concepto y Justificación de Proyecto 2 (T. Escrito)
- Definir Producto Multimedia Final y mi Público Meta (target)
- Objetivo del Producto (Enfocar en función de mi Target y la necesidad a resolver)
- Planeación de la Producción (qué medios y cómo los producirán)
- Guión Literario (cómo se irá presentando el contenido a mi usuario)


Material
(ZIP) FLASH - Ejercicio BOTONES
(ZIP) FLASH - Ejercicio (Análisis) PRESENTACIÓN
(PSD) 15% (3 clases) - LAYOUT Photoshop a HTML

Hacer mención de:

En materias como esta, "Multimedia", la tendencia es inventar un cliente, un público meta y una necesidad de comunicación que forzamos a resolverse con el producto que trabajaremos en la materia. Pero en un proyecto real, la dinámica es al revés.

En un proyecto real
1.- Tengo a mi cliente
2.- Mi cliente tiene una necesidad de comunicación (aunque no sepa expresarla)
3.- Necesita hacer llegar su mensaje / marca / etc a una Audiencia
4.- Analizo las necesidades del cliente y las espectativas de su Audiencia
5.- Defino un objetivo y qué medios puedo proponer para cumplir ese objetivo
6.- Entonces evalúo si un Producto Multimedia (x, y o z) es el que cumple los objetivos, o si es más efectivo hasta un simple tríptico (como ejemplo absurdo).

Dibujo3D 2-1 (30sept)

2.5 Texturización y Luces

Aplicación de Texturas e Iluminación

TEXTURIZADO -fundamentos
Basics of UV mapping
Subdivision Surfaces



Lámina Práctica 2.1
- Product Shot 3D (Caja de Cereal)
Ejemplo de Etiqueta de Cereal by maniac086 (deviantArt)
- Globo Terráqueo
WorldMap SVG (WikiMedia Commons)


Material para Siguiente Clase

1. Curvas de Lata y Tapa
Aqui les dejo una silueta de lata trabajar sus curvas.
DESCARGAR - Silueta de la LATA

2. Propuesta personal de Etiqueta tomando como Base la imagen que estoy poniendo a continuación. (La referencia es sólo para el tamaño, hay que esforzarse para hacer propuestas originales) Trabajado en Photoshop o illustrator. ¡Ya terminado para trabajar en clase!

Multimedia 2-1 (25Sept)

Tema 3: Producción de MULTIMEDIA Interactivo

Objetivos
Tema3: Comprender procesos de producción de Multimedia Interactivos
Sesión1: Comprensión general del funcionanmiento de productos Multimedia y aplicaciones.



(SWF) Presentación Interactiva MOSTRADA EN CLASE
- Puede verse desde el navegador
- Puede descargarse y ABRIR CON... Flash Player



Habilidades y Aptitudes a Desarrollar
- Disernir entre Páginas Web vs. Multimedia Interactivo
- Comparar CONCEPTOS CLAVE Imagen / Video / Audio / Multimedia
- Adaptarse a la interfaz de Adobe Flash

15% - REPORTE de Investigación 2A
- ¿Qué es Multimedia?
- ¿Qué es Interactividad?
- Medios Disponibles (a integrar en un producto Multimedia)
- Aplicaciones en proyectos de Comunicación

recordando
1 a 2 hojas máximo
Redacción personal concreta (1 párrafo por punto es ideal)
Usar imágenes y diagramas
Cita: máximo de 1 párrafo / poner entre comillas en itálicas / Citar Fuente
La Cita Textual no sustituye el párrafo de Redacción personal

Definir en equipos
1. ¿Los equipos seguirán igual?
2. ¿El tema del multimedia será el mismo de la página web?
3. En caso contrario: Definir equipos y/o temas

15% - PSD 2 HTML (en 3 clases)
- Personal
- LAYOUT de 1 Página Web
- NO templates / NADA de "me ayudó" (ya estaba hecho)

- Photoshop con SmartObjects
- Save for WEB
- LAYOUT en DREAMWEAVER
(ZIP) PSD to HTML - Layout Samples


3.1.2 Temas de multimedia interactivos

Flash vs HTML5


Navegación intuitiva (artículo)
Content vs Con-tent
Ver Second Story: Interactive Studios

Avatar - Augmented Reality
Top 10 Best Flash Websites of 2011
PDFs interactivos

Página Pixelis (intro en video > home)
Página tipo portafolio (Elementos 3D importados como imagen en flash)
Página RenderFarm (Elementos 3D importados como imagen en flash)

Miniclip: Online Videogames

Tron Page and 3D game
Puzzle Bloom - 3D game
Blit interactive - Game Developers
Google Body (maps / earth / etc)


3.1.3 Proceso de Producción
Prezzi: Presentación Multimedia sobre Proces de creación
El producto sera:
- Presentación Interactiva
- Botones / animación de interfaz / programación sencilla

El proceso que seguiremos sera:
- Preproducción (Definición del Producto final / Mapa de Navegación / planeación de producción / Guion literario / Guión Técnico / Layout)
- Producción (de imagen / interfaz / audio / video / animación básica)
- Post-producción (Compilación / pruebas / Output final)

Multimedia - Sesión04 (11sep)

PRODUCCIÓN y POST producción

SKILL - PSD 2 HTML
- Photoshop con SmartObjects
- Save for WEB
- LAYOUT en DREAMWEAVER

MATERIAL
(ZIP) PSD to HTML - Layout Samples

Dibujo3D - Sesión04 (09Sep)

2.4 Construcción por Sobreposición

Modelado con Hojas de Modelo

Lámina Práctica 1.3
- Robot Modelado con primitivos y hojas de modelo
ROBOT views (ZIP)

2.5 Texturización y Luces

Aplicación de Texturas e Iluminación

TEXTURIZADO -fundamentos
Image Planes (búsqueda de imágenes de Google)
Box Modeling - Face Modeling - Spline Modeling (Nurbs)
Basics of UV mapping
Subdivision Surfaces

Lámina Práctica 1.4
- Product Shot 3D (Caja de Cereal)
Ejemplo de Etiqueta de Cereal by maniac086 (deviantArt)
- Globo Terráqueo
WorldMap SVG (WikiMedia Commons)

Multimedia - Sesion03 (04Sep)

Proceso de Producción de Páginas Web - PRODUCCIÓN

Objetivo
Aplicar procedimientos estándares para la creación de Sitios Web.

Habilidades y Aptitudes a Desarrollar
- Analizar páginas existentes (CSS Zen Garden)
- Crear árbol de "Carpeta de Sitio Web"
- Establecer Sitio en Dreamweaver
- PSD 2 HTML

Material de Clase
(PDF) CSS - 3 Formas de Insertar -referencia
(IMG) Estructura de Sitios Web
(ZIP) PAGE mockUp en illustrator

Dibujo3D - Sesión03 (02Sep)

2.4 Construcción por Sobreposición

Modelado con Hojas de Modelo

Objetivo
Aprender a modelar con imágenes de referencia y transformando primitivos

Actividades

- TAZA
- Modelar ROBOT
ROBOT views (ZIP)

Multimedia - Sesion02 (28Ago)

Proceso de Producción de Páginas Web - PRE-producción

Objetivo
Comprender procesos de producción de páginas web y desarrollar en equipos una estructura que sirva de base para el diseño de un sitio promocional. Preferentemente de producto o servicio investigado.

Habilidades y Aptitudes a Desarrollar
- Desarrollo de Concepto (Tema / Objetivo / Esquema de Contenidos)
- Layout de Sitio Web para proyecto parcial en equipos (Opciones)

Dibujo3D - Sesión02 (26Ago)

Componentes del Polígono y Primitivos

Objetivo
Generar Modelos 3D aplicando técnicas fundamentales.

Habilidades y Aptitudes a Desarrollar
- Distinción de Componentes y propiedades
- Recrear 1 escena básica

MATERIAL
Polygon Properties (video)
3D Primitives (video)
Modeling Styles (video)
Escena de Primitivos (archivo de MAYA)

Polygon Modeling vs NURBS modeling
Polygon Modeling 1 (img)
Polygon Modeling 2 (img)
NURBS modeling 1 (img)
NURBS modeling 2 (img)

Multimedia - Parcial 1 - DiseñoWeb (compilación visual)

INTRO al WEB design

Website text (img)
Website -pieChart
WebDesign history -infographics
HTML -logo
HTML -Hyper text markup language
HTML -visual Description
HTML-CSS-JS (diagram 01)
HTML-CSS-JS (diagram 02) -modernApps
HTML-CSS-JS (diagram 03) esp
HTML-CSS-JS (diagram 04) -pastel
HTML-CSS-JS (diagram 05) semantic-styles-interaction
HTML-CSS-JS (diagram 06) -house analogy
HTML5-CSS3-JS (diagram 07) -logos
HTML5 -ventajas modernas
Web Applitation (HTML-CSS-JS)
Device App (HTML-CSS-JS) -PhoneGap
HTML y CSS (en el curso)

EJERCICIO en CLASE -Layout

DESCARGAR - Smultron (editor de códigos MAC)
DESCARGAR notePad++ (editor de códigos PC)
Código Mínimo para HTML4
Código Mínimo para LAYOUT html-css
Ejemplos de Códigos

Dibujo3D - Sesión01 (19Ago)

Flujo de Trabajo 3D

Objetivo
Entender de manera global el proceso de creación de gráficos 3D

Habilidades y Aptitudes a Desarrollar
- Distinción de Conceptos Clave (3d animation / workflow)
- Navegar en Ambiente 3D (Zoom, Pan, Orbit)
- Ejercicios de Adaptación

Ejercicio de Adaptación
Polygon Properties (video)
3D Primitives (video)
Escena de Primitivos (archivo de MAYA)

BIENVENIDA!!!

el Blog

Buen Día,

Soy Ahmed Téllez Rivera y me presento con una breve reseña que me solicitaron hace poco.

"Me gusta tomar café, ver buenas animaciones y me encantan los Videojuegos que me atrapen por el arte, la trama y el gameplay.

Estudié Diseño de la Comunicación Gráfica en la UAM - Azcapotzalco y me he desarrollado como ilustrador digital. He aprendido algunas habilidades para animación 3D de manera autodidacta, en colaboraciones y en cursos especializados. He tenido la oportunidad de enseñar parte de mi experiencia en la ULA (Universidad Latinoamericana - campus norte).

Tomo cursos para mejorar y refinar técnicas, principalmente en Animación de Personajes, así como temas que me interesan: creación de ArtToys, reproducción en resinas, impresión 3D y programación."

Este Blog lo estaré usando para dar seguimiento al CURSO. Dejando disponible online, tanto material de clase como descripción de tareas parciales.


BLOG http://amedo-coach.blogspot.com/
MAIL amedo.coach@gmail.com


Gracias!

Mi Presencia Online:
Behance
Sketch Fab
Blogger
Vimeo
Linked In

Anim / 3D / Maya 00 - Por donde EMPEZAR

A) Animación (Procesos)

Tradicional
The Process of Animation (traditional) [2:01 min]
The Multiplane Camera (Narrado por Walt Disney) [7:21 min]
The Japanese Animation Process in a Nutshell [3:33 min]

3D/CGI
How to make an animated Movie (Cortometraje cómico)[7:36 min]
3D Animation Overview (Madcap Logic) [7:25 min]
Cirkus ABC - How it Works [7:15 min]

B) 3D (Fundamentos)

The Polygon (Guerrilla CG)
Primitives (Guerrilla CG)

C) MAYA (Beginner´s Guide)

Digital Tutors - Beginer´s Guide to Maya (Videos Online)

ACTIVIDAD: Ver Lecciones 1 a 6
- Primero (Registrarse y bajar los "project files")
- Para cada lección. Primero hay que ver el video de principio a fin.
- Luego realizar la actividad descrita (consultar el video si hay dudas)

D) Curiosidades (Storyboard)

Storyboarding (Toy Story)
Skullgirls 2D fighting Art Process (Video Game Trailer - PS3 X360)