Hola amigo. Ese efecto (aunque todos decimos Parallax) se llama "paralaje" y, a parte de ser un efecto chulo en diseño web, también es una técnica usada por los físicos para saber a que distancia pueden estar los cuerpos celestes en el espacio, según sus velocidades de movimiento.
Woow! Me encantó ese efecto!! Hace poco terminé un curso de UI design con Adobe XD. Vi lo básico y ahora estoy mirando videos como el tuyo para aprender más ☺️ Muchas gracias por tus videos!
Buen video :) Creo que estaría bueno un video donde hables de las Extensiones de Adobe XD ya que hay algunas muy útiles. (Por ejemplo: Rellenar con Lorem Ipsum)
Que interesante amigo gracias! Una vez creada la plantilla, se puede utilizar en Wordpress? Tienes tutoriales de ello? y mas de estos efectos Paraláx? Muchas gracias :)
Hola , es muy bueno el video, para llevar todo esta a una página web, se puede llevar a wordpress, y preciso estudiar para hacer una página así, hacer el prototipo y llevarla a la web. Gracias
Me encanta todos los detalles que vas mostrando y las diferentes pruebas! Esto realmente ayuda a los que somos principiantes. Pregunta, una vez que el diseñador hace todos estos efectos en XD, con qué lenguaje de programación se pasan a producción? No me queda claro cual es el siguiente paso en la vida real. Gracias!
En la vida real el siguiente paso es entregar a la desarrolladora el prototipo con la explicación correspondiente para que se haga el código necesario. Lo que hace XD es solo una maqueta.
Bastante buen video, justo lo que estoy buscando para diseñar un sitio web, consulta: luego de terminar esto es posible guardar los archivos o un paquete para luego subirlos al servidor que alojara mi sitio?
Nop, después esta maqueta se la pasas a un desarrollador y le dices "Esto es lo que quiero que me construyas". th-cam.com/video/bU-Dopixz1w/w-d-xo.html
Exactamente.. Es como cuando un colega te pasa un Boceto a mano alsada con sus códigos de colores y te pide necesito que me ilustres estos... Como bien lo explico el amigo son facetas del desarrollo.. XD es donde bolcara toda la idea o solisitud del cliente muestras al equipo lo que el usiario final quiere ver con sus respectivos estilos.. Lo llevas a maqueta do web, y de allí a desarrollo.. Al finalizar el proyecto tendrás la réplica pero funcional y con datos... Esto sería como Tener la. Irtud de ejecutar un Deja vu...
Hola Francisco, muy bueno tu video, excelentemente explicado!!!. Si no es mucho pedirte quisiera saber qué micrófono es ese que se ve en el video con el que grabaste el audio supongo. Y con qué otros elementos lo hiciste: consola o es un mic USB. Gracias por lo que me puedas aportar.
@@FranciscoAMK Me imaginé, porque lo he visto en acción y es muy bueno! Lamentablemente yo me clavé con la competencia que es terriblemente MALO: Behringer C-1U, lo digo para que otros no caigan estafados. Gracias
@@FranciscoAMK muchas gracias por responderme, entonces si yo se animar perfecto en after será prudente evitarme los pasos de animar componentes desde xd y solo hacer una maqueta visual ahí, pasar esas digamos imágenes a after y ahí hacer todas las animaciones?
Hola Francisco, una pregunta grande, tengo un sitio de una página (OnePage Website) para móvil creado en Adobe XD, sin embargo, no he logrado hasta ahora vincular las opciones del menú del sitio a alguna de las secciones de mi página, ¿Cómo lo logro que un menú tipo hamburguesa aparezca o se deslice y que cada opción de este mismo menú me direccione a las secciones de mi sitio de una página?
Creo que puedes hacer un componente que tenga dos estados (Menú oculto, y menú visible) y desde el menú visible haces los enlaces a las secciones de la página. Lo importante es que para crear enlaces a secciones tienes que estar desde la misma página.
@@FranciscoAMK Gracias Francisco, eso he tratado, sin embargo, el momento de hacer la acción de ocultar el menú no sé si crear un nuevo componente en todo el grupo de objetos o sólo en el objeto que lo acciona. Voy a intentarlo y te mantengo al tanto!, muchas gracias excelentes videos.
Hola Francisco me gusto tu vídeo, esta es la primera vez que veo tu canal, tu idea me ha inspirado para crear proyectos en código para frontend que tengo pensado hacer, pero me gustaría saber como puedo sacar los recortes en primer, segundo y tercer plano de una imagen, no tengo los programas de photoshop o lightroom solamente adobeXD, donde puedo tener otra alternativa a estos programas?
hola! excelente video!, solo tengo una duda, es posible hacer en xd que el parallax ocurra cuando deslicemos la pantalla? es decir, sin tener que hacer click en un botón? no se si será posile😅, espero tu respuesta y de antemano gracias!
@@FranciscoAMK Si pero igual habría q clikear la pantalla y arrastrarla no? igual para un diseño Mobile visto desde el teléfono puede quedar muy bueno!
2 Consultas: - Si en lugar de tocar el botón, scrolleamos hacia abajo. El efecto se vería igual? - y otra... El desarrollador me va a odiar si le mando algo asi? Jaja Saludos!
Hola, respondo: - Nop, solo funciona con transición de una página a otra - Probablemente, por eso tiene que ser un trabajo en conjunto, le dices tengo esta idea ¿Será posible? y ahí ver en conjunto hasta donde se puede llegar
Hola amigo. Ese efecto (aunque todos decimos Parallax) se llama "paralaje" y, a parte de ser un efecto chulo en diseño web, también es una técnica usada por los físicos para saber a que distancia pueden estar los cuerpos celestes en el espacio, según sus velocidades de movimiento.
Muchas gracias por compartir Francisco.
Gracias Francisco, 100pre es agradable y edificante ver tus videos. Gracias de nuevo.
Gracias Alexis :)
Woow! Me encantó ese efecto!! Hace poco terminé un curso de UI design con Adobe XD. Vi lo básico y ahora estoy mirando videos como el tuyo para aprender más ☺️ Muchas gracias por tus videos!
Me has salvado mi entrega, muchas gracias
¿Dónde te mando los datos para que me hagas la transferencia? jejeje
Me flipa todo lo que haces y la caña que le estás dando a Instagram, un ejemplo a seguir!
David Perálvarez gracias 🤗 me flipa que te flipe
Excelente... Gracias por compartir estos vitales conocimientos... Eres un 7...
😊
Chulada de video
You're the best, Francisco. I wish to design like u :)
Thanks
Buen video :)
Creo que estaría bueno un video donde hables de las Extensiones de Adobe XD ya que hay algunas muy útiles. (Por ejemplo: Rellenar con Lorem Ipsum)
Se viene, se viene
Brutal! Pronto me apuntare a comprar la membresia.
Qué maravilla :)
5:35 arranca, excelente video!
🤘
Gran trabajo Francisco! Gracias
Gracias :)
Sos un Crack! Saludos desde Argentina!
Gracias :)
Genial!
Gracias
Buen vídeo Francisco... Me encantaría ver como construir este efecto en webflow... Gracias por tu trabajo... Feliz día!!
Oye, es una excelente idea :)
Excelente resultado!! Gracias por este tutorial Francisco
🤗
Eres grande, man. Muchas gracias por compartir tu sabiduría.
Gracias :)
muy bueno, me encanta, probaré a hacer cosas con XD, tiene buenísima pinta
✌️
Muy buena explicacion!!
nuevo sub :) excelente contenido!
Excelente :)
Excelente!
🤘
Que interesante amigo gracias! Una vez creada la plantilla, se puede utilizar en Wordpress? Tienes tutoriales de ello? y mas de estos efectos Paraláx? Muchas gracias :)
Excelente videos, este en especial me llamo la atención, esto se podría replicar con elementor?
Buenisismo 👏🏻
🤘
Hola , es muy bueno el video, para llevar todo esta a una página web, se puede llevar a wordpress, y preciso estudiar para hacer una página así, hacer el prototipo y llevarla a la web. Gracias
Se puede, pero igual me parece que requeriría algo de código... o no sé si hay algún builder que lo pueda hacer.
Muy buen el tuto, ya me empezó a gustar el XD ya lo instale en mi PC!
👍
Un máquina!
Una máquina con sentimientos de amor por el diseño jejeje
Me encanta todos los detalles que vas mostrando y las diferentes pruebas! Esto realmente ayuda a los que somos principiantes. Pregunta, una vez que el diseñador hace todos estos efectos en XD, con qué lenguaje de programación se pasan a producción? No me queda claro cual es el siguiente paso en la vida real. Gracias!
En la vida real el siguiente paso es entregar a la desarrolladora el prototipo con la explicación correspondiente para que se haga el código necesario. Lo que hace XD es solo una maqueta.
se ppuede hacer ese efecto pero en lugar de un boton, que se haga con el scroll?
Se ve muy bien! No es posible aun hacer estos efectos con el scroll y no con click verdad?
Por ahora en AdobeXD no se puede :(
Hola Francisco, ¿hay forma de que el efecto que se aplica, se pueda devolver con un scroll y que queda igual al inicio?
Nop :(
Excelentes videos. Podrías decirme que mouse utilizas para diseñar con Adobe en MacOS?
Uso el mouse apple, el que viene con el iMac.
Bastante buen video, justo lo que estoy buscando para diseñar un sitio web, consulta: luego de terminar esto es posible guardar los archivos o un paquete para luego subirlos al servidor que alojara mi sitio?
Nop, después esta maqueta se la pasas a un desarrollador y le dices "Esto es lo que quiero que me construyas". th-cam.com/video/bU-Dopixz1w/w-d-xo.html
Exactamente.. Es como cuando un colega te pasa un Boceto a mano alsada con sus códigos de colores y te pide necesito que me ilustres estos... Como bien lo explico el amigo son facetas del desarrollo.. XD es donde bolcara toda la idea o solisitud del cliente muestras al equipo lo que el usiario final quiere ver con sus respectivos estilos.. Lo llevas a maqueta do web, y de allí a desarrollo.. Al finalizar el proyecto tendrás la réplica pero funcional y con datos... Esto sería como Tener la. Irtud de ejecutar un Deja vu...
Hola Francisco, muy bueno tu video, excelentemente explicado!!!. Si no es mucho pedirte quisiera saber qué micrófono es ese que se ve en el video con el que grabaste el audio supongo. Y con qué otros elementos lo hiciste: consola o es un mic USB. Gracias por lo que me puedas aportar.
Es un mic usb, el Samson C01U
@@FranciscoAMK Me imaginé, porque lo he visto en acción y es muy bueno! Lamentablemente yo me clavé con la competencia que es terriblemente MALO: Behringer C-1U, lo digo para que otros no caigan estafados. Gracias
EXCELENTES VIDEOS!! tengo una duda, hice una animación del logo hecha en after y quisiera pasarla a xd, cómo puedo hacerle y que se reproduzca igual?
Tengo entendido que se puede pasar de XD a After Effects pero no al reves :(
@@FranciscoAMK muchas gracias por responderme, entonces si yo se animar perfecto en after será prudente evitarme los pasos de animar componentes desde xd y solo hacer una maqueta visual ahí, pasar esas digamos imágenes a after y ahí hacer todas las animaciones?
trigo tras trigo tras trigo :p sos un fenómeno. Gracias por tus videos.
Capitan Cavernicola y justo delante habían tres tristes tigres
Hola Francisco, una pregunta grande, tengo un sitio de una página (OnePage Website) para móvil creado en Adobe XD, sin embargo, no he logrado hasta ahora vincular las opciones del menú del sitio a alguna de las secciones de mi página, ¿Cómo lo logro que un menú tipo hamburguesa aparezca o se deslice y que cada opción de este mismo menú me direccione a las secciones de mi sitio de una página?
Creo que puedes hacer un componente que tenga dos estados (Menú oculto, y menú visible) y desde el menú visible haces los enlaces a las secciones de la página. Lo importante es que para crear enlaces a secciones tienes que estar desde la misma página.
@@FranciscoAMK Gracias Francisco, eso he tratado, sin embargo, el momento de hacer la acción de ocultar el menú no sé si crear un nuevo componente en todo el grupo de objetos o sólo en el objeto que lo acciona. Voy a intentarlo y te mantengo al tanto!, muchas gracias excelentes videos.
Hola Francisco me gusto tu vídeo, esta es la primera vez que veo tu canal, tu idea me ha inspirado para crear proyectos en código para frontend que tengo pensado hacer, pero me gustaría saber como puedo sacar los recortes en primer, segundo y tercer plano de una imagen, no tengo los programas de photoshop o lightroom solamente adobeXD, donde puedo tener otra alternativa a estos programas?
La verdad no lo sé pero si buscas photoshop alternative en google seguro encontrarás.
hola! excelente video!, solo tengo una duda, es posible hacer en xd que el parallax ocurra cuando deslicemos la pantalla? es decir, sin tener que hacer click en un botón? no se si será posile😅, espero tu respuesta y de antemano gracias!
Puedes simular el scroll con el desencadenante de arrastrar y soltar.
@@FranciscoAMK Si pero igual habría q clikear la pantalla y arrastrarla no? igual para un diseño Mobile visto desde el teléfono puede quedar muy bueno!
de 5:00 a 9:00 Parallax
2:56 nada espectacular? amigoo es hermosoo
jejeje, gracias
Se puede hacer esa misma animación pero solo con el scroll del mouse sin dar click en algún botón?
No exactamente, pero puedes hacerlo con un arrastrar /soltar
alguien sabe como se llama la fuente de la plabra MONTAÑA? porfa
Si mi memoria no me falla, es Georgia
Y yo apenas se HTML un poco de CSS y de falta Javascript y PHP y mira eso que hermosa página
Bueno, esa animación sería fácilmente replicable en webflow, sin escribir código ;)
4:24 ¿Cómo pasa de un programa a otro de esa manera? Alguien Sabe?
Comando + tab ❤️
Chile?
¿Las montañas? No sé de donde son.
¿Yo? Sip, soy de chile
Y como codifico esa cosa
Jhordan Vasquez con mucho cuidado y dedicación jejeje... no, en serio hay plugins jquery para eso
Busca paralaje en el diccionario
www.rae.es/drae2001/paralaje
despues de enlazar, no me aparece ese menú :(
:(
2 Consultas:
- Si en lugar de tocar el botón, scrolleamos hacia abajo. El efecto se vería igual?
- y otra... El desarrollador me va a odiar si le mando algo asi? Jaja
Saludos!
Hola, respondo:
- Nop, solo funciona con transición de una página a otra
- Probablemente, por eso tiene que ser un trabajo en conjunto, le dices tengo esta idea ¿Será posible? y ahí ver en conjunto hasta donde se puede llegar
Kindly subtitle it with english language.
El buen google xD
Mario García 🤫 jajajaja
xD
Hablas demasiado
Edmundo VEGA ok...
Muy buena explicacion!!
Gracias :)