#4 – Implementando la Grid de Bootstrap 4! – Curso diseño web en Photoshop cs6


https://i.ytimg.com/vi/FsmbnO4VxBI/hqdefault.jpg



En esta sección aplicaremos la hermosa y sensual Grid de Bootstrap 4 a nuestro proyecto en Photoshop.

Para descargar la Grid puedes hacerlo acá: https://goo.gl/tVWvAl

Configurar las 12 columnas de Boostrap en Photoshop se realiza a través de una plantilla (template) que puedes configurar fácilmente, de igual forma puedes utilizar las guías ocupando la herramienta de regla.

Pero para qué hacer el trabajo tan complicado si podemos utilizar la grid de boostrap directamente en un diseño web con una plantilla base.

Contenido y temario en video del curso:
#1 – Introducción

#2 – Trabajando con Guías

#3 – Definiendo colores

#4 – Implementando la Grid de Bootstrap 4!

#5 – Guías fáciles con GuideGuide

#6 – Definiendo Tipografías frecuentes

#7 – Creando el menú de navegación (Navbar)

#8 – Slide con Objetos inteligentes (parte-1)

#9 – Slide y botones redondeados (parte-2)

#10 – Creando sección-1

#11 – Iconos con Font Awesome

#12 – Tabla de precios (parte-1)

#13 – Tabla de precios (parte-2)

#14 – Creando formulario de contacto

#15 – ¿Cuál es nuestro próximo paso?

Lista de reproducción con todos los videos:

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Finalmente visita mi sitio web: http://ignaciogutierrez.cl

Original source

15 thoughts on “#4 – Implementando la Grid de Bootstrap 4! – Curso diseño web en Photoshop cs6

Leave a Reply