EFECTOS Visuales ELEMENTOR #1 - PARALLAX
HTML-код
- Опубликовано: 5 сен 2024
- Comenzamos una nueva serie de vídeos de Elementor. Aunque esta vez haremos uso de programas de diseño como Photoshop e Illustrator. Y es que vamos a realizar efectos visuales con Elementor. Parallax, animaciones, scrolls...
🔰 JET TRICKS (Incluye partículas en tu web)
bit.ly/2ZddwUa
MEJOR PACK DE PLUGINS PARA ELEMENTOR
🔰 SUITE COMPLETA:
bit.ly/2U3wgHD
#Elementor #Parallax #Effects
💪🏻 LO QUE APRENDERÁS EN ESTE CANAL
Haz branding, diferenciate de la competencia y da rienda suelta a tus inquietudes creativas. Consejos para negocios, tutoriales de diseño, WordPress, páginas web, SEO...
✅ NO TE PIERDAS NINGÚN VÍDEO
/ @yan_lmb
💾 ZONA PREMIUM
Descarga todos los archivos, plugins y otros recursos desde mi zona PREMIUM.
lamaquinadelbr...
🔊 PODCAST SOBRE NEGOCIOS Y WORDPRESS
Podcast sobre Negocios y WordPress con Elías Gómez:
negocioswp.es/
😶 ¿QUIÉN SOY YO?
Me llamo Yannick García y trabajo el branding y el marketing online de marcas, pero siempre desde un punto de vista basado en el diseño gráfico, que es mi principal pasión. Es por eso que en este canal, además de formarte para la gestión de tu marca, encontrarás tutoriales, consejos y reflexiones sobre diseño, photoshop, after efftects y hasta 3D.
Estamos ya en el nivel Caballero Jedi de Elementor :-) Este finde me encierro y no salgo hasta que consiga el efecto con un dibujo mío.
Muy muy bueno
Excelente tutorial
55:47" -> Aclaración sobre este tipo de diseños en tablets y móviles.
Todo un grande! Gracias por tus videos.
Que flipe!
Muy bien explicado de principio a fin. Todos los pasos detallados desde la ilustración, organización de capas, exportación de illustrator a photoshop, WordPress y finalmente crear el efecto con elementor. No se puede pedir más. Buscaba este tutorial en español de 0 a 100 desde no se cuando y por fin. Muchas gracias por el aporte y desde luego tienes un suscrito más. Sigue así que lo bordas.
Mi hermano gracias por tus tutoriales y explicaciones, personas así como tu son las que deben que estar en una universidad enseñando.
Por fin un tutorial que lo explica bien y en español ¡gracias!
Maquinon
Sos el Messi del diseño en paginas web 🙌. No puedo dejar de ver tus videos!
Eres una máquina del diseño. Just saying
Puñetero artista !!!! te has ganado un suscriptor nuevo. Gracias !!!!
Inmenso!! Quedo alucinante! Muchas Gracias!
Estás muy muy cañón!!! muchas gracias por el excelente tutorial.
Espectacular el trabajo completo
Eres un crack, buenisimo haber encontrado tu canal
Ya tienes un nuevo seguidor.. llevo unos 4 meses desde que inicié en el mundo del diseño web y lo que necesitaba era un mentor para potenciarme con elementor que es mi herramienta favorita... :)
Hola Rodrik, muchísimas gracias por tu comentario, me anima un montón a seguir. ¡Bienvenido a este canal!
El puto amo de Elementor
Este hombre es un genio. Muchas gracias por el tutorial.
Un tutorial fantástico sin desperdicio
guau guau!! que barbaro que padre te quedo, me encanto ver tu video, saludos
Me has hecho cuestionar mis habilidades en Illustrator hahaha ¡Excelente el tutorial!
Me gustaría que hagas videos sobre jet Triks en wordpress
Excelente contenido, vídeos muy completos! gracias!
Jajajajajja, que buen tuto, siempre sorprendiendo. Un abrazo y esperando el siguiente video.
Enhorabuena! eres un crack! gracias por el video. Muy completo
Gracias M Ctc! 🙏
Muy bueno tu trabajo impecable abrazo
Wow estuvo genial, me encantó
Magnifico, me encanto 🤩🤩🤩
Me había quedado hermoso!!! Hasta en responsive, pero cuando migre de local a real , me quedó un cachivache. Tuve que sacar el modo absoluto y ya no pude igualar lo lindo que había quedado
Ufff amigo mis respetos, que bien lo haces
A primeira aula é de photoshop kkkkk,muito fera
Pana te pasas de Crack, ya sé que me falta más del universo elementor y ni hablar de diseño, te felicito, mucho conocimiento y creatividad, sigue así crack. Suscrito y campanita!
muy bien explicado...excelente
amigo la verdad que tu canal es el que más me está interesando. videos muy interesantes amigo con varios complementos.
saludos desde Argentina!
Felicidades amigo un Saludos desde Perú ... Sigue así
Muyyyy bueno.
Hola Yannick! Tus videos son buenos, estoy escuchando tu podcast de negocios y wordpress desde el principio ya voy en el podcast 17, suerte 👍
¡Hola Pedro, bienvenido! ¡Muchas gracias por tu comentario!
¡¡Que grande video!
Gran video, enhorabuena!
Genio.
Las opciones de Jet Tricks y Jet Sticky son para la versión PRO? No las tengo activadas con la versión free. gracias
A mi también me quedan podcast... Me apetecen mucho estos cursos prácticos de diseño con elementor. Espero que no nombres más herramientas de las que te hayas enamorado, (ya me he cogido elementor pro...el crocoblock...kava...generate press pro..). Cada vez que abres la boca acabo haciendo gasto en mi tarjeta! ;P
Me gustaría que hagas videos sobre jet Triks en wordpress!!!
Hola Yannick, me están gustando tantos tu vídeo que estoy pensado en utilizar en algunos proyecto Elementor en lugar de picar tanto código. ¿Qué tal de rendimiento?, es lo que más me preocupa de los editores visuales. Enhorabuena por el canal!!!!
El esquema final que has realizado es perfecto para luego poder seguir fácilmente todos los pasos. Eres un gran maestro. Me gustaría preguntarte si sabes si con este plugin puedo luego hacer que los clientes paguen una membresía por tener publicadas sus ofertas durante por ejemplo un año, o ¿qué plugin podría utilizar para añadir esta funcionalidad? Saludos
No consigo ese efecto en mi elementor pro jetri el de particulas ayuda
muy buena tuto, eres un crack! muchas gracias!
Es decir que JET TRICKS solo sirve para incluír las partículas para este tutorial? Gracias por el contenido! :D
Excelente video de capacitación, que manera de utilizar Illustrator de manera Pro, Gracias
Me encantó el tutorial, intentaré algo similar en divi a ver si me sale
Hola! gracias por el curso, mucho mejor y mas explicado que el de los propios creadores de elementor, tengo un problema que no logro descifrar si este builder lo tiene como solucionarlo por defecto o lo tengo que hacer a código, todo en tamaño desktop funciona perfecto pero al ver la versión móvil o tablet, todos los elementos se dispersan, salen de su posición, en mi composición estoy usando imágenes que no abarcan el 100% del main_div, tienes alguna sugerencia?
Gracias por tu tiempo
Magnifico seu tutorial, obrigado!
Amigo Excelente video, soy nuevo por ello queria preguntar porque en mi Elementor no esta la opcion del jet tricks, gracias por tus recomendaciones.
Como mola!! se intentará hacer hjajajajajja
¡Cuando lo termines nos lo enseñas! Que ya se que está bastante avanzado...
@@yan_lmb jajjajaja tengo miedo!! jajajajjaja
¡¡Que grande!!
si solo tuviera el elementor pro, pero no el jet engine. ¿Igual puedo el codigo javascript de las particulas en movimiento?
Hola, como estas? Realmente muy bien explicado. Lo que me gustaría saber es si estas opciones están solo en la versión pro? Muchas gracias y me suscribo para seguir aprendiendo. gracias!. Por otra parte, se puede hacer una animación svg y que el scroll sea la línea de tiempo por jemplo? Mil gracias.!
Que locuraaaaaaaa, como mola, buenísima la aclaración del final sobre las tablet y moviles.
¿Cuando sale la próxima clase?
Saludos tío, que pases buenas vacaciones.
Está buenísimo! Sólo que intento que en la página la imagen de mi logo que he puesto sobre el fondo, baje a medida que voy bajando, y no, no me toma para nada.. no baja la tontera :( en vez de bajar a medida que bajo en la página, baja desde el inicio sin que baje en la página.
hola! genial el video. Pero ¿ que me tengo que descargar para que Elementor me dé todas esas opciones? Tengo que pagar? Saludos desde Argentina!! realmente mola!
Las partículas se ven atrás de la imagen como las paso por delante
hola , mi wordpress no tiene esas opciones de efecto de movimiento ....
Saludos! muchas gracias por tu contenido de excelencia!. Me surge una duda. En el visor cuando estoy editando mi diseño se diagraman los elementos en una posición y cuando le doy a esconder la barra de edición se deforma el diseño cambiando las posiciones. Se puede hacer Responsive?
Hola, buscando en google sobre las particulas en elementor me encontré tu video, muy buen video de verdad, he echado un vistazo a tus otros videos y son bastantes interesantes, tienes un nuevo suscriptor! Una pregunta, como hago para que las particulas queden al fondo de lo que tengo en la sección, nose si me explico... si tengo un formulario de contaco wpfroms por ejemplo como hagi que las particulas queden detras del formulario.. Un saludo
Simplemente has de tener el formulario con la propiedad Z-Index más alta que el bloque donde tengas las partículas. En Elementor puedes asignar el Z-Index desde la pestaña Avanzado, debajo de donde tienes el margen y el relleno. Así pues, si el formulario tiene Z-Index: 99 y el bloque donde están las partículas tiene Z-Index: 10 (por ejemplo), tu formulario estará por delante de las partículas. ¡Saludos!
La Máquina del Branding Muchisimas Gracias!!! 🙏🏼
Un pregunta... ¿por qué al probar en otras resoluciones sin llegar al la resolución de de tableta todo se me desacomoda horrible? ¿qué debo considerar que no me está quedando bien? ¿debo escalar con % o pixeles o qué debo cuidar? ¡por favor ayuuuuuda!
Cuando cambias el tamaño de la ventana tu ancho y alto cambia, por lo tanto la posición relativa de cada capa debe cambiar. Si utilizas en la posición vertical y horizontal de los objetos la medida porcentaje o incluso en vh / vw en vez de píxeles, podrás lograr mejores resultados. Podrías probar con eso. ¡Saludos!
Hola !!! Las partículas me aparecen atrás de las imágenes ,cómo puedo hacer para que queden encima de una imagen ?
Antes tenía el pluggin paticle background pero ya tengo jet tricks gracias excelente día!
Hola, esto se puede hacer con Elementor Free?
¿cómo hago para que al ser absoluto el movimiento de la imagen, se mantenga en su lugar cuando paso a la versión móvil?
Profe... ¿puede hacer un vídeo para poder usar y sacarle el máximo provecho al plugin
Scroll Magic Wordpress? Por faaaavoooorrrrrr... saludos gracias.
Es muy interesante tu propuesta. Encajaría a la perfección con esta serie de vídeos de efectos visuales. Lo apunto y seguro que haré uno (o más) tutoriales con este plugin de animación para WordPress. ¡Gracias por el aporte!
Una Pregunta!, como puedo insertar en elementor, un botón que realice en adobe Animate que contiene un archivo HTML5 canva y uno de jaca scrip?? ayudameeeee, lohe realizado con la opción "HTML" pero no funciona la opción de botón
Gracias!
¡cóoomo le haaceeeeen para que al escalar el navegador no les descuadre toooodo! Nooo lee entiendo... saludos.
sin elementor pro no se puede?
en scrolling effects solo me sale la opcion de sticky: top, bottom.
Qué raro. ¿Estás en "Efectos de movimiento"? ¿Tienes actualizado tu Elementor PRO? Mándame un link con una captura porfa. ¡Saludos!
@@yan_lmb ya resolví el problema en estos días, me di cuenta que tenia la versión 2.4 .-. Ni siquiera cerca de tener esas opciones, ahora si me sirven tus guías porque cuento con todas las opciones. Gracias de todas maneras. Saludos
Me quede en posicion absoluto, necesito ayuda al poner absoluto desaparece mi imagen alguien tuvo este error
Is responsive ?
Responsive yes, buuuut... not recommended for mobile because there are much JavaScript, images, etc... So i don't recommend display it on mobile devices.
Yannick ayudaaa! Cuando le agrego el scroll effect a la capa me cambia la ubicación de la imagen. La posición vertical sigue igual, pero cuando le pongo un efecto de scrolling para arriba a velocidad 10, la imagen se ve mucho mas arriba en relacion a las otras capas.. Aiuuuuuda :(
Es complicado saber qué puede estar pasándote. Pero si me lo permites, te quiero recomendar este plugin GRATUITO: es.wordpress.org/plugins/we-elementor-parallax/ Pruébalo y me cuentas. Creo que es una forma muchísimo más sencilla de hacer el efecto Parallax y todo se controla desde un solo widget de modo que no hay tanto lío de capas.
@@yan_lmb Excelente Yannick! Funciona perfecto. Gracias genio!!!!
Porque su video tiene mi nombre