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


[ad_1]
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 responses to “#4 – Implementando la Grid de Bootstrap 4! – Curso diseño web en Photoshop cs6”

  1. que tal gracias por tus aportes. tengo una duda con respecto al tamaño de diseños, estoy desarrollando pero para pantalla de 1980 px de anchura, al insertarlo se queda como cortado no se que hice mal. ¿debo dejar el tamaño del documento en 1300px o lo amplio? gracias. Soy nuevo en el tema de frontend lo dejo dicho ante mano. gracias espero puedas aportarme ayuda. te mando un saludo

Leave a Reply