El Máster en Diseño Web Avanzado es tu puerta de entrada al mundo del diseño digital, un sector en constante expansión y con alta demanda laboral. Este máster te ofrece la oportunidad de desarrollar habilidades esenciales como el dominio de Adobe Dreamweaver CC, Animate CC, Photoshop CC e Illustrator CC. Aprenderás desde los fundamentos del diseño gráfico, como el uso del color y la tipografía, hasta técnicas avanzadas de maquetación y diseño 3D. Con Dreamweaver, dominarás la creación de sitios web, edición de texto y manejo de CSS. Además, Adobe Animate te permitirá crear animaciones impactantes, mientras que con Photoshop e Illustrator podrás transformar imágenes y crear gráficos vectoriales de alta calidad. Este máster, impartido completamente online, te ofrece flexibilidad y acceso a una formación de calidad, convirtiéndose en una opción ideal para quienes buscan destacar en el competitivo mundo del diseño web.
El Máster en Diseño Web Avanzado está dirigido a profesionales y titulados del sector del diseño gráfico y digital que buscan profundizar sus conocimientos en áreas como Adobe Photoshop, Illustrator, y Animate CC. Ideal para quienes desean perfeccionar habilidades en diseño web, maquetación, tipografía y animación, potenciando su carrera con un enfoque integral y actualizado en herramientas avanzadas y técnicas creativas.
Objetivos
– Desarrollar habilidades avanzadas en el uso de Adobe Dreamweaver para crear sitios web profesionales. – Aplicar técnicas de diseño gráfico avanzadas para mejorar la composición y el color en proyectos. – Diseñar animaciones interactivas con Adobe Animate utilizando líneas de tiempo y sprites. – Integrar multimedia y jQuery UI en sitios web para mejorar la experiencia del usuario. – Optimizar imágenes y gráficos para la web utilizando Adobe Photoshop y sus herramientas de edición. – Crear ilustraciones vectoriales complejas en Adobe Illustrator aplicando trazados y curvas Bézier. – Implementar estilos CSS avanzados para lograr un diseño responsivo y atractivo en las páginas web.
Salidas Profesionales
– Diseñador web especializado en interfaces de usuario. – Desarrollador de aplicaciones interactivas con Adobe Animate CC. – Experto en maquetación y diseño editorial digital. – Consultor en usabilidad y experiencia de usuario (UX). – Especialista en animación y gráficos 3D para entornos web. – Editor de vídeo y animaciones para medios digitales. – Diseñador gráfico publicitario con enfoque en medios digitales.
Lenguajes utilizados en la web: HTML, CSS y JavaScript
Resoluciones de pantalla y diseño adaptable
Creación y configuración de un sitio web
Sitio local y sitio remoto
Gestión de archivos y carpetas del proyecto
Panel Archivos
Sincronización con servidor remoto
Espacio de trabajo de Dreamweaver
Vistas del documento: Código y Vista en vivo
Edición de código HTML y CSS
Autocompletado, sugerencias y validación
Propiedades del documento
Estructura básica de un documento HTML5
Etiquetas semánticas
Inserción y edición de texto
Listas y elementos estructurales
Enlaces y anclajes
Buenas prácticas en marcado HTML
Formatos de imagen para la web
Inserción de imágenes
Optimización y tamaño de imágenes
Uso de SVG
Accesibilidad en imágenes
Uso adecuado de tablas en HTML
Creación y edición de tablas
Propiedades de filas y celdas
Aplicación de estilos CSS a tablas
Concepto de hojas de estilo en cascada
Creación y vinculación de archivos CSS
Selectores y propiedades básicas
Tipografía web y web fonts
Colores y fondos
Modelo de cajas
Posicionamiento de elementos
Flexbox
Introducción a CSS Grid
Diseño responsive mediante media queries
Principios del diseño adaptable
Estructuras fluidas
Imágenes responsive
Pruebas en distintos dispositivos desde Dreamweaver
Estructura de formularios HTML5
Tipos de campos y atributos
Validación nativa de formularios
Estilos CSS aplicados a formularios
Buenas prácticas de usabilidad
Conceptos básicos de JavaScript
Uso de JavaScript en páginas web
Interacción básica con el DOM
Separación de estructura, estilo y comportamiento
Concepto de plantillas en Dreamweaver
Creación y uso de plantillas
Regiones editables
Biblioteca de elementos
Actualización de páginas basadas en plantillas
Configuración de servidores remotos
FTP y SFTP
Subida y actualización de archivos
Comprobación de vínculos
Mantenimiento básico del sitio web
Línea de tiempo
Las capas
Animaciones
Animaciones fotograma a fotograma
Interpolación de forma
Animación interpolada
Interpolación clásica
Interpolación de movimiento
Animaciones con guías
Animar objetos D
Prácticas
Escenas
Filtros
Tipos de filtros
Modos de Mezcla
Capas de mascara
Texto Clásico
Tipos de texto clásico
Incorporar fuentes
Prácticas
Importar sonidos
Formatos de sonido admitidos
Sonido en la línea de tiempo
Añadir sonido a un botón
Editar un sonido
Comprimir un sonido
Importar video
Propiedades del video
Adobe Media Encoder
Prácticas
Introducción a ActionScript
Panel acciones
Acciones más comunes
Panel Fragmentos de código
Formularios
Configurar publicación
Exportar en Animate
Practicas
¿Qué es Adobe Air?
Creación de un archivo Adobe AIR
Vista previa de una aplicación de Adobe AIR
Publicar un archivo AIR
JSFL
Prácticas
¿Qué es un Sprite Sheets?
HTML 5
Publicación de animaciones en HTML 5
Prácticas
El nuevo Photoshop: escritorio, tableta y web
Integración con Creative Cloud, Adobe Firefly y la IA generativa
Configuración óptima del sistema y rendimiento
Tipos de imágenes: Píxeles vs. Vectores
Resolución, tamaño de impresión y profundidad de bits
Formatos de archivo: PSD, PSB, WebP y archivos en la nube (.PSDC)
Gestión de color y perfiles (sRGB, Adobe RGB)
Adobe Color
Prácticas del ecosistema Adobe
Crear y abrir proyectos y espacios de trabajo
Área de trabajo
Gestión de ventanas, barras, paneles y espacios de trabajo
La Barra de Tareas Contextual
Atajos de teclado personalizados
Guardar proyectos y espacios de trabajo
Modos de pantalla y navegación avanzada (Zoom y Mano)
Prácticas del área de trabajo
Herramientas de selección
Herramienta marco
Herramienta lazo
Herramienta Varita
Herramienta de selección rápida
Varita mágica vs. Selección rápida
Herramienta mover
Selecciones
Prácticas con herramientas de selección
El panel Capas y tipos de capas
Grupos, organización y filtrado de capas
Opacidad, relleno y modos de fusión
Objetos Inteligentes: Edición avanzada y filtros inteligentes
Estilos y efectos de capa
Capas de ajuste y relleno
Combinar capas
Prácticas con grupos y capas
Conceptos de IA Generativa en el flujo de trabajo
Relleno Generativo: Crear y transformar mediante prompts
Ampliación Generativa: Ampliar lienzos e inventar entornos
Variaciones y gestión de resultados generados
Gestión de variaciones y ética de contenido (Content Credentials)
Prácticas con la IA generativa
Herramientas de retoque y transformación
Eliminación y limpieza de objetos complejos por IA (Herramienta Quitar)
Herramienta recortar
Pincel corrector puntual y parche
Tampón de clonar y origen de clonación
Herramientas de enfoque, desenfoque y esponja
Transformación: libre, escala según contenido y deformación de posición libre
Herramienta Borrador y Borrador de fondos
Cambiar el tamaño del lienzo
Prácticas de retoque profesional
Herramientas de dibujo y edición
Herramienta Pincel y Lápiz
Gestión de pinceles, suavizado y simetría
Otras herramientas
Prácticas con herramientas de dibujo
Herramientas de dibujo
Trazados y Curvas de Bézier
Herramienta Pluma y Pluma de forma libre
Ventana Trazados y Subtrazados
Convertir trazados en selecciones y viceversa
Definir formas personalizadas
Prácticas con trazados vectoriales
Introducción a la tipografía
Herramientas de texto
Ortografía
Prácticas con efectos de texto
Máscaras de capa y máscaras vectoriales
Capas de ajuste de luz (Niveles, Curvas, Exposición)
Capas de ajuste de color (Intensidad, Tono/Saturación, Equilibrio de color)
Máscaras de recorte
Herramienta máscara de texto
Prácticas con máscaras y capas de ajuste
Reglas, guías y cuadrícula
Panel acciones y acciones condicionales
Filtros artísticos y efectos de desenfoque
Objetos inteligentes vinculados
Canales
Neural Filters de Nueva Generación
Prácticas con objetos inteligentes
Transformación de una imagen
Deformar un elemento
Mesas de trabajo (Artboards)
Composiciones de Capas (Layer Comps)
Generador de Activos (Assets) para flujos de trabajo web y App
Procesamiento por lotes y script de procesador de imágenes
Gestión de Plugins y el Marketplace de Adobe
Guardar para Web y Exportar como (WebP/SVG)
Impresión
Resolución del monitor y calidad de salida
Perfiles de color
Separación de canales y tintas planas
Imprimir una imagen
Preparación de archivos para imprenta
Optimizar imágenes y exportación avanzada
El motor de Adobe Firefly
Control y Precisión Generativa
IA aplicada al Revelado Digital (Adobe Camera Raw)
Sincronización de ajustes en RAW
Operaciones avanzadas en el tratamiento digital de imágenes
Generación de activos personalizados
Capas de vídeo e importar vídeo
Línea de tiempo de vídeo y edición de clips básica
Guardar y exportar
Novedades del programa
¿Qué es un gráfico vectorial?
¿Qué es un mapa de bits?
La interfaz y área de trabajo
Abrir, colocar, exportar y guardar un archivo
Paneles y espacios de trabajo
Desplazarse por el documento
Modos de pantalla, reglas, guías y cuadrícula
Las mesas de trabajo
Barra de tareas contextual
Ejercicios
Herramientas de selección I
Herramientas de selección II
Trabajar con selecciones
Agrupar objetos y modos de aislamiento
Alinear y distribuir objetos
Ejercicios
Crear formas básicas
Herramienta lápiz y shaper
Dibujar líneas, arcos, espirales y cuadrículas
Contorno y relleno
Herramienta borrador y suavizar
Ejercicios
Modos de color
Aplicar color desde el panel muestras
Cambiar trazo
Pintura interactiva
Panel personalizado y panel Muestras
Copiar atributos
Degradados y transparencias
Motivos
Volver a colorear la ilustración
Ejercicios
Nociones sobre trazados
Herramienta pluma
Trabajar con trazados I
Trabajar con trazados II
Herramientas de manipulación vectorial
Ejercicios
Acerca de las capas
El panel capas
Trabajar con capas I
Trabajar con capas II
Máscaras de recorte
Ejercicios
Textos
Importar textos y crear columnas
Enlazar texto y el área de texto
Texto objetos y formatear texto
Propiedades de párrafo y estilos
Rasterizar y exportar texto
Atributos de Apariencia
Ortografía y envolventes
Ejercicios
Aplicar y editar efectos
Rasterización y efecto de sombra
Objetos en tres dimensiones
Mapeado
Referencia rápida de efectos
Estilos gráficos
Pinceles
Pincel de manchas
Símbolos
Ejercicios
Escalar objetos
Rotar y distorsionar objetos
Colocar y reflejar objetos
Envolventes
Combinar objetos
Fusión de objetos
Ejercicios
Optimizar imágenes
Preparación de SVG para web
Exportación de recursos
Exportar e importar imágenes
Crear PDF
Automatizar tareas
Calcar mapa de bits
Ejercicios
Impresión: panorama general
Acerca del color
Información de documento
Opciones generales de impresión I
Opciones generales de impresión II
Archivos PostScript y degradados
Ejercicios
Degradados en trazos
Creación de patrones
Cuadrícula de perspectiva
Gráficas
Herramienta rociar símbolos
Ejercicios
IA Generativa: de texto a gráfico vectorial
Tipografía Inteligente y Retype
Color y armonía con IA
Herramientas de productividad avanzada
Colaboración y nube
Ejercicios
Titulación
Titulación Múltiple: – Titulación de Máster en Diseño Web Avanzado con 1500 horas expedida por EDUCA BUSINESS SCHOOL como Escuela de Negocios Acreditada para la Impartición de Formación Superior de Postgrado, con Validez Profesional a Nivel Internacional – Titulación Universitaria en Diseño Web con Dreamweaver CC con 200 horas y 8 ECTS expedida por UTAMED – Universidad Tecnológica Atlántico Mediterráneo. – Titulación de Diseño Gráfico con Adobe Illustrator CC 2026 con 150 horas y 6 ECTS expedida por UTAMED – Universidad Tecnológica Atlántico Mediterráneo – Titulación de Curso de Desarrollo Profesional en Diseño Gráfico con Adobe Photoshop con 150 horas y 6 ECTS expedida por UTAMED-Universidad Tecnológica Atlántico Mediterráneo