DIPLOMADO DE DISEÑO DIGITAL

Transcripción

1 UNEWEB INSTITUTO DE COMUNICACIÓN WEB PROGRAMA ACADÉMICO MINISTERIO DE EDUCACIÓN Código N PR AC DIPLOMADO DE DISEÑO DIGITAL

2 DISEÑADOR DIGITAL INTERACTIVO (Diseño digital para aplicaciones y medios interactivos) El avance de las nuevas tecnologías interactivas, tales como los sistemas programados locales y web, las aplicaciones web, los sitios y los medios web 1.0 y 2.0, ha provocado cambios profundos en las formas de interactuar y de comunicarse con los usuarios sobrepasando al diseño gráfico convencional con nuevas exigencias y requerimientos de velocidad, inductividad e interactividad de la comunicación que simplifiquen e incrementen la comunicación entre las personas, las aplicaciones y los equipos. Los elementos de interacción entre las personas, las aplicaciones y los equipos se requieren cada vez más visuales, creando una revolución evolutiva en la profesión del Diseñador Gráfico que se ve impulsado a desarrollar sus capacidades de creación de interfaces de comunicación interactiva, para convertirse en un Diseñador Digital Interactivo cooperador directo tanto en la emisión, en la rapidez de recepción como en la interacción intuitiva del mensaje El Diseñador Digital Interactivo requiere manejar integralmente los programas, aplicaciones y herramientas para la comunicación visual interactiva, a la par de mantener las habilidades para crear una efectiva comunicación visual inductiva y sugestiva así como las disciplinas de ilustración, diagramación, maquetación, manejo de la imagen y desarrollo multimedia. s del programa El Diplomado de DISEÑADOR DIGITAL INTERACTIVO (Diseño digital para aplicaciones y medios interactivos) tiene como objetivo proveer al participante de las competencias y metodologías de manejo integral de los nuevos recursos, aplicaciones y herramientas para la comunicación visual interactiva, a la par de proveerle de las habilidades para crear una efectiva comunicación visual inductiva y sugestiva así como de las disciplinas de ilustración, diagramación, maquetación, manejo de la imagen y desarrollo multimedia, proveyéndole, de una manera práctica, del manejo y dominio de: Diagramación Digital Ilustración

3 Maquetación Manejo de la imagen Desarrollo de impresos Desarrollo multimedia La orientación y coherencia interactiva del diseño digital interactivo, estará liderizada durante todo el diplomado por un proyecto de diseño digital interactivo (Diseño digital para aplicaciones y medios interactivos), que se asignara al participante desde el inicio del Diplomado (conjuntamente con un tutor de proyecto). Este proyecto de diseño digital interactivo (con un valor de 6 créditos) permite incorporar y reafirmar la metodología, visión y orientación integradora de los conocimientos adquiridos durante el diplomado. A quién está dirigido el Diplomado de DISEÑADOR DIGITAL INTERACTIVO (Diseño digital para aplicaciones y medios interactivos)? El Diplomado de DISEÑADOR DIGITAL INTERACTIVO (Diseño digital para aplicaciones y medios interactivos) está dirigido a profesionales que requieren desarrollar y/o integrar: Diseño digital Diagramación Digital Desarrollo de impresos Diseño grafico de páginas web Diseño grafico de aplicaciones web Diseño grafico de Sistemas programados Efectos gráficos Desarrollo multimedia Edición de Videos Plan de estudios El plan de estudios ha sido estructurado con materias de la coordinación de Diseño Digital Interactivo y de tecnología web, incluye una guía impresa y un CD con los tutoriales. Las materias han sido clasificadas como estructurales E y optativas O, las materias estructurales son la estructura del diplomado de programación, sin embargo en caso de que un participante domine con suficiencia una materia puede optar por una materia que se presenta como tipo optativa. El dominio y

