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)