TIMELINE: Curso Completo de Diseño Web y Multimedia Español (Glyptodon)

Nuestra Obra
Hoy, los diseñadores contamos con programas cada día más completos y especializados para realizar nuestras tareas. La mayor parte del trabajo puede ser hecho en nuestra computadora personal: desde publicar el sitio web de un cliente o diseñar un catálogo de productos en un CD-Rom interactivo.

Éste es el desafío: tenemos todo lo necesario al alcance de la mano, sólo necesitamos capacitación para poder aprovechar estas poderosas herramientas.
El Curso de web y multimedia pretende responder el reto. A lo largo de 26 clases nos introduciremos en dos áreas esenciales del diseño actual: la creación de páginas web y de presentaciones interactivas. Estudiaremos en detalle los programas de diseño más usados profesionalmente y desarrollaremos, paso a paso, un proyecto práctico de cada área de diseño.
Como un buen resultado no se obtiene sólo sabiendo manejar el software: cada área de diseño tiene “secretos del oficio” que sólo da la
experiencia, que es muy útil conocer.
En cada tema estudiaremos esos secretos y el trabajo de los maestros.
Así podremos lograr resultados óptimos, tanto en el sentido técnico como en el estético.

Diseño Multimedia
Las aplicaciones interactivas de multimedios han pasado a ser una solución económica y práctica para muchos problemas: cada vez son más los clientes que piden a sus diseñadores la realización de presentaciones institucionales y catálogos en discos compactos
interactivos. Esta tarea, que hasta hace poco sólo podían realizar expertos en desarrollo de software, hoy está “a un click de distancia” de cualquier diseñador. En esta parte del curso desarrollaremos CD-Roms interactivos en Macromedia Flash y Macromedia Director.
También nos introduciremos en el mundo de la edición digital de video y sonido, para poder enriquecer nuestras producciones multimedia.

Interactividad en Director MX
Conozca a fondo el programa que ya lleva 20 años sirviendo como herramienta privilegiada en el diseño de interactividad. Sepa crear programas con este recurso sólido y profesional.

CD-Roms interactivos Flash MX
La herramienta más popular del momento entre los diseñadores aprovechada al máximo. Catálogos de producto, porfolios y presentaciones institucionales en la forma más fácil, profesional y económica: el disco compacto interactivo.

Video o sonido digitales
Su PC puede transformarse en una isla de edición de video y en una consola profesional de sonido. El software ya está diseñado, solo falta que se prepare para poder aprovecharlo. Use video en sus páginas web o música de fondo para sus presentaciones interactivas. Cree sus propios sonidos y loops musicales para enriquecer sus aplicaciones multimedia de Flash y de Director.

Diseño WEB
El enorme desarrollo de la Internet, que ha invadido casi todas las áreas de la actividad humana, hace necesario que los diseñadores dispongan de las herramientas necesarias para acceder al diseño web. En este curso nos dedicaremos a desarrollar proyectos web con las tecnologías más profesionales: el conocimiento de herramientas de diseño para la edición del HTML y de los
otros lenguajes de programación de uso generalizado como el JavaScript y el CSS.
Macromedia Flash se ha transformado en una herramienta indispensable en el diseño de sitios web de alto impacto gráfico. Este programa será un invitado privilegiado de este curso. Con su ayuda aprenderemos a diseñar sitios web “totalmente Flash”, en donde exploraremos las prestaciones de este maravilloso programa.
También encararemos la realización de sitios con páginas dinámicas, con el uso de bases de datos y tecnologías como el SQL y PHP.

Sitios web de diseño
La revolución de las comunicaciones que significa la red mundial tiene un lugar privilegiado para los diseñadores en comunicación visual. Domine las herramientas profesionales de diseño web. Conozca los lenguajes HTML y CSS y todas sus posibilidades de diseño para crear sitios web ágiles y navegables.

Páginas dinámicas
Cuando se familiarice con la creación de sitios web basados en HTML y CSS, dé el salto a programar sitios con páginas dinámicas relacionadas con bases de datos. Diseñe una revista online y entréguesela a su cliente para que la renueve periódicamente sin necesitar conocimientos de programación. Ponga buscadores, contadores, libros de visita y registro de usuarios y contraseñas en los sitios web que diseñe.