4 suficiencia de una materia lo determinara el tutor en la sesión de evaluación de nivel y orientación. Cada materia tiene una valoración de 3 créditos y una duración de 16 horas calendario de asistencia a clases. Es requisito obligatorio para la obtención del certificado de grado cursar y aprobar un mínimo de 39 créditos, incluyendo el proyecto de Diseño digital interactivo. El proyecto de Diseño Digital interactivo tiene una valoración de 6 créditos y se desarrolla a lo largo de todo el diplomado bajo la supervisión y asesoría del tutor. Su presentación, defensa y aprobación se realiza en la semana final. Duración del Diplomado de DISEÑADOR DIGITAL INTERACTIVO El Diplomado de DISEÑADOR DIGITAL INTERACTIVO (Diseño digital para aplicaciones y medios interactivos) se ha diseñado atendiendo a los criterios de instrucción práctica, intensividad y flexibilidad, por esta razón puede ser cursado en un lapso de 3 a 6 meses o 1 año, dependiendo de la capacidad de cada participante. Los horarios de clases son: Matutino 9:00 am a 12:00 pm Vespertino 2:00 pm a 5:00 pm Nocturno 6:00 pm a 9:00 pm Los horarios pueden adaptarse al grupo de participantes si requieren un horario específico para el estudio. Materias del Diplomado de DISEÑADOR DIGITAL INTERACTIVO CÓDIGO MATE- RIA TIPO MATE- RIA MATERIA - MODULO CRÉDITOS HORAS DD-001 E DIAGRAMACIÓN DIGITAL 3 Créditos 20 Hrs DD-002 E PHOTOSHOP NIVEL 1 3 Créditos 20 Hrs DD-003 E PHOTOSHOP NIVEL 2 3 Créditos 20 Hrs DD-004 E ILLUSTRATOR NIVEL 1 3 Créditos 20 Hrs DD-006 E ILLUSTRATOR NIVEL 2 3 Créditos 20 Hrs

5 DD-008 E AFTER EFFECTS NIVEL 1 3 Créditos 20 Hrs DD-009 E AFTER EFFECTS NIVEL 2 3 Créditos 20 Hrs DD-010 E BLENDER 3D NIVEL 1 3 Créditos 20 Hrs DD-011 E BLENDER 3D NIVEL 2 3 Créditos 20 Hrs DD-016 E INDESIGN 3 Créditos 20 Hrs TW-003 E ANIMATE 3 Créditos 20 Hrs TW-003 E PREMIER 3 Créditos 20 Hrs PY-003 E PROYECTO DISEÑO DIGITAL INTERACTIVO 6 Créditos 20 Hrs COORDINACION DE DISEÑO DIGITAL DIAGRAMACIÓN DIGITAL Nivel 1 Descripción Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías y colores).

6 Contenido Introducción: DIAGRAMACION LA DIFERENCIA LAS CLAVES DE LA DIAGRAMACION LA TIPOGRAFIA EN DIAGRAMACION CLASIFICACION COLOR LA EXPRESIVIDAD DEL COLOR COLOR CMYK COLOR RGB PANTONES LA COMPOSICION ELEMENTOS DE DIAGRAMACION EL EQUILIBRIO LA RETICULA COMPOSITIVA MARGENES DIAGRAMACION IMPRESA DIAGRAMACION WEB COORDINACION DE DISEÑO DIGITAL PHOTOSHOP Nivel 1 Descripción Photoshop es una aplicación integrada especializada en la composición de fotografías e imágenes digitales. Ofrece cientos de herramientas de gran calidad, con funciones y capacidades para aplicar creatividad, se pueden crear material publicitario, logotipos, plantillas web entre otros proyectos.

7 Contenido Proyectos: Edición de fotografías, Logotipo, Afiche, Plantilla web, Franela estampada Introducción: Vectores. Pixeles. Formatos. La interface Ubicación de los elementos. Personalización de la interface. Modos de trabajo Ajustes de imagen Dimensiones. Todos los filtros de ajuste. La barra de herramientas básicas Descripción del uso de cada una de las herramientas Trabajo con selecciones. Trabajo con píxeles. Trabajo con vectores Las capas Descripción y uso. Modos de composición. Opciones de fusión Transformaciones Los filtros Descripción y uso de los filtros (básicos) Los filtros en la creación de interfaces Los filtros para efectos fotográficos Los filtros para efectos de texto. Creación de una plantilla Standard para HTML Plantilla, con tope y botonera lateral. Uso de los modos de composición en la plantilla. Creación de plantilla para exportación HTML División de los elementos por capas para exportación Uso de filtros en la creación de la plantilla Creación de montajes. Exportación y Formatos. PHOTOSHOP Nivel 2 Descripción COORDINACION DE DISEÑO DIGITAL En el nivel de Photoshop avanzado se realizan ejercicios con herramientas y filtros avanzados para aplicar creatividad en los proyectos.

