• Tuesday , 25 February 2020

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

Code Canyon
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

3d Ocean

Related Posts

15 Comments

  1. Cesar Esqueda
    January 28, 2019 at 14:01

    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

  2. Felipe Vásquez Gómez
    January 28, 2019 at 14:01

    No me cambia el tamaño de lienzo :/

  3. Jorge Perez Gomez
    January 28, 2019 at 14:01

    Esto es lo que hace un diseñador gráfico estudiare eso y con este vídeo me gustó saluds

  4. camilo duarte
    January 28, 2019 at 14:01

    Muchas gracias por el esfuerzo y compartir el conocimiento*
    Saludos desde Chile

  5. DNG TheJb
    January 28, 2019 at 14:01

    GRID GRID GRID GRID GRID DE BOOTSTRAP!

  6. 5webcadiz Diseñador & Programador Web
    January 28, 2019 at 14:01

    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

  7. diana medellin
    January 28, 2019 at 14:01

    que es chamoyo? XD

  8. Araceli Meneses
    January 28, 2019 at 14:01

    En donde bajo el archivo grid de bootstrap

  9. Edward Gomez
    January 28, 2019 at 14:01

    Muchas gracias por compartir, excelente tus explicaciones muy fácil de comprender
    Saludos desde Colombia.

  10. 1Nob
    January 28, 2019 at 14:01

    Awesome

  11. h g
    January 28, 2019 at 14:01

    Awesome!!!

  12. Angel Niño
    January 28, 2019 at 14:01

    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

  13. DeathPool
    January 28, 2019 at 14:01

    En espera del siguiente, no me canso de decirte gracias por que te gusta compartir por eso siempre comento gracias Nacho 🙂

  14. Kevin Collazo
    January 28, 2019 at 14:01

    excelente!

  15. Warrior 117
    January 28, 2019 at 14:01

    Primer like y comrntario

Leave A Comment

You must be logged in to post a comment.