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”
Amigo no puedo descargar el grid me sale un error "Ha habido un problema con la visualización de esta imagen", habra otro metodo para descargarlo, o enviarmelo al correo cesar_esqueda@hotmail.com, por favor para seguir el curso
No me cambia el tamaño de lienzo :/
Esto es lo que hace un diseñador gráfico estudiare eso y con este vídeo me gustó saluds
Muchas gracias por el esfuerzo y compartir el conocimiento*
Saludos desde Chile
GRID GRID GRID GRID GRID DE BOOTSTRAP!
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
que es chamoyo? XD
En donde bajo el archivo grid de bootstrap
Muchas gracias por compartir, excelente tus explicaciones muy fácil de comprender
Saludos desde Colombia.
Awesome
Awesome!!!
Oye podrías hacer un curso de una tienda virtual, para ventas y esas cosas? sería fenomenal que lo hiciera siguiendo el curso de WordPress
En espera del siguiente, no me canso de decirte gracias por que te gusta compartir por eso siempre comento gracias Nacho 🙂
excelente!
Primer like y comrntario