8 Contenido Photoshop tienen herramientas nuevas en cada versión, además se pueden combinar creando efectos originales. Proyectos: Afiche Correcciones de color avanzadas Color selectivo. Hue/saturation. Balance del color Curvas. Niveles. Ajuste global y selectivo Formas de interacción entre imágenes (blending modes) Multiply-Screen.Overlay-hard y soft. Dodge y burn Darken y lighten. Diferencia y exclusión. Tono y saturación del color Crear, guardar y controlar pinceles Enmascarar Indicador de transparencia Enmascarar con un set de capas Aplicar efectos Dropshadow, bevel, color overlay, pattern overlay, etc. Combinar, aplicar y copiar efectos Crear objetos predefinidos Crear y exportar trazos La pluma y sus características Detalle de trazos. Transformar trazos Layer mask con clipping mask Encadenar máscaras Rasterizar máscaras Shape layers Interactuar con Illustrator por medio de Shape layer ColorSynk. Caracterización Utilizar colorsynk Exportar en formatos: PDF, TIFF, EPS Retocar profesional de fotografías ILLUSTRATOR Nivel 1 Descripción Adobe Illustrator es un programa para diseño gráfico, que ha definido en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial. Illustrator contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad

9 Contenido 3D BLENDER Nivel 1 Y 2 Descripción para producir rápidamente gráficos flexibles para su impresión, vídeo, publicación en la Web. Proyecto: Ilustración en formato Afiche, Plantilla Web Introducción a IIlustrator El color y la forma Personalización del área de trabajo. Manejo de las herramientas de Adobe Ilustrator. Utilización de los menús. Aplicación de ventanas flotantes. Operaciones básicas. Composición en Adobe Ilustrator. Empleo de capas. Empleo de color en Adobe Ilustrator. Creación de paletas personalizadas. Empleo de degradados Dibujos básicos. Diseño de identidad Manipulación de nodos. Edición avanzada de nodos. Dibujo de figuras y formas complejas. Creación de logotipos. Empleo de recursos escalares y de vectorización de bitmaps Tipografías Creación de tipografías. Empleo adecuado de cuadrículas. Empleo de técnicas mixtas Edición de imágenes linkeadas. Empleo de capas múltiples Diseño Web Diseño de grilla constructiva para Web. Maquetación de páginas Web. Diseño de Páginas Web. COORDINACION DE DISEÑO DIGITAL Blender es un programa multiplataforma, dedicado especialmente al modelado, animación y creación de gráficos tridimensionales. El programa fue inicialmente distribuido de forma gratuita pero sin el

10 Contenido código fuente, con un manual disponible para la venta, aunque posteriormente pasó a ser software libre. Actualmente es compatible con todas las versiones de Windows, Mac OS X, Linux, Solaris, FreeBSD e IRIX. Proyecto: Escena en 3D Conceptos Básicos de Blender. Introducción a Blender. El Software libre y la licencia GPL. Entorno Gráfico del Usuario y el entorno tridimensional. Introducción a, y personalización de la Interfaz. El entorno 3D y el Cursor 3D. Sistemas de Coordenadas Básicos Navegación en el Entorno 3D. Selección de Objetos. Modo Objeto y Modo de Edición. Translación, Rotación y Escalado de Objetos. Translación, Rotación y Escalado de Vértices, Aristas y Caras. Duplicar y Borrar Objetos. Unir y Separar Objetos. Modelado Creación de Primitivas. Suavizado y Sub-división de Superficies. Creación de Objetos cilíndricos a partir de un contorno. Extraer y Cortar Vértices, Aristas y Caras. Creación de Objetos a partir de una Primitiva. Modificadores Básicos. Materiales Propiedades Básicas de los Materiales. Creación y Asignación de Materiales Simples. Creación y Asignación de Materiales Múltiples. Creación y Asignación de Texturas Básicas. Mapeado UV. Trasparencias y Reflejos. Iluminación y Render Tipos de luz. Propiedades básicas de la luz. Parámetros del Render. Animación Definición y cálculo del tiempo. Definición de claves de animación. Animación básica a partir de claves de movimiento. COORDINACION DE DISEÑO DIGITAL