Páginas de impacto Flash
Hoy todos los clientes de los estudios de diseño quieren su “sitio Flash”. En muy pocos años, esta herramienta se ha transformado en el objeto deseado de los que quieren su lugar en la web.
Adiéstrese en su manejo y obtenga el mejor provecho de las posibilidades que ofrece. Conozca Actino Script, el poderoso lenguaje de programación y sorprendase con los resultados.

Curso de Adobe Photoshop, La imagen digital
Esta obra tiene un objetivo ambicioso: proveer al lector los elementos para que pueda, desde su computadora, dominar el mundo de la imagen digital.
Que conozca las mejores herramientas para trabajar con fotos o ilustraciones de carácter fotorrealista, y hacer desde un álbum de fotos familiares o imágenes para mandar en su correo electrónico, hasta el tratamiento profesional de imágenes para la Web o para la impresión en sistemas offset.
Esta obra está diseñada, entonces, tanto para el nuevo usuario de computadoras como para el profesional que quiere dominar las herramientas más avanzadas de manipulación de imágenes.

Más de 2 horas de Video!
El curso está compuesto por 8 clases con cientos de ilustraciones a todo color y mas de cuarenta minutos de video en la pantalla de su computadora, para aprender el manejo del procesador de imágenes digitales mas poderoso del mercado.
El curso se complementa además con 10 Guías Interactivas con mas de 54 videos que suman una hora de descripción audiovisual de los distintos comandos y acciones del programa.
En sus 10 talleres encontrará desarrollados en 50 minutos de video, los mas usuales problemas y acciones de manejo de la imagen digital: desde el retoque de fotografías, incorporación de textos, efectos especiales, aplicación de filtros etc.

Clase 2. Dreamweaver MX.
Programas de diseño Web
Dreamweaver MX
Ventana del documento
Panel de inserción de objetos
Definir un sitio local en nuestra PC
Manos a al obra: Crear un sitio web
El color y el usuario
Fondos de página
Glosario ( II )
Buscadores
Directorios y buscadores
Sobre meta tags, arañas y robots

Clase 3. El texto en Dreamweaver.
El texto en las páginas web
Panel de propiedades del texto
Categorías de texto HTML
Glosario ( III )
Estilos en cascada (CSS)
Navegadores antiguos
Panel de propiedades del texto (CSS)
Nuevo estilo en cascada
Decoración de fondos
Imágenes
Una cuestión de tamaño
Hipervínculos
El sitio en orden
Vínculos

Clase 4. CSS y plantillas.
CSS y Vínculos
Tablas
Páginas centradas
Selector por tags
Plantillas y biblioteca
Ventajas del uso de plantillas
Plantilla

CDRom 2
Clase 5. Fireworks.
Elementos de biblioteca
Biblioteca
Notas sobre los Objetos de biblioteca
Fireworks
Interfaz del programa
Las herramientas
Optimización de imágenes
Filtros de Photoshop

Clase 6. Propiedades y herramientas.
Fireworks: Fuegos artificiales
Panel de propiedades de las imágenes bitmap
Panel de propiedades de las imágenes vectoriales
Estilos
Botones para la Web
Exportar desde Fireworks
La herramienta Sector/ Slice
Sectores y celdas
Segmentar, optimizar y exportar

Clase 7. Herramientas de mapas de bits y vector
Interfaz de usuario
Paneles adaptables
Paleta de propiedades
Panel de Respuestas
Exportación rápida
Nuevas herramientas
Herramientas de mapa de bits
Herramientas vector
Asistente Gráficos y datos
Textos
Creación y Edición de textos
Texto interactivo con Photoshop
Máscaras

Clase 8. Publicación y mantenimiento.
Un vistazo desde Dreamweaver
Un píxel muy práctico
Integración entre Fireworks y Dreamweaver MX
Roundtrip y los archivos .mno
ftp y alojamiento de páginas
Servicios de alojamiento gratuito
Publicación y mantenimiento de un sitio web
El sitio remoto y el local

