Conceptos base de Photoshop
Archivos base de Diseño web con Photoshop
Dimensión de pantalla y resolución
Flujo de trabajo PSD a HTML
Preparando Photoshop para web
Creando un documento nuevo para web
Creando un documento nuevo para mobile
Preparando una estructura responsive
Creando email newsletters
- Trabajando con color en Photoshop
Ajustando las opciones de color en Photoshop
Entendiendo el color en web
Creando una paleta de colores
Creando muestras personalizadas
Aplicando color a formas y gráficos
- Trabajando con capas en Photoshop
Explorando el panel de capas
Renombrando y agrupando capas
Búsqueda y filtrado de capas
Usar de manera eficiente las composiciones de capas
Usando la selección automática de capas
- Trabajando con formas y objetos en Photoshop
objetos inteligentes y a recortar y redimensionar imágenes.
Formas vectoriales y formas píxel
Creando formas vectoriales
Trabajando con rellenos y trazos
Trabajando con objetos inteligentes
Importando imágenes
Recortando y redimensionando imágenes
- Creando prototipos en Photoshop
Planeando el proyecto
Guías y Reglas
Usando un sistema de rejilla
Desarrollando una estructura con formas de capa
Ajustando al píxel
- Trabajando con texto en Photoshop
Objetos de texto y párrafo de texto
Qué son las fuentes seguras para web
Insertando un texto de relleno
Creando y usando estilos de carácter
Creando y usando estilos de párrafo
Creando texto 3D editable
- Usando los estilos de capa en Photoshop
Entendiendo los estilos de capa
Creando y usando sombra paralela
Creando mejores relieves
Simulando texturas metálicas
Salvando y aplicando estilos de capa
Convertir estilos de capa en capas independientes
- Creando una maqueta web en Photoshop
Empezando por el prototipo de nuestra maqueta web
Organizando la estructura de página
Añadiendo elementos maestros
Trabajando con fotografías
Trabajando con texto
Creando contenido de relleno
Creando botones
Creando campos de un formulario
Simulando páginas con las composiciones de capa
- Optimizando los gráficos web en Photoshop
Entendiendo la herramienta de sector
Creando sectores
Entendiendo los formatos de imagen para web
Explorando la ventana Salvar para web
Optimizando fotografías para web
Optimizando gráficos transparentes
Salvando gráficos Retina
Usando Image Generator
- Creando sprites en Photoshop
Entendiendo qué son los sprites
Creando un sprite
Creación de sprites con otras herramientas
- Automatizando nuestro flujo de trabajo en Photoshop
Creando una acción básica
Explorando el procesado por lotes
Creando Droplets
Usando el comando Ajustar imagen
Usando el procesador de imágenes
- Trabajando con otras apps distintas a Photoshop
Integrando archivos PSD con Dreamweaver
Integrando archivos PSD con Fireworks
Integrando archivos PSD con Muse
Despedida del curso Diseño web con Photoshop