11 ADOBE AFTER EFFECTS (AE) Nivel 1 Descripción Cree gráficos animados y efectos visuales con el estándar del sector. Tanto si trabaja en el sector de la televisión o el cine, como si entrega su trabajo en línea y a dispositivos móviles, el software Adobe After Effects le permite crear gráficos animados innovadores y efectos visuales de gran calidad. ontenido Proyecto: Escena en vídeo 1.-Introducción a la postproducción e interfaz del programa La postproducción. Flujo de trabajo en After Effects. 2.- Animación básica Atributos iniciales de capas. Punto de anclaje. Posición. Escala. Rotación. Opacidad. Transformación directa en el panel de composición. 3.- Capas Tipos de capas. Esquema de organización de una capa. Estilos de capas (Integración con Photoshop). Organizar capas en secuencia. 4.- Máscaras y transparencias Transparencias. Máscaras de capa. 5.- Formas Creación de formas. Atributos de trazados. 6.- Tracking Transparencia. Opciones del panel controles del rastreador. 7.- Keying: Clave de luz Incrustación. Flujo de trabajo Keylight. Parámetros Keylight. 8.- Textos Operaciones básicas. El panel Carácter. Animación de texto. Flujo de trabajo con textos animados. Animación de textos en trazado. 9.- Tres dimensiones en After Effects Trabajo con capas. Capas: Conversión de 2D a 3D. Trabajo con texto y capas.

12 ADOBE AFTER EFFECTS (AE) Nivel 2 Descripción Da un paso adelante en la creación de animaciones y efectos visuales con esta poderosa herramienta. En este curso conocerás y manejarás técnicas avanzadas de animación y composición Contenido Proyecto: Escena en vídeo 2 1. Composición y pre composición Navegando a través de composiciones rápidamente 2. Efectos Una muestra de los efectos. Crear una capa para los efectos Aplicación de efectos 00:04:54. Animación de propiedades de los efectos Adición de desenfoque 00:05:45. Distorsión de objetos con efectos 3. Trabajo con vídeo Acortar la duración de las capas Recorte en el panel Material de archivo Disminución y acelerar la velocidad de vídeo Aplicación de transiciones entre clips de vídeo Trabajar con secuencias de imágenes 4. Corrección de Color-Secuencias Luminosidad tomas oscuras. Cambio de colores en imágenes La creación de tratamientos cinematográficos de color Colorear los objetos en negro y blanco. Uso de las capas de ajuste 5. Workflow Uso de las áreas de trabajo. Creación de marcadores Sustitución de capas. El dominio de la línea de tiempo de navegación Alineación y distribución de capas Selección de capas con rapidez. Ajuste de un borrador de resolución 6. Trabajar en 3D (2.5D) En cuanto capas 2D en las capas 3D. Creación de luces y cámaras. Creación de sombras. Con la profundidad de campo. Trabajar con efectos 3D 7. Trabajo con audio Comprensión de audio en motion graphics.

13 Vista previa y mezcla de audio 8. Procesamiento y compresión (Render). Exportación composiciones Agregar a la cola de procesamiento Exploración de configuración de clave de procesamiento de colas InDesign Nivel 1 Descripción COORDINACION DE DISEÑO DIGITAL InDesign es una aplicación de maquetación para diseñadores gráficos, periodistas, comunicadores sociales, publicistas, arquitectos y todas aquellas personas que necesitan crear folletos o revistas. Con este programa puede crear, diagramar: revistas, catálogos, dípticos, periódicos, cuentos y material impreso.

14 Contenido Proyecto Diseño de revista o calendario. Introducción a InDesign Personalización del área de trabajo. Manejo de las herramientas de Adobe InDesign. Utilización de los menús. Aplicación de ventanas flotantes. Operaciones básicas. Empleo de color en Adobe InDesign. Creación de paletas de estilos personalizados. Maquetación Diseño Editorial Profesional Elección de una adecuada Tipografía para Diseño Editorial. Empleo correcto de Tipografías, según familia y características visuales. Jerarquización de elementos en una pieza editorial. Edición de imágenes vinculadas. Diseño para diapositivas y presentaciones empresariales. Diseño de revista informativa Maquetación de matriz para revista. Diseño de portada para Revista temática. Configuraciones personalizadas para reproducción masiva. Estandarización de secciones para múltiples tomos. Diseño de Revista o calendario Maquetación de matriz para catálogo. Diseño de portada para Catálogo de productos. Preparación de formatos de imagen para catálogos. Interacciones con Photoshop. ILLUSTRATOR Nivel 2 Descripción COORDINACION DE DISEÑO DIGITAL Aplicarás distintas formas de mezclar herramientas para generar tus gráficas. Crear wallpapers, fondos de volantes o simplemente administrar una papelería, lograrás terminar de entender porque

15 ILlustrator es el mejor software de ilustración. Controlarás un archivo de Illustrator para su correcta salida a impresión. Contenido Crear y compartir Bibliotecas de colores Funciones y opciones del Calco interactivo Funciones y herramientas de Pintura interactiva Pintar con la herramienta Malla Funciones Tipográficas Avanzadas Colocar textos y tablas Estilos de carácter y de párrafo Justificación de texto y separación de sílabas Correcciones orto-tipográficas Pictogramas y fuentes OpenType Creación De Gráficos De Datos Integración con MS Excel Tipos y opciones de gráficos Uso de Símbolos y Estilos gráficos Optimizar La Productividad Ajuste de las Preferencias Personalizar los archivos de inicio Crear y trabajar con plantillas. Crear y personalizar Bibliotecas Personalizar los Atajos de teclado Trabajar con Acciones y Scripts

16 Creación De Ilustraciones Para Internet Preparar documentos para Internet Guardar y Exportar para Internet Trabajar con la herramienta Sección (Slices) Crear Banners interactivos y animados PREMIER Nivel 1 Descripción Aprende a editar vídeos muy fácilmente con... Adobe Premiere es la herramienta de edición de vídeo digital no lineal más utilizada por profesionales y no profesionales, debido a que es un software muy extendido en el sector de la edición de vídeo. El objetivo es desarrollar contenido multimedia para el Marketing viral. Contenido CInterfaz de usuario Flujo de trabajo básico Flujo de trabajo 24p Flujos de trabajo de SWF Flujo de trabajo de una película de imágenes en movimiento Adobe Dynamic Link Configuración del sistema Creación y modificación de proyectos Proporciones de aspecto Captura y digitalización Captura de vídeo HD Acerca de la edición en línea y sin conexión Digitalización del vídeo analógico Código de tiempo Transferencia e importación de archivos Importación de imágenes fijas Importación de audio digital Uso del audio Uso de clips, canales y pistas Edición de audio en un panel Línea de tiempo

17 Grabación de audio Ajuste de niveles de volumen La panorámica y el equilibrio Efectos de animación] Agregar, navegar y configurar fotogramas clave Mover y copiar fotogramas clave Controlar los cambios de efectos mediante la interpolación de fotogramas clave Creación de animaciones comunes Exportación a cinta de vídeo o película Exportación para el Web Exportación a ipod, teléfonos móviles, PSP y otros dispositivos

18 ANIMATE Nivel 1 Descripción COORDINACION DE DISEÑO DIGITAL Desarrolla animaciones visibles en cualquier dispositivo móvil, ya sea para sitios web, publicaciones electrónicas, PDF interactivo o aplicaciones móviles, sin necesidad de tener un conocimiento amplio en programación. Todo esto con el respaldo de Adobe Creative Cloud. Contenido Herramientas y entorno Estableciendo el documento Pantalla de Inicio e Interfaz Generación de Objetos Incluyendo recursos Usando el Timeline de Edge Animate Código Básico Publicando Paquete de implementación Transiciones y PIN Animando objetos con la herramienta PIN Editando transiciones Añadiendo stop al timeline

19 Añadiendo un botón básico de play Símbolos y Motion Paths Explorando la Edición de Símbolos y símbolos anidados Interactividad Acciones: Añadiendo audio Añadiendo acciones y audio a los objetos Animación Web Exportar para Web y video