titulo

Temario
Diplomado de Diseño Web
• Photoshop
• Dreamweaver
• WordPress & jQuery

Introducción: Adobe Photoshop es el software líder en edición profesional de imágenes digitales. Su interface intuitiva permite
desarrollar y aplicar de manera óptima sus herramientas, tanto en el área de diseño web como digital.

Objetivo: Conocer la interfaz del programa, entender su lógica y su integracióna las otras aplicaciones y aprovechar al máximo la
aplicación de sus herramientas.
6).- Técnicas para crear máscaras.

1).- Esquemas de creación web.
•
•
•
•
•
•

Trabajando con el Color del Frente y el Color de Fondo.
Conociendo la ventana de Relleno y sus funciones.
Creación de rellenos de gradiente.
Tipos de gradiente.
Generación de Patrones.
Aplicación de contorno (Stroke) aun área específica.

2).- Herramientas de distorsión de pixeles.
•
•
•
•

Alterando selecciones con Free Transform.
Uso de distorsionadores: Skew, Distort, Perspective, Warp.
Escalado inteligente con el Content-Aware Scale.
Aplicación de perspectiva con retículas con punto de fuga
con la herramienta.
• Vanishing Point.
• Distorsión puntual con el Puppet Warp.
• Modificación deimágenes con pinceles con la herramienta
Liquify.
3).- Organización de imágenes en el panel Capas.
•
•
•
•
•
•

Selección múltiple de capas.
Creación de grupos de capas.
Inserción de imágenes a un lienzo vía copiado y pegado.
Inserción de imágenes desde el comando Place.
Creación de objetos inteligentes. Ventajas de su uso.
Combinación de imágenes a partir del uso de modos de
mezcla decapas.

4).- Aplicación especializada de efectos de capa.
• Capas de Ajuste y Relleno.
• Alineación de capas.
• Mezcla de capas.

•
•
•
•
•
•
•
•

Creación de collages a partir de máscaras de capa.
Control de máscaras desde el panel Mask.
Uso del canal Alpha para generar selecciones.
Uso de la pluma y figuras geométricas para trazos de recorte
(Paths) y mascarillas vectoriales(Shapes).
Creación de Máscara de Recorte (Clipping Mask).
Edición y eliminación de máscaras.
Creación de selecciones con la opción Quick Mask.
Uso del Clipping Path en el enmascarillado de pixeles para
su uso en otras aplicaciones.

7).- Procesos de calibración de imágenes.
• Aplicación de ajustes automáticos (Auto Levels, Auto Color,
Auto Contrast).
• Principios de corrección de color.• Manejo de luces, sombras y medios tonos en el panel
Niveles.
• Alteración de color por medio de la ventana Color Balance.
• Control de sombras y luces con Shadow & Highlights.
• Enfoque de imágenes por medio del filtro Sharpen.
8).- Creación y edición de texto y Vectores.
• Uso de la herramienta de texto de capa.
• Edición de texto desde la ventana de párrafo.
• Aplicación de texto a untrazo de vectores o al interior de un
Path o Shape.
• Distorsión de texto con Warped Text.
• Formas vectoriales
• Transformación
9).- Creación y optimización de imágenes finales para web.

5).- Aplicación de Estilos de Capa.
• Creación y aplicación de estilos de capa: Sombras difusas
(Shadows), Resplandores (Glows), Relieves y biseles (Bevel
and Emboss), Aplicación de color como efecto(colores
sólidos, gradientes y patrones).
• Edición y eliminación de Estilos de Capa.

• Uso de la herramienta Slice para la reticulación de la pagina.
• Uso de la ventana Timeline en la creación de elementos
interactivos.
• Conociendo los formatos de salida.
• Optimización de imágenes para web.

www.edumac.com.mx

1

Temario
Diplomado de Diseño Web
• Photoshop
• Dreamweaver
•WordPress & jQuery

Introducción: Dreamweaver es tanto un editor de lenguajes varios de programación como una interfaz de trabajo visual para generar
HTML y CSS. También nos permite organizar todo un sitio web, entendiendo éste como una colección de archivos distintos relacionados
entre sí. Desde Dreamweaver podemos desarrollar el sitio así como publicarlo en la web para que sea posible...