Master en Diseño Web y Animación - Masters y Cursos de Diseño de Páginas Web On-Line

Cursos relacionados

Material gratuito

Más material gratis en el Area de Diseño

Venta Pisos
Venta de casas, Compra Venta, Venta de Pisos en Madrid, Venta de Pisos en Barcelona

Alquiler de Pisos en Barcelona
Alquiler piso Barcelona, Alquiler apartamentos Barcelona

Alquiler de Pisos en Madrid
Alquiler piso Madrid, Pisos Madrid en Alquiler

Promociones Inmobiliarias
Promoción Inmobiliaria en Carabaña, Promoción Inmobiliaria en Orusco

Photoshop CS

1. Introducción a los formatos de imagen

1.1. Imágenes vectoriales y mapas de bits

1.2. Características de las imágenes de mapa de bits

1.3. Formatos de imagen para Web

1.4. Escaneado de Imágenes

1.4.1. Tamaños de imagen y resolución de escaneado

1.4.2. Ajustes de luminosidad, color y tramado

2. Introducción a Photoshop 6.0

2.1. Entorno de trabajo

2.2. Barras de herramientas

2.3. Paletas desplegables

2.4. Barra de estado

2.5. Creación de imágenes nuevas

2.6. Guardado de imágenes nuevas

2.7. Guardar imágenes para Web

2.7.1. Formatos de archivo

2.7.2. Entrelazado y progresivo

2.7.3. Tramados y número de colores

2.7.4. Calidad y desenfoque de imagen

2.7.5. Transparencia: Mate

2.7.6. Ajustes variables de optimización

2.7.7. Elección de los colores de la imagen

2.7.8. Tamaño de salida de la imagen

2.8. Edición de imágenes guardadas

2.9. Ajuste de visualización: Zoom y Encuadre

2.10. Opciones de visualización

3. Modificaciones generales de la imagen

3.1. Tamaño de la imagen

3.2. Tamaño del lienzo

3.3. Rotación de imágenes

3.4. Simetría de imágenes

4. Herramientas de selección

4.1. Marco

4.2. Lazo

4.3. Varita Mágica

4.4. Selecciones magnéticas

4.5. Trazados

4.6. Modificación y transformación de selecciones

5. Herramientas de Pintura

5.1. Introducción al color: Sistemas de color

5.2. Modificación del sistema de color

5.3. Selección de color: Color frontal y color de fondo

5.4. Herramienta de cuentagotas

5.5. Pinceles: Creación y edición

5.6. Aerógrafo

5.7. Pincel

5.8. Lápiz

5.9. Herramientas de borrado:

5.9.1. Normal

5.9.2. Fondos

5.9.3. Mágico

5.9.4. Herramienta Extraer

5.10. Pincel de historia e histórico: Instancias

5.11. Clonaciones: Tampón normal y motivo

5.12. Rellenos de color

5.13. Degradados de color

5.14. Herramienta de contorneado

5.15. Herramientas vectoriales

6. Herramienta de Texto

6.1. Propiedades de texto

6.2. Propiedades de párrafo

6.3. Efecto de texto

6.4. Rasterización del texto

7. Capas

7.1. Concepto de capas

7.2. Menú desplegable de capas

7.3. Propiedades de las capas

7.4. Creación y eliminación de capa

7.5. Transformaciones de capa

7.6. Máscaras de capa

7.7. Efectos de capa

8. Retoque de imagen

8.1. Retoque básico

8.2. Niveles

8.3. Curvas

8.4. Ajuste de color: Tono, saturación y luminosidad

8.5. Ajuste de Luz: Brillo y contraste.

8.6. Variaciones

9. Canales

9.1. Concepto de canal

9.2. Máscara rápida

9.3. Canales Alpha

10. Filtros de imagen

10.1. Filtros por defecto de Photoshop

10.2. Inserción de filtros: Plug-ins

10.3. Efectos de combinación de filtros

11. ImageReady

11.1. Introducción a ImageReady

11.2. Diferencias con Photoshop

11.3. Creación de gif animados

11.4. Creación de rollovers

11.5. Creación y edición de sectores

11.6. Optimización de imágenes

11.7. Exportación a HTML.

Flash MX

