Continuamos con esta serie de vídeos sobre como convertir un diseño hecho en Photoshop a diferentes tecnologías en esta oportunidad lo haremos convirtiendo el diseño a un sitio HTML 5, CSS 3 usando el framework Foundation.
Aquí aprenderás a convertir un diseño hecho en photoshop como el que ves en pantalla y lo vamos a maquetear utilizando el framework foundation el cual es muy parecido a Boostrap con un sistema de rejilla de 12 columnas para hacer que nuestro sitio sea responsive.
Que aprenderás en este tutorial?
- Interfaz de Photoshop
- Creación de capas
- Manejo del color
- Sistema de rejilla Photoshop para Foundation
- Importación de imágenes en Photoshop
- Exportación del proyecto final
Foundation permite crear interfaces muy bonitas utilizando Html5, css3 y javascript.
Ver Vídeo
Descargas los archivos fuente:
[sociallocker id=”2982″]https://www.dropbox.com/s/u95bxd93jcv26so/proyecto_foundation2.rar?dl=0 [/sociallocker]
Tutoriales relacionados
Aprende como pasar un diseño de Photoshop a Bootstrap:
De Photoshop a Bootstrap 4 Parte 1 – Diseño de Interfaz
De Photoshop a Bootstrap 4 Parte 2 – Marcado Html, Css y Modal
De Photoshop a Android parte 1 – Diseño de App
De Photoshop a Android parte 2 – Desarrollo en Android Studio