DIPLOMADO DE DISEÑO DIGITAL

19 

Loading....

Loading....

Loading....

Loading....

Loading....

Texto completo

(1)

UNEWEB INSTITUTO DE COMUNICACIÓN WEB

PROGRAMA ACADÉMICO

MINISTERIO DE EDUCACIÓN Código N° PR-07-017-11AC

(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.

Objetivos 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 académicas DD-002 E PHOTOSHOP NIVEL 1 3 Créditos 20 Hrs

académicas DD-003 E PHOTOSHOP NIVEL 2 3 Créditos 20 Hrs

académicas DD-004 E ILLUSTRATOR NIVEL 1 3 Créditos 20 Hrs

académicas DD-006 E ILLUSTRATOR NIVEL 2 3 Créditos 20 Hrs

(5)

DD-008 E AFTER EFFECTS NIVEL 1 3 Créditos 20 Hrs académicas DD-009 E AFTER EFFECTS NIVEL 2 3 Créditos 20 Hrs

académicas DD-010 E BLENDER 3D NIVEL 1 3 Créditos 20 Hrs

académicas DD-011 E BLENDER 3D NIVEL 2 3 Créditos 20 Hrs

académicas DD-016 E INDESIGN 3 Créditos 20 Hrs académicas TW-003 E ANIMATE 3 Créditos 20 Hrs académicas TW-003 E PREMIER 3 Créditos 20 Hrs académicas

PY-003 E PROYECTO DISEÑO

DIGITAL INTERACTIVO

6 Créditos 20 Hrs académicas

CURSO DIAGRAMACIÓN DIGITAL

Nivel 1

Descripción

Objetivo Diagramar es distribuir, organizar los elementos del mensajebimedia (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).

COORDINACION DE DISEÑO DIGITAL

(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 CURSO PHOTOSHOP Nivel 1 Descripción

Objetivo Photoshop es una aplicación integrada especializada en lacomposició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.

COORDINACION DE DISEÑO DIGITAL

(7)

Proyectos: Edición de fotografías, Logotipo, Afiche, Plantilla web, Franela estampada

Contenido 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.

CURSO PHOTOSHOP

Nivel 2

Descripción

Objetivo En el nivel de Photoshop avanzado se realizan ejercicios conherramientas y filtros avanzados para aplicar creatividad en los proyectos.

COORDINACION DE DISEÑO DIGITAL

(8)

Photoshop tienen herramientas nuevas en cada versión, además se pueden combinar creando efectos originales.

Contenido 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

CURSO ILLUSTRATOR

Nivel 1

Descripción

Objetivo Adobe Illustrator es un programa para diseño gráfico, que hadefinido 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)

para producir rápidamente gráficos flexibles para su impresión, vídeo, publicación en la Web.

Contenido 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.

CURSO 3D BLENDER

Nivel 1 Y 2 Descripción

Objetivo Blender es un programa multiplataforma, dedicado especialmenteal modelado, animación y creación de gráficos tridimensionales. El programa fue inicialmente distribuido de forma gratuita pero sin el

COORDINACION DE DISEÑO DIGITAL

(10)

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

Contenido 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)

CURSO ADOBE AFTER EFFECTS (AE)

Nivel 1

Descripción

Objetivo 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.

(12)

CURSO ADOBE AFTER EFFECTS (AE)

Nivel 2

Descripción

Objetivo Da un paso adelante en la creación de animaciones y efectosvisuales 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

(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

CURSO InDesign

Nivel 1

Descripción

Objetivo InDesign es una aplicación de maquetación para diseñadoresgrá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.

COORDINACION DE DISEÑO DIGITAL

(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.

CURSO ILLUSTRATOR

Nivel 2

Descripción

Objetivo Aplicarás distintas formas de mezclar herramientas para generartus gráficas. Crear wallpapers, fondos de volantes o simplemente

administrar una papelería, lograrás terminar de entender porque

COORDINACION DE DISEÑO DIGITAL

(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

(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

CURSO PREMIER

Nivel 1

Descripción

Objetivo Aprende a editar vídeos muy fácilmente con... Adobe Premiere esla 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

(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

(18)

CURSO ANIMATE

Nivel 1

Descripción

Objetivo Desarrolla animaciones visibles en cualquier dispositivo móvil, yasea 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

COORDINACION DE DISEÑO DIGITAL

(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

Figure

Actualización...

Referencias

Actualización...

Related subjects :