Introducción
- Macromedia
- Utilidad y posibilidades de Flash
- Comparativa entre Flash 5 y Flash MX
- Ayuda en Flash I
- Ayuda en Flash II
Definir y utilizar la interface de Flash MX
- Configuraciones del entorno
- Los paneles
- Los menús
- Establecer las propiedades de la película
- Cómo usar cuadrículas
- Cómo usar guías
Las herramientas y sus propiedades
- La barra de herramientas
- Propiedades de cada herramienta
Herramientas de dibujo
- Herramientas de dibujo de contornos
- Herramienta de línea
- Herramienta de pluma
- Herramientas de dibujo de contornos y rellenos
- Herramienta de rectángulo
- Herramienta de Óvalo
Teoría del color
- Los colores Web-safe
- Construir una paleta de colores personalizados Web-safe
- Los números hexadecimales
- Panel de Relleno
- Opción de transparencia
- Opción sólido
- La Paleta de Color
- Opción Degradado Lineal
- Opción Degradado Radial
- Opción de Mapa de Bits
- Herramientas para aplicar color
- La herramienta Bote de Tinta
- La herramienta Cubo de Pintura
- La herramienta Cuentagotas
Modificación de objetos
- Seleccionar objetos
- Transformaciones básicas
- Desplazamiento
- Rotación
- Escala
- Volteado
- Suavizar
- Enderezar
- Tranformaciones avanzadas
- Convertir contornos en rellenos
- Expandir rellenos
- Suavizar bordes de un relleno
- Separar
- Agrupación de objetos
- Alineamiento de objetos
- Herramientas de transformación libre
- Punto de pivote
Capas
- Tipos de capas
- Capa normal, Activa, Carpeta
- Capa Máscara, Enmascarada
- Capa Guía, Guía de movimiento, Guiada
- Botones de control de capas
Trabajo con texto
- El texto en Flash
- Características básicas del texto
- Creación del bloque de texto
- Opciones de configuración básica del texto
- Fuentes
- Alineado y Formato
- Otras características
- Opciones de configuración avanzada del texto
- Texto estático
- Texto dinámico
- Introducción de texto
- Convertir texto en objetos vectoriales
- Separar el texto
Símbolos e instancias
- Conceptos básicos
- Biblioteca
- Anidación de símbolos
- Tipos de símbolos
- Símbolo gráfico
- Símbolo botón
- Zona activa
- Símbolo clip de película
- Instancias
- Características de la Instancia
- Efectos
- Intercambio de símbolos
- Cambio de comportamientos en Instancias
- Abrir como biblioteca
- Bibliotecas comunes
- Componentes
- Inserción de componentes
- Modificación de las propiedades de un componente
- Edición de un componente
Elementos externos
- Sonido
- Imagen
- Vídeo
Animación
- Las bases del diseño web con animación
- Conceptos básicos de la animación
- Línea de tiempo
- Trabajo con fotogramas
- Animación básica
- Papel cebolla
- Escenas
- Animación fotograma a fotograma
- Animación con interpolaciones
- Interpolación de forma
- Interpolación de movimiento
- Combinación de animaciones entre símbolos
Sonido
- Principios básicos del sonido digital
- Tipos de sonido digital
- La frecuencia de muestreo
- Los bits de profundidad
- Muestreo y frecuencia en Flash
- Canales de reproducción
- El tamaño de los archivos
- Programas para tratar el sonido
- Incorporación de sonido en Flash
- Importar sonidos en Flash
- Panel de Propiedades del sonido
- El panel Editar Envolvente
- Incorporar sonidos desde la Biblioteca
- Asignar sonido a un botón
- Asignar sonido en una línea de tiempo
- Asignar sonido a un clip de película
- Sincronizar el sonido con la animación
- Configurar la publicación para audio
Lenguaje ActionScript
- Interactividad
- Introducción al código ActionScript
- Elementos del Panel de Acciones
- Control de la línea de tiempo y escenas
- Eventos de ratón y clip de película
- Programación básica con ActionScript
- Programación utilizando campos de texto
- Programación con clips de película
Distribución y publicación de películas
- Optimización de los elementos de la película
- Opciones de exportación:
- El archivo .swf
- Exportar como imagen
- Parámetros de exportación
- Parámetros para una película Flash
Ejemplos de ámbito profesional
- Precarga de películas
- Desarrollando un formulario
- Flash y JavaScript
- Creando métodos
- Cargando variables desde un fichero externo
- Texto scrolling
- Efectos especiales

