DISEÑO GRÁFICO & WEB

Transcripción

1 MÓDULO I ADOBE PHOTOSHOP CS5 01. INTRODUCCIÓN A ADOBE PHOTOSHOP CS5 02. BARRA DE HERRAMIENTAS DE ADOBE PHOTOSHOP 03. TAMAÑO Y RESOLUCIÓN DE LA IMAGEN 04. CAPAS El entorno y la barra de opciones en Adobe Photoshop Las paletas y los menús Herramientas de selección Herramientas correctoras Herramientas tampón Herramientas pincel de historia y pincel histórico Herramientas borrador Herramientas degradado y bote de pintura Herramientas desenfocar, enfocar y dedo Herramientas sobreexponer, subexponer y esponja Herramientas pluma Herramientas de texto Herramientas de selección de trazado Herramientas de forma Herramientas movimiento, rotación, escala 3D Herramientas mano y zoom Bitmaps y gráficos vectoriales Abrir o importar imágenes Las capas y la paleta capas en Adobe Photoshop Panel estilos Capas de ajuste Capas de relleno y de ajuste 07. COLOR Y MODOS 08.FILTROS 09. ACCIONES AUTOMATIZADAS 10. IMPRESION 11. PRÁCTICAS DE CREATIVIDAD Y FOTOCOMPOSICIÓN Teoría del color Los modos de fusión La paleta de color La paleta de muestras de color Filtros de enfoque y desenfoque Filtros de ruido Filtros artísticos Filtros de bosquejo Filtros textura Filtros de distorsión Filtros de pixelización Otros filtros Panel de acciones Configuración Resolución de la impresora Impresion del documento 05. CANALES Y MÁSCARAS 06. EL COLOR Los canales de color Uso de las máscaras Mascaras vectoriales Modo RGB Modo CMYK Escala de grises Como modificar el color de una imagen

2 MÓDULO II ADOBE ILLUSTRATOR CS5 01. EL ESPACIO DE TRABAJO DE ADOBE ILLUSTRATOR CS5 Comprender el espacio de trabajo Cambiar la visualización de los gráficos Desplazarse entre múltiples mesas de trabajo Usar el panel Navegador 07.TRABAJAR CON TEXTO Trabajar con texto Qué es el flujo de texto Aplicar formato al texto Guardar y utilizar estilos 02. SELECCIONAR Y ALINEAR 03. CREAR Y EDITAR FORMAS 04. TRANSFORMAR OBJETOS 05. TRABAJAR CON LINEAS RECTAS 06. COLOREAR Y PINTAR Seleccionar objetos Alinear objetos Trabajar con grupos Organización de objetos Ocultar objetos Aplicar técnicas de selección Crear un documento con múltiples mesas de trabajo Trabajar con formas básicas Combinar y editar formas Utilizar Calco interactivo para crear formas Trabajar con mesas de trabajo Transformar contenido Ubicar objetos de forma precisa Crear líneas rectas Crear trazados curvos Crear la ilustración del violín Dibujar curvas Editar curvas Dibujar con la herramienta Lápiz Finalizar la ilustración del violín Entender el color Crear color Pintar con degradados y motivos Trabajar con Pintura interactiva 08.TRABAJAR CON CAPAS 09. TRABAJAR CON PERSPECTIVA 10.FUSIONAR FORMAS Y COLORES 11. TRABAJAR CON PINCELES Crear capas Bloquear capas Ver capas Pegar capas Crear máscaras de recorte Combinar capas Aplicar atributos de apariencia a las capas Comprender la perspectiva La cuadrícula de perspectiva Trabajar con la cuadrícula de perspectiva Añadir y editar texto en perspectiva Trabajar con símbolos en perspectiva Liberar contenido de la perspectiva Trabajar con degradados Trabajar con objetos fusionados Trabajar con pinceles Los pinceles caligráficos Utilizar un color de relleno con pinceles Los pinceles de arte Los pinceles de cerdas Los pinceles de motivo Cambiar los atributos de color de los pinceles Cambiar el color del un pincel

3 MÓDULO II ADOBE ILLUSTRATOR CS5 12. APLICAR EFECTOS Trabajar con efectos dinámicos Aplicar efectos Editar un efecto Texto con efectos Editar formas con un efecto Buscatrazos Desplazar trazados Aplicar un efecto de Photoshop Trabajar con un efecto 3D Crear un objeto girado Cambiar la iluminación de un objeto Asignar un símbolo a la ilustración 3D 13. APLICAR ATRIBUTOS DE APARIENCIA Y ESTILOS GRÁFICOS Utilizar atributos de apariencia Editar y añadir atributos de apariencia Reorganizar atributos de apariencia Añadir un trazo y un relleno adicionales Utilizar estilos gráficos Crear y guardar un estilo gráfico Aplicar un estilote Aplicar un atribut Copiar, aplicar y eliminar estilos gráficos 14. TRABAJAR CON SÍMBOLOS 15. EJERCICIOS DE CREATIVIDAD Trabajar con símbolos Utilizar las bibliotecas de símbolos de Illustrator Crear y editar símbolos Trabajar con las herramientas de símbolo Guardar ilustraciones en el panel Símbolos Asignar un símbolo a una ilustración 3D Los símbolos y su integración en Flash

