Exportando nuestras imágenes desde Photoshop
Clase 14 de 33 • Curso de Diseño HTML y CSS para Emails 2016
Contenido del curso
Bienvenido al curso
Buenas Prácticas en el Diseño de Email
- 4
Configurando el Entorno de Trabajo para Email
08:58 min - 5
Bases de desarrollo para Email
12:33 min - 6
Buenas prácticas en plantilla de estilos para email
10:14 min - 7
Imágenes de“fondo” y VML para Outlook
11:36 min - 8
Imágenes de Alta resolución para Email
05:23 min - 9
¿Cómo organizar tu CSS para email ?
15:35 min - 10
Técnica de Stacking
12:13 min - 11
Técnica de Spacers
04:41 min - 12
Repaso de buenas prácticas para Email
01:33 min
Creando nuestro proyecto
- 13
Introducción al proyecto
07:03 min - 14
Exportando nuestras imágenes desde Photoshop
Viendo ahora - 15
Header de Email de Bienvenida
18:51 min - 16
Responsive en Email de Bienvenida
18:23 min - 17
Call to action en nuestro Email de bienvenida
14:38 min - 18
Terminando el Header del Email
12:16 min - 19
Construyendo el Hero de nuestro Email de bienvenida
06:48 min - 20
Agregando elemento de 3 columnas en el email
12:08 min - 21
Creando un Footer para nuestro Email
08:31 min - 22
Creando un Mail Transaccional
13:35 min - 23
Creando un email de promoción
19:55 min
Mailchimp y Testing con Litmus
Conclusiones
Complementos del curso
Desafíos
Resumen
A diferencia de HTML5 aquí ya tenemos algunas diferencias; Por ejemplo, que no podemos usar la propiedad Border Radius directamente en nuestro CSS, si no que tenemos que apoyarnos de algunas imágenes para lograr ese efecto.
¿Cómo desarrollador necesito saber Photoshop?
Realmente no es necesario aprenderlo, pero si creemos que es importante conocer un poco del proceso de diseño a la programación y justo en este capitulo aprendemos como optimizar todos nuestros assets. Más adelante notaras que usamos estos assets.
Exportando de PSD a Web
Para exportar todas nuestras imágenes desde Photoshop, necesitamos ir a File > Export > Save to Web