Máster de Diseño Gráfico y Web

MÓDULO: DISEÑO GRÁFICO (ADOBE TOOLS)

01. Adobe Illustrator

Fundamentos y Entorno

• Modos y perfiles de color.

• Espacio de trabajo y mesas de trabajo.

• Gestión de capas y grupos.

• Modo de aislamiento de objetos.

Creación y Propiedades de Objeto

• Formas básicas y herramientas de selección.

• Propiedades de objeto: Trazos, rellenos y panel apariencia.

• Teoría del color: Muestras, reglas de armonía y degradados (lineal, radial y forma libre).

• Motivos y editor avanzado de motivos.

Dibujo y Composición Avanzada

• Herramientas vectoriales: La pluma, el lápiz y pinceles (caligráfico, dispersión, arte, cerdas y motivos).

• Herramienta de anchura y perfiles variables.

• Buscatrazos y creador de formas.

• Pintura interactiva y herramienta Shaper.

• Transformaciones, alinear y distribuir.

Tipografía y Efectos Especiales

• Texto: Área, trazado y edición tipográfica.

• Distorsión de envolvente, malla de degradado y herramienta fusión.

• Estilos gráficos y símbolos.

• Efectos 3D y filtros de Illustrator/Photoshop.

• Cuadrícula de perspectiva, transparencias y máscaras de recorte.

Producción Final

• Calco de imagen e inserción de mapas de bits.

• Expandir y rasterizar.

• Empaquetado, impresión y salida de archivos.

02. Adobe Photoshop

Conceptos Base y Selección

• El píxel y modos de color.

• Herramientas de selección: Geométricas, mano alzada y automáticas.

• Selección avanzada mediante gama de colores y máscara rápida.

Edición y Retoque

• Capas: Modos de fusión, capas de ajuste, relleno y estilos.

• Objetos inteligentes y filtros inteligentes.

• Herramientas de clonación: Tapón de clonar, parches y pinceles correctores.

• Ajustes de imagen y procesado con Camera Raw (Tonos HDR).

• Rellenar y escalar según el contenido.

Pintura e Ilustración Digital

• Pinceles y dinámicas de pincel.

• Bote de pintura, degradados y cuentagotas.

• Técnicas de coloreado digital.

• Neural Filters y automatización de tareas.

Vectores y Salida Profesional

• La pluma y capas de forma/trazado.

• Máscaras de capa (bitmap y vectoriales).

• Gestión de canales y tintas planas (Duotono/Multicanal).

• Preparación para impresión y formatos de salida.

03. Adobe InDesign

Estructura del Documento

• Gestión de documentos, libros y bibliotecas.

• Páginas maestras, pliegos y paginado automático.

• Retículas: Márgenes, columnas, reglas, guías y cuadrículas.

Maquetación y Contenido

• Cajas de imagen, encajes y panel vínculos.

• Cajas de texto y herramientas de tipografía avanzada.

• Opciones de carácter, párrafo y estilos de texto.

• Tabulaciones, tablas y notas al pie de página.

• Ceñido de texto y objetos anclados.

Diseño y Producción

• Herramientas de creación vectorial y estilos de objeto.

• Efectos, transparencias y muestras de color.

• Editor de artículos y elementos interactivos (hipervínculos/referencias).

• Comprobación preliminar, empaquetado y previsualización de separaciones.

MÓDULO OPCIÓN 1: DISEÑO WEB (HTML, CSS Y JS)

01. Contenido, Estructura y Apariencia

Fundamentos Web

• Introducción al desarrollo integral y programación creativa.

• Editores de texto y flujos de trabajo.

• Concepto de diseño Responsive.

HTML y CSS Esencial

• Estructura semántica: Etiquetas, atributos y elementos estructurales.

• El contenido: Títulos, listas, tablas y enlaces.

• Introducción a CSS: Reglas, selectores y vinculación de ficheros.

• El modelo de caja (Box Model): Márgenes, bordes y rellenos.

Diseño y Layout

• Tipografía web: Unidades de medida (absolutas/relativas) y propiedades.

• Teoría del color en RGB y fondos.

• Posicionamiento: Flujo normal, relativo, absoluto y fijo.

• Sistemas de Layout modernos: Flexbox y CSS Grid.

• Media Queries y diseño adaptativo.

Gráficos y Formularios

• Imágenes de fondo vs. imágenes de contenido.

• Filtros, sombras y modos de fusión en CSS.

• Creación de formularios y elementos de entrada de datos.

02. Dinamismo y Funcionalidad

JavaScript y el DOM

• Bases de programación: Variables, condicionales, bucles y funciones.

• Manipulación del DOM: Captura de elementos, gestión de clases y atributos.

• Eventos y Callbacks: Interactividad y experiencia de usuario.

Comunicación y Frameworks

• Protocolo HTTP: Peticiones y respuestas (Backend vs. Frontend).

• AJAX y JSON: Conexiones asíncronas con el servidor.

• Introducción a librerías: jQuery y manipulación eficiente.

WordPress y Ecosistema

• Introducción a PHP y naturaleza dinámica del contenido.

• Instalación y configuración de WordPress.

MÓDULO OPCIÓN 2: DISEÑO WEB CON WORDPRESS

Contenidos Programáticos

1. Introducción y Proceso: Fundamentos del diseño web y etapas creativas.

2. Configuración: Uso de WordPress, ajustes generales e instalación en alojamiento (Hosting).

3. Diseño Visual: Apariencia, personalización y hojas de estilo (CSS).

4. Maquetación Avanzada: Templates personalizados con Elementor Pro y contenido dinámico.

5. Funcionalidad: Formularios de contacto y gestión de usuarios.

6. E-commerce: Implementación de tiendas virtuales (WooCommerce).

7. Optimización: Introducción al SEO y localización (multi-idioma).

8. Seguridad y Scripting: Medidas de protección e introducción al scripting.