4 MÓDULO III GESTIÓN DE UN PROYECTO WEB MÓDULO IV PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un proyecto web El Briefing. Arquitectura de la Información Usabilidad en la web. Accesibilidad. Facilidad de navegación, diseño atractivo y tiempo de respuesta Guia para planificar un sitio web: Consideraciones generales. Descripción de la audiencia (target) Identidad Corporativa e información lenguaje, rotulado, estructura y navegación Diseño de la página Conceptos básicos de Adobe Photoshop para web 01. PROGRAMACIÓN BÁSICA EN HTML Introducción WWW Consortium Elementos HTML Etiquetas encabezado Párrafos y saltos de línea Regla horizontal Formateo Texto Identidades carácter HTML Anidado de etiquetas Elementos inline y block level Enlaces Imágenes Etiquetas DIV y SPAN Tablas Listas Formulario Practica final 02. INTODUCCION A SEO 03. INTRODUCCION A JOOMLA 04. INTRODUCCION A PRESTASHOP

5 MÓDULO V ADOBE DREAMWEAVER CS5 01. UNA APROXIMACIÓN A INTERNET 02. INTRODUCCIÓN AL DISEÑO WEB 03. CONOCIENDO LA INTERFAZ 04. FAMILIARIZÁNDOSE CON EL PROGRAMA 05. DEFINIR UN SITIO Y CREAR PÁGINAS WEB 06. TRABAJAR CON TEXTO Historia y evolución de Internet Las páginas Web Los sitios Web Elementos de una página Web La pantalla de bienvenida La nueva interfaz de Dreamweaver CS5 El espacio de trabajo Utilizar el Inspector de propiedades Paneles y herramientas Definir un sitio El panel Archivos Crear un nuevo documento Abrir y guardar un documento El texto en el diseño Web Estilo de fuente: Negritas Interlineado Ajuste del espacio entre letras (kerning) Ancho de línea El color del texto Alineación del texto Uso de mayúsculas Importar texto Crear tablas Otras funciones de texto Las reglas CSS El Inspector de propiedades y el panel Estilos CSS 07. TRABAJAR CON CSS 08. EL COLOR Y EL DISEÑO WEB 09. TRABAJAR CON IMÁGENES Editar estilos CSS Editar estilos en el Panel Estilos CSS Crear y editar estilos con el Inspector de Propiedades Crear hojas de estilo externas Crear reglas CSS Las reglas de selectores Compuestos Crear hojas de estilos para otros medios Eliminar estilos CSS El color en la Web La teoría del color Psicología del color Colores para un sitio Definir los colores en Dreamweaver Insertar el color de fondo Cambiar el color de fondo de la página con CSS Definir el color del texto Las imágenes para la Web Insertar imágenes en Dreamweaver CS5 Optimizar las imágenes Los formatos para la Web Optimizar las imágenes desde el Inspector de propiedades Herramientas gráficas adicionales integradas en Dreamweaver

6 MÓDULO V ADOBE DREAMWEAVER CS5 10. CREAR HIPERVÍNCULOS Las rutas de acceso Crear vínculos El color de los vínculos Actualizar vínculos 11. CREAR PÁGINAS INTERACTIVAS 12. EL DISEÑO DE LAS PÁGINAS CON CSS 13. AGREGAR CONTENIDO MULTIMEDIA 14. PROBAR Y PUBLICAR EL SITIO Los Spry Efectos de Spry Datos de Spry Spry widgets Crear un Acordeón de Spry Utilizar estilos CSS para diseñar las páginas Crear diseños de página con elementos <div> Exportar los estilos CSS Las imágenes de sustitución o rollover Los plugins Sonido digital Vídeo digital Contenido Flash Comprobar sitio Publicar su sitio Web