Clase 9. Creación del sitio web de un fotógrafo.
Creación del sitio web de un fotógrafo
La capa Web
Botones Rollover
Nombre del archivo de entrada a un sitio

CDRom 3
Clase 10. Flash y la WEB.
Comportamientos
Los Estilos en cascada
Centro Audiovisual On-line
Eventos del ratón

Clase 11. Lenguaje Action Script.
Flash y la Web
Recursos Flash en la Web
Introducción al lenguaje Actino Script
Manual de referencia de acciones
Acciones de fotograma
Eventos de ratón
Acciones de botón
Eventos de Clips
Acciones de clip de película

Clase 12. Acciones y eventos.
El panel de acciones de Flash MX 2004
Más sobre ActionScript
Acciones básicas
Eventos de ratón
El peso de los sitios Flash
Definir propiedades
Imágenes y texto “a pedido”
El explorador de películas
Varias líneas de tiempo

Clase 13. El sonido en la WEB.
Películas y niveles
Botones multiuso
¿Vectores o píxeles?
Sonidos compartidos
El mundo del sonido
El sonido en la Web
Bucles (loops)
Formatos de sonido
Modificar un sonido desde Flash
Sincronización
Incorporar sonido a un botón
Sonido y Action Script

Clase 14. Compatibilidad de audio y video.
Textos
Propiedades del texto
Separar texto
Reemplazo de fuentes
Interacción con archivos
Carga dinámica de archivos JPEG
Ejecución de MP3
Compatibilidad de audio de alta fidelidad
Compatibilidad de vídeo
Máscaras dinámicas
Símbolos compartidos entre Librerías
Plantillas Quick Start

CDRom 4
Clase 15. Precarga.
Botonera de control de volumen
Descarga de una película Flash
Animaciones de precarga
Precarga I: Una opción simple
Precarga desactualizada
Precarga II: Previniendo al usuario

Clase 16. Taller: Sitio web de una pintora.
Publicar en la Web la película Flash
Taller: Sitio web de una pintora
Marcos en HTML
Paleta de colores
Atajos en ActionScript

Clase 17. Intercambiar imágenes o símbolos.
Ideas que ayudan
Intercambiar imágenes o símbolos

Clase 18. Taller: Catálogo online.
Tecnologías de servidor
Lenguajes de servidor y de cliente
El lenguaje php
Evolución de la Web
Open Source: los programas íntegros
Introducción a php
Taller: Catálogo online
Conexión permanente

Diseño Multimedia

CDRom 1
Clase 01. Flash.
Macromedia Flash MX
Interfaz del programa
El panel de herramientas
Modificadores de las herramientas de dibujo
El dibujo en Flash
Comportamiento de los objetos
Paleta de colores Web seguro (Web Safe)
Agrupar objetos
Herramientas de selección
Modificadores del puntero negro de selección
Herramienta Lazo
Cubo de pintura y Frasco de tinta
Herramienta Pluma

Clase 2. El guión multimedia.
Diseño interactivo y de multimedios
Tarjetas CD
Beneficios de las aplicaciones multimedia
Director versus Flash
El guión multimedia
La línea de tiempo
Símbolos e instancias

Clase 3. Animaciones.
Panel de propiedades del documento
Tipos de animaciones
Manos a la obra:
Animación cuadro a cuadro
Gente en movimiento
Crear símbolos
Alerta de errores
Animación por interpolación de movimiento / Tweening
Animación de movimiento
Otra animación con símbolos
Ver la animación
Shape Hints
Animaciones por Transformación / Morphing
Otro ejemplo de Morphing
Otras animaciones
Animación de color
Animación de intensidad
Animación de visibilidad
Animación avanzada

CDRom 2
Clase 4. Capas especiales y máscara.
Capas especiales
Motocicleta animada
Capas máscara

Clase 5. Tipografía en Flash.
La tipografía en Flash
Manejo del espacios entre letras
Uso de texto dinámico
Carga de archivos de texto externo
¿Qué es Unicode?
System.useCodepage
Textos con formato html 1
Publicación de un CD interactivo Flash
Programas autoejecutables y archivos externos
Distribución y derechos
FS Command
CD autoejecutable
Los discos compactos para Mac
Proyectores de Flash para PC y Mac

