tutorial en FIGMA | Efecto PARALLAX para principiantes

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Hola, bienvenidos a este tutorial de Figma en el que explicamos una técnica un poco más intermedia de esta herramienta para diseño de interfaces web, se trata en este caso del efecto parallax.
    Sígueme en:
    dribbble.com/o...
    behance.net/ot...
    / otigutierrez

КОМЕНТАРІ • 36

  • @OtiGutierrez
    @OtiGutierrez  3 роки тому +3

    Tutorial de pasarlo a código Html5
    ua-cam.com/video/aAljReiQgIQ/v-deo.html

  • @josuerandu
    @josuerandu 8 днів тому

    Qué buen tutorial y muy bien explicado, ¡muchas gracias por compartirlo!

  • @eldanx1184
    @eldanx1184 2 роки тому +1

    Gracias por el video, ya me estoy soltando mas con figma con tu ayuda.

  • @davidvera1014
    @davidvera1014 Місяць тому

    que buen video!

  • @ernestocuadrado
    @ernestocuadrado 4 роки тому +3

    Hola! Genial el tutorial. Te te estoy siguiendo desde hace varios videos y he aprendido Figma gracias a ti. Sería super ver como desarrollas una web funcional con el efecto paralax.

    • @OtiGutierrez
      @OtiGutierrez  3 роки тому

      Hecho!
      ua-cam.com/video/aAljReiQgIQ/v-deo.html

  • @gabrielaledezma2542
    @gabrielaledezma2542 11 місяців тому

    muy buen tutorial, bastante fácil de entender

  • @ludvingutierrez7939
    @ludvingutierrez7939 4 роки тому

    Esta chevere
    me agrada el efecto parallax

  • @andreslopez2804
    @andreslopez2804 4 роки тому

    Hola Oti, primero que nada muy buen contenido felicitaciones por ello, y gracias por tomarte el tiempo para hacerlo, seria genial que pudieses llevar este diseño a código como con tu otros vídeos anteriores, usando Bootstrap o con solo CSS, estaría muy muy bien, incluso si consideras hacer una serie de ello seria muy fan, un saludo y sigue así!!

    • @OtiGutierrez
      @OtiGutierrez  3 роки тому

      Gracias Andrés, video publicado usando CSS
      ua-cam.com/video/aAljReiQgIQ/v-deo.html

  • @JuliaCabrera1744
    @JuliaCabrera1744 Рік тому

    Muy bueno!

  • @carlosserranocruz3164
    @carlosserranocruz3164 4 роки тому

    si estaria bueno que nos enseñaras a hacer ese efecto, gracias por tus tutoriales amigo sigue asi y esto se va a poner chevere

    • @OtiGutierrez
      @OtiGutierrez  3 роки тому +1

      hola Carlos, ahí publiqué un video con el tutorial, espero te guste
      ua-cam.com/video/aAljReiQgIQ/v-deo.html

    • @carlosserranocruz3164
      @carlosserranocruz3164 3 роки тому

      @@OtiGutierrez gracias bro lo compartiré, muchas gracias

  • @laemeenrulada
    @laemeenrulada 2 роки тому

    muy bueno!!!

  • @diegomarin9065
    @diegomarin9065 4 роки тому

    muy bueno! muy bien explicado! me gustaria saber como sería pasar esto a codigo para tener una idea de como nos insultarian los developers!!! jajaja saludos y gracias

  • @angelgonzalezjimenez4459
    @angelgonzalezjimenez4459 8 місяців тому

    si quisiera hacer lo mismo pero dandole a la ruedecita de mi ratón para que haga un efecto scrolling como sería?

  • @kevincuevas4549
    @kevincuevas4549 3 роки тому

    Espero el tutorial de como hacerlo y otros sobre wordpress, y tengo una duda sobre ese tema, siempre que se hace una pagina con wordpress debe tener su dominio?

    • @OtiGutierrez
      @OtiGutierrez  3 роки тому

      hola Kevin gracias por ver, tan pronto tenga chance trataré de hacer este efecto en wordpress. No necesariamente debes tener dominio, puedes instalar wordpress de forma local en tu PC/MAC si te refieres a tener una web online, puedes usar la versión gratis de wordpress aunque esta no tiene tantas opciones

  • @_adri_27
    @_adri_27 Рік тому

    Como podría hacer el efecto parallax pero con un menu de botones? Que al hacer click en algún botón la web se deslice hacia abajo

  • @nicolas8288
    @nicolas8288 Рік тому

    Hola, gracias por tu video, Ami las capas desde Photoshop me las pega en figma con un fondo blanco. Como si pasara de png a jpg. Alguna idea?
    Un saludo

  • @Garmarck1
    @Garmarck1 Рік тому

    Excelente ......y WordPress?

  • @paulajimenez8933
    @paulajimenez8933 Рік тому

    hola lo estado intentando pero mis elementos no suben ni bajan, solo como que reaparecen, tengo seleccionado on drag- smart pero como que solo se diluyen.. por que podria estar pasando

  • @julietavidal2716
    @julietavidal2716 Рік тому

    Hola puedes hacer turorial de como pasar este video a wordpress con elementor pro?

  • @naturalistafernandez4175
    @naturalistafernandez4175 2 роки тому

    Puedes hacer un video de como publicarlo ya en la web? Oses q alguien lo vea y entre desde google? Saludos desde Ecuador

    • @OtiGutierrez
      @OtiGutierrez  Рік тому

      Hola, ya hice un video aqui donde explico como pasarlo a codigo, aqui el enlace
      ua-cam.com/video/aAljReiQgIQ/v-deo.html

  • @DandydelSur
    @DandydelSur Рік тому

    Hola, también funciona con scroll?

  • @edilymora125
    @edilymora125 11 місяців тому

    Hola, la opcion "animation" es de pago?

    • @OtiGutierrez
      @OtiGutierrez  11 місяців тому

      Hola, no, deberias poder usarla sin problema

  • @AdarveCamilo
    @AdarveCamilo Рік тому

    Cuando copio los recortes de photoshop y los pego en figma se me pegan con fondo blanco, como hago para que no pase esto?

  • @FranchanColoreados
    @FranchanColoreados 2 роки тому

    Podrías pasar el link de la imagen por favor?

  • @axelhunger
    @axelhunger 2 роки тому

    LOS QUE TODOS EN 2022 ODIAN, Y LOS DISEÑADORES MATAN A LA CABEZA A LOS PROGRAMADORES.
    EN PALABRAS DEL BAUHAUS, MENOS ES MAS, MENOS PERO MEJOR.
    Eso no ayuda en nada. no aporta valor, creo que metricamente gente abandona. cosas de internet, de carga de pagina del dispositivo,
    ocupa memoria, espacio, nada optimo, como ponerle TRASPARENCIA, SOMBRAS, MILES DE ANIMACIONES

    • @MayraOrtega-ok2hq
      @MayraOrtega-ok2hq Рік тому

      Puede servir para captar la atención de los usuarios, El usuario pasa el 80% del tiempo en el header, es el punto de enganche.