7 MÓDULO VI HOJAS DE ESTILO CSS 01. INTRODUCCIÓN A LAS HOJAS DE ESTILOS CSS. 02. SELECTORES 03. UNIDADES DE MEDIDA Y COLORES 04. MODELO DE CAJAS (BOX MODEL) 05. POSICIONAMIENTO Y VISUALIZACIÓN Qué es CSS? Breve historia de CSS Especificación oficial Funcionamiento básico de CSS Cómo incluir CSS en un documento XHTML Glosario básico Medios CSS Comentarios Sintaxis de la definición de cada propiedad CSS Selectores básicos Selectores avanzados Agrupación de reglas Herencia Colisiones de estilos Unidades de medida Colores Anchura y altura Margen y relleno Bordes Margen, relleno, bordes y box model Fondos Tipos de elementos Posicionamiento Posicionamiento normal Posicionamiento relativo Posicionamiento absoluto Posicionamiento fijo Posicionamiento flotante Visualización 06. TEXTO 07. ENLACES 08. IMÁGENES 09. LISTAS 10. TABLAS 11. FORMULARIOS 12. LAYOUT 13.OTROS Tipografía Texto Estilos básicos Estilos básicos Estilos básicos Estilos básicos Estilos básicos Centrar una página horizontalmente Centrar una página verticalmente Estructura o layout Alturas/anchuras máximas y mínimas Propiedades shorthand Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad de las declaraciones CSS Validador Recomendaciones generales sobre CSS

8 MÓDULO VII ADOBE FLASH CS5 01. INTRODUCCIÓN 02.EL ESPACIO DE TRABAJO 03. LOS DOCUMENTOS EN FLASH El entorno de trabajo Los paneles de Flash Distribución del área de trabajo Los documentos de Flash Crear un nuevo proyecto Abrir un documento existente Trabajar con varios archivos Cerrar un documento Configurar un documento de Flash Asignar un título y otros metadatos La línea de tiempo Visualizar una animación 06. LOS OBJETOS Las muestras de color El panel Kuler Aplicar colores con los botes de pintura La herramienta Cuentagotas Flash Imprimir Los objetos de Flash Dibujar en modo objeto Crear objetos compuestos Organizar objetos Transformar objetos Alinear objetos Ajustes en la escena 04. DIBUJAR CON FLASH 05. LOS COLORES Flash como herramienta de dibujo Gráficos vectoriales y mapas de bits Herramientas de dibujo Dibujar con la pluma Modificar figuras utilizando la herramienta Subseleccionar Modificar figuras utilizando la herramienta Flecha Seleccionar mediante el lazo Borrar con Flash Los modos de dibujo de Flash Dividir una figura en varias partes Modificar rellenos La herramienta Deco Color de trazo y color de relleno Los cuadros de color El selector de colores Degradados 07. TRABAJAR CON TEXTOS 08. SIMBOLOS 09. CREACIÓN DE BOTONES Trabajo con textos en Flash Insertar bloques de texto Operaciones sobre bloques de texto Modificar la apariencia del texto Flujo del texto en varios cuadros Crear un símbolo nuevo La biblioteca de símbolos Las instancias Filtros y mezclas Efectos 3D Creación de un botón Botones que funcionan Botones animados Zona activa

9 MÓDULO VII ADOBE FLASH CS5 10. LA LINEA DE TIEMPO La línea de tiempo Las capas Los fotogramas Uso de símbolos en las animaciones 11. CREACIÓN DE ANIMACIONES 12. LAS IMÁGENES Animaciones por interpolación Interpolación Animación por interpolación Animación por interpolación clásica Animación mediante capas guías Animaciones con máscaras Interpolación de forma Animación por cinemática inversa Animación de un sistema de cinemática inversa Copia de animaciones Elementos multimedia Formatos disponibles en Flash Importar una imagen Transformar imágenes Transformar un mapa de bits en una imagen vectorial Separar un mapa de bits Utilizar una imagen como relleno Las imágenes y los símbolos 13. PRÁCTICAS DE CREATIVIDAD

10 MÓDULO VIII PROGRAMACIÓN BÁSICA CON ACTIONSCRIPT 01. FUNDAMENTOS DE ACTIONSCRIPT Edición de Scripts Introducción Mayúsculas y Minúsculas Variables Instrucción Trace Comentarios Sentencias If / Else Operadores de Comparación Operadores Aritméticos 06. LAS CLASES DATE Y SOUND 07. EJERCICIO FINAL El Objeto Date El Objeto Sound Proyecto Web Hacer Una Web con los Conocimientos Adquiridos 02. ACTIONSCRIPT Y LOS OBJETOS FLASH 03. CONTROL DE EVENTOS Introducción Programación Orientada a Objetos Objetos Flash Los Nombres de Instancia Referencia Propiedades Objetos Movieclip y Button: Propiedades Métodos para el Control de Película: Acciones Rutas Relativas /Absolutas Eventos Eventos de Botón 04. CARGA DINÁMICA DE CONTENIDO 05. CAMPOS DE TEXTO Métodos de Carga Carga de Archivos XML: El Objeto XML y XMLNODE Qué es XML? XML y Flash Noticias. Objeto Campo de Texto: Textfield Objeto de Formato de Texto: Textformat Formularios de Contacto