Clase 6. Taller: Disco compacto sobre el movimiento Dadá.
autorun.inf
Cambiar extensiones en Windows
Tamaño de los proyectores
Taller Disco compacto sobre el movimiento Dadá
Story board / Pantalla de introducción
Colores hexadecimales

CDRom 3
Clase 7: Comunicación entre clips.
Comunicación entre clips
Más sobre texto

Clase 8: Macromedia Director MX 2004.
Macromedia Director
Formatos de archivos que importa Director
Interfaz del usuario
Barra de herramientas / Toolbar
Panel de herramientas / Tool Palette
Ventana del reparto / Cast Window
Tipos de miembros de reparto
Ventana del Score
Ventana Paint

Clase 9: Animaciones.
Stage, Cast, Score & Co.
Animación
Inspector de propiedades
Métodos básicos de animación
Efectos de tinta para los sprites
Manos a la obra: Animación por tweening
Animación cuadro a cuadro

CDRom 4
Clase 10. Interactividad y comportamientos.
Interactividad
Scripts de Lingo
Clasificación de Comportamientos
Transiciones
Una película interactiva
Ctl (-)

Clase 11. El texto en Director.
El texto en Director
Importar texto
Taller: Catálogo de una editorial
Story Board
Sonidos en Director
Diccionario Lingo

Clase 12: Adobe Premiere / Sound Forge.
Video digital
La revolución del DVD
Programas de video
Adobe Premiere
Taller: Clip publicitario

Photoshop
(Clases, Guías audiovisuales, Talleres)

Clases
CDROM 01
Introducción
1 Presentación
2 Porqué Adobe Photoshop
3 El Color
Adición y sustracción
El color en los programas de diseño
La medida del color
El círculo cromático y el sólido de color
Los lenguajes del color
4 Categorías de colores
Femenino
Sobriedad y lujo
Marrones y neutros
Llamativo
Tranquilidad
5 La imagen digital
Resolución
Digitalización
Vectores y píxeles
6 Calibración del monitor
Calibración y corrección de color

Clase 01: Interfaz de Photoshop
1 Interfaz de Photoshop
La ventana del documento
2 Panel de herramientas
3 Barras de opciones
Herramientas de selección: Marco rectangular
Herramientas de pintura: Pincel
Modos de mezcla
Herramientas de Texto
Tipografía en Photoshop 6
Capas de texto
Texto deformado y editable

Clase 02: Descripción de Layers/ Capas
1 Layers / Capas
Una forma de trabajo
Antes de las capas
2 Análisis del panel Capas
Modos de mezcla
Opciones de bloqueo
Visualización de la capa
Funciones de capa
Vincular capas
Menú desplegable
Orden de las capas
Opacity / Opacidad
Efectos de capa aplicados
Carpeta de capas agrupadas
Alinear capas
Photoshop CS: Composiciones de capas

CDROM 02
Clase 03: Estilos, Filtros y Colores
1 Capas con estilo
Estilos de capa predeterminados
Más y más estilos
2 Rutina de ajuste de fotografías
Limpieza y trucos
Filtros de enfoque
Filtros
3 Ajuste de color
“Mejorar” los colores
Criterios de retoque de color
Ajustes y sistemas de color
Una profesión
Colores clave
Los grises y los tonos piel
4 El panel de curvas
Ajuste general de color
Ajuste selectivo de color
Color selectivo
El método del panel Color Selectivo
Photoshop CS: Paleta Histograma

Clase 04: Fotomontaje
1 Recursos de selección
Quick Mask / Máscara rápida
¿Qué es una máscara?
Personalización de la Máscara rápida
2 Afiche con fotomontaje
Afiche de una obra de teatro
Comienzo del trabajo
La supervivencia del cartel
Canales de selección
3 Máscaras de capa
Ocultar sin borrar
Técnicas no destructivas
4 Extensis MaskPro
Mascara para uso profesional
Recortar cabellos o formas muy complejas
5 Degradés para todos los gustos
Degradés Solid / Sólidos
Degradés Noise / Ruido
Uso de la herramienta
6 Historias
Un camino hacia atrás
Las opciones de la Historia
Pincel de historia