Dreamweaver MX

Introducción a Macromedia Dreamweaver MX
- Introducción a Macromedia Dreamweaver MX
- Novedades
  - Entorno de trabajo
  - Panel Insertar
  - Panel Código
  - Panel Aplicación
Introducción al HTML
- Qué es HTML y cómo funciona (básico)
- Enlaces (links) y tipos de enlaces
Creación de documentos con Dreamweaver MX
- Definiendo las propiedades de un documento
- Insertando elementos en la cabecera del documento
- Insertando texto
- Insertando caracteres especiales
- Modificando propiedades de texto
- Alineando texto
- Creando listas
- Creando un estilo HTML
- Corrigiendo ortográficamente el documento
- Guardando el documento
Hipervínculos con Dreamweaver MX
- Enlaces y Destinos
- Añadir un enlace en un texto
- Enlaces dentro del documento
- Enlaces a una dirección de correo
- Destino a otras ventanas
Imágenes con Dreamweaver MX
- Formatos gráficos
- Insertando una imagen
- Ajustando propiedades de imagen
- Alineando imágenes
- Añadir un enlace en una imagen
- Insertar rollover básico
- Creando y modificando mapas de imagen
- Creando barras de navegación
Tablas y marcos
- Qué es una tabla
- Definiendo una tabla
- Modificando una tabla
- Ordenando una tabla
- Insertando datos desde un fichero de datos delimitado
- Utilizando una tabla para diseñar
- Qué es un conjunto de Marcos
- Definir un conjunto de Marcos
- Modificando un conjunto de Marcos
- Utilizar conjuntos de Marcos para diseñar
- Enlaces entre distintos Marcos
Formularios
- Qué es un formulario
- Definiendo un formulario
- Insertando elementos en el formulario
- Validación de campos de un formulario
- Utilización de formularios como elementos de navegación
HTML Dinámico: Hojas de estilo CSS y Capas
- Qué es HTML Dinámico o DHTML
- Qué es una Capa
- Insertando Capas
- Modificando Capas
- Capas dentro de Capas
- Problemas con las Capas: Cómo evitarlos
- Diseñando con Capas / convertir Capas a tablas y viceversa
- Qué son las CSS
- Creando estilos
- Hojas de estilos externas
- Aplicando estilos
- Herencia de estilos
Comportamientos
- Qué son los comportamientos
- Compatibilidad de los comportamientos
- Eventos de ratón
- Utilizando comportamientos
- Insertando SCRIPTS manualmente (programadores)
Animaciones con Dreamweaver MX
- Líneas de tiempo
- Controlando la Línea de tiempo con comportamientos
- Mostrando y escondiendo capas
- Cambiando la posición 'z' de las capas
- Arrastrando Capas
Multimedia con Dreamweaver MX
- Insertando películas de Flash
- Controlando películas de Flash
- Insertando HTML de Fireworks
- Insertando APPLETS
- Insertando otros elementos multimedia
- Comprobando plugins
Elementos Activos y Plantillas
- Qué son elementos activos
- Qué es la librería
- Añadiendo un elemento a la librería
- Actualizando elementos de la librería
- Qué es un Plantilla
- Creando un Plantilla
- Modificando y actualizando Plantillas
Administración de un sitio
- Definiendo el sitio remoto
- Utilizando FTP de Dreamweaver
- Sincronizando site remoto y local
- Comprobando enlaces
- Actualizando enlaces
- Buscar y reemplazar
- Chequeando compatibilidad con navegadores
- Conversión de compatibilidad a navegadores 3.0
- Añadiendo notas de diseño

Teoría del Diseño

