De Photoshop a Foundation Parte 1

photoshop-foundation-parte1-render2web

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

 

Te puede interesar...

Deja un comentario