Clase 05: Fotomontaje con efectos y filtros
1 Variante de diseño
Tratamiento del fondo
Pintura veloz
Título

CDROM 03
Clase 06: Herramientas de Pintura
1 Herramientas de Pintura.
2 La revolución de los pinceles
Pinceles personalizados
3 Restauración de una foto antigua
4 Explorador de archivos
Fotos anotadas
5 Acciones
6 Automatización
Lote
Hojas de contactos
Galería de fotografías WEB
7 Taller: Cartel de un espectáculo teatral

Clase 07: Calibración de color
1 Publicidad y diseño: una antigua relación Ideas
Vendemos ¡No hay alternativa!
2 Calibración de color de fotografías
La función Niveles
Valores testigo I
3 Blanco, negro y ajustes automáticos
4 El histograma en Photoshop CS
El panel Información, el cuentagotas
y las muestras de color
Tamaño de las muestras
La función Curvas

Clase 08: Taller: Realización de un aviso publicitario
1 La función Corrección selectiva
Corrección selectiva, el panel
2 Componer colores en cmyk
Función Tono y saturación
Más valores testigo
Valores testigo II
Valores testigo III
3 El panel curvas y las muestras de color
Ajuste global y ajustes parciales
Gama de colores
4 Capas de ajuste
5 Taller :Realización de un aviso publicitario
Copiar efectos de capa

Guías audiovisuales
CDROM 01
Módulo 01: Conceptos básicos de la imagen
1 Descripción de las paletas flotantes
2 Cómo organizar las paletas flotantes:
3 Ocultando las paletas en el area de trabajo
4 El regulador desplegable
5 Cambiar el modo de visualización de las
ventanas de la imagen
6 Uso de la paleta navegador

Módulo 02: Selecciones en Photoshop
1 Realizar selecciones/ seleccion de marco
2 El lazo
3 El lazo magnético
4 La varita mágica
5 Cómo agregar pixeles
6 Cómo pintar una selección
7 Comando contornear
8 Menú transformar

Módulo 03: Acerca de Trazados
1 Acerca de los trazados
2 Dibujo de un trazado de segmentos
3 Dibujo de un trazado curvo
4 Utilizar la pluma de forma libre
5 Como modificar trazados
6 Previsualización de los segmentos

CDROM 02
Módulo 04: El Color
1 Color frontal y fondo
2 La paleta color
3 Triángulo de alerta
4 La paleta muestras
5 Selección de color en la paleta
6 Cambiar el contenido de la paleta

Módulo 05: Herramientas de Pintura
1 Take 1Paleta de pinceles
2 Opacidad
3 Fusión
4 Utilización del borrador
5 Lápiz
6 Pincel
7 Degradado

Módulo 06: Herramientas de Edición
1 Tampón o sello
2 Dedo
3 Desenfocar y enfocar
4 Sobreexponer y subexponer
5 Esponja

CDROM03
Módulo 07: Ajustes de color
1 Retoque de color con herramientas sencillas
2 Uso de Curvas
3 Uso de Niveles
4 Corrección selectiva de color
5 Tono y saturación

Módulo 08: Capas de ajuste
1 Uso de Capas de ajuste

Módulo 09: Filtros
1 Sharpen (Filtros de enfoque)
2 Blur (Filtros de desenfoque)
3 Dust and scratches ( Polvo y rascaduras)
4 Fade (Transición)
5 ZigZag (Deformación)

Módulo 10: Herramientas de acciones
1 Acciones 1
2 Acciones 2
3 Acciones 3
4 Photoshop 6.0/Capas con estilo
5 Photoshop 6.0/Liquify:
Caricaturas y deformaciones.

Talleres
CDROM 04
Talleres
1 Cómo usar el modo Lab Color para mejorar una foto
2 Cómo usar los bordes de una foto en otra
3 Creando una moneda
4 Capas de ajuste
5 Ajuste de color
6 Filtro Unsharp Mask
7 Filtro Coordenadas polares & Efectos de capa
8 Destramar
9 Sombras mas naturales
10 Sombras y destellos