Formas básicas de composición
- Signo
- Espacio-formato
- Creación de Imágenes
- Proceso de Diseño
- Fases de la Creación Publicitaria
- Equipo Básico
Color
- Principios básicos de la Luz
- vTeorías del Color
- Las síntesis Aditiva y Sustractiva
- Colores Primarios y Secundarios
- Colores complementarios
- Dimensión del color
- Interacción de los colores
- Valor de los colores
- Dinámica de color
- Fisiología del color
- Psicología del color
Tipografía
- Características y Evolución de la Tipografía
- Clasificación de la tipografía
- Tipología de la tipografía
- Fundamentos Tipográficos: Tipometría
- Interlineado e Interletraje
- El cuadratín
- Calibración del texto
Fotomecánica
- Proceso de la fotomecánica
- vPresentación de originales
- vTamaño del original: El escalado
- Planificación del trabajo
- Separación de colores
- Escaneado de originales
- Pruebas de color
- Proceso de filmación
- La filmadora
- La procesadora
- vLa resolución
- Lineatura y densidad
- Los registros
- El trapping
Cartel
- Historia del cartel publicitario
- Características y pautas de realización
- Recorrido visual y concepción
Imagen Corporativa
- Realidad institucional
- Identidad institucional
- Comunicación institucional
- Imagen institucional
- Fases de intervención integral de Imagen Institucional
- Intervenciones de Imagen Institucional
- Normas visuales
- Elementos básicos de identidad
- Versiones
- Construcción geométrica
- Malla de construcción
- Prueba de tamaño
- Posiciones relativas
- Versiones prohibidas
- Tipografías
- Colores
- Desarrollos modulares
- Gráfica ligera
Maquetación
- Definición del documento
- Maqueta base
- Distribución de espacios
- Encabezados, titulares y texto
- Tabulaciones
- Tracking y kerning
- Columnas
- Trabajo con imágenes
Preimpresión
- Litografía
- Impresión offset
- Impresión digital
- Proceso de impresión
- Impresión de colores
- Los ferros
- Las planchas
- La tirada y el papel
- Manipulación de ejemplares: El Acabado
- Troquelado y Guías de corte
- La imposición
- Plegado
- Encuadernación
- Las tapas
- La Composición

Usabilidad web

1. Introducción.
2. Tipos de sitios web: 2.1 Páginas personales; 2.2 Páginas informativas de texto; 2.3 Páginas informativas de texto y animación; 2.4 Páginas de E-Commerce
3. Consideraciones sobre usabilidad web: 3.1 Acerca de usabilidad web; 3.2 ¿Qué decir?; 3.3 Audiencia del sitio web: ¿a quién va dirigido?; 3.4 Estructuras de navegación; 3.5 ¿Dónde estoy, he estado y puedo estar?; 3.6 Mapa del sitio web; 3.7 Espacio disponible y distribución del contenido; 3.8 Diseño independiente de la resolución; 3.9 Consistencia en el diseño: plantillas; 3.10 Consistencia en el diseño: las hojas de estilo
4. Diseño y contenidos de la página web: 4.1 La psicología de los colores; 4.2 Combinación de colores; 4.3 Páginas con fondo oscuro; 4.4 Páginas con fondo claro; 4.5 Páginas con imagen de fondo; 4.6 Los vínculos de hipertexto; 4.7 Importancia del contenido de un sitio web; 4.8 Lo bueno, si breve, dos veces bueno; 4.9 Recursos estilísticos; 4.10 El uso de imágenes en el web; 4.11 Construir nuestro banco de imágenes; 4.12 Diseño de logotipos
5 Marketing en Internet: 5.1 Estrategias de marketing; 5.2 Diseño de banners publicitarios
6 Apéndice: nuestro sitio web en la red: 6.1 Descripción y palabras clave de la página; 6.2 Posicionamiento del sitio web en los buscadores; 6.3 ¿Qué es un dominio?; 6.4 Opciones de alojamiento; 6.5 ¿Cómo subir a la red mi sitio web?; 6.6 Recursos gratuitos para webmasters; 6.7 LSSICE: la nueva ley de internet

Fundamentos de animación

Fundamentos Básicos de animación
- Ajustes de tiempos
  - Concepto de curva de tiempo
- Movimientos en arco y parabólicos
  - Movimiento parabólico
- Fuerza de inercia: slow-in y slow-out
  - Animaciones de arrastre
- Compresión y extension
- Efectos iniciales y finales de una animación
  - Anticipación y expansión
  - Acción secundaria: Prolongación y superposición
- Animación en ciclos
- Movimiento de espera
Mecanismo del movimiento de andar y desplazamiento
- Animación de los distintos elementos corporales
  - Los pies y las piernas
  - Las caderas, la columna vertebral y los hombros
  - Brazos, cabeza y columna vertebral en vista lateral
- Diferencia entre andar y correr
- Animación de la acción de andar

Datos del curso

Cursos relacionados

Material gratuito

Contacta