Hola que tal, hoy les comparto este tutorial en el cual vamos aprender a hacer que nuestros menus sean tipo scrolling con Adobe Muse.
Para este tutorial usaremos el widget de menu horizontal que trae Adobe Muse, recuerden que por default este widget hare los botones correspondientes de cada sección que tengamos, pero podemos quitar esa opción cambiándolo a modo manual.
[Imgur](imgur: the simple image sharer)
Lo personalizaremos a nuestro gusto con los colores que queramos, etc, en mi caso también le puse un cuadro extendido horizontalmente debajo de los botones de color azul, así quedo el mío:
Ahora aprenderemos a crear 3 tipos de menús scrolling
Estático
Este menú es el más fácil, este es el que se queda en la parte superior de la página y aún cuando el usuario vaya desplazando hacía abajo, el menú siempre quedará en la parte superior.
Demo: Aquí
1. Para crear este efecto, una vez tengamos nuestro menú creado, debemos asegurarnos que toda la composición del menú este una capa arriba de todas las demás.
2. Seleccionaremos todos los componentes del menú, daremos clic derecho y lo agruparemos.
3. Una vez agrupado, seleccionamos nuestro menú y lo ubicamos hasta arriba de nuestro diseño, y le aplicamos el "pin" de este forma:
Estático + Scrolling
Este menú es casi igual que el anterior, con la diferencia de que esta vez el menú se encontrará debajo del logo (por ejemplo) y conforme el usuario vaya bajando el menú se quedará pegado en la parte superior.
Demo: Aquí
1. Al igual que el el anterior, el menú debe estar en una capa arriba de todas las demás y todo debe estar agrupado.
2. Colocaremos el menú en el lugar donde queramos que esté.
3. Añadiremos una guía y la pondremos junto donde empieza nuestro menú, esto es para sacar la coordenada en Y (en mi caso fue 116)
4. Seleccionamos nuestro menú y nos vamos al panel efectos motion y aplicamos los siguientes valores.
El único valor que deberán cambiar es el de 116 por el que ustedes hayan obtenido.
-----
Espero les haya gusto, no olviden dejar su LIKE y comenten sus dudas
¿Más tutos de Muse?
Para este tutorial usaremos el widget de menu horizontal que trae Adobe Muse, recuerden que por default este widget hare los botones correspondientes de cada sección que tengamos, pero podemos quitar esa opción cambiándolo a modo manual.
[Imgur](imgur: the simple image sharer)
Lo personalizaremos a nuestro gusto con los colores que queramos, etc, en mi caso también le puse un cuadro extendido horizontalmente debajo de los botones de color azul, así quedo el mío:
Ahora aprenderemos a crear 3 tipos de menús scrolling
Estático
Este menú es el más fácil, este es el que se queda en la parte superior de la página y aún cuando el usuario vaya desplazando hacía abajo, el menú siempre quedará en la parte superior.
Demo: Aquí
1. Para crear este efecto, una vez tengamos nuestro menú creado, debemos asegurarnos que toda la composición del menú este una capa arriba de todas las demás.
2. Seleccionaremos todos los componentes del menú, daremos clic derecho y lo agruparemos.
3. Una vez agrupado, seleccionamos nuestro menú y lo ubicamos hasta arriba de nuestro diseño, y le aplicamos el "pin" de este forma:
Estático + Scrolling
Este menú es casi igual que el anterior, con la diferencia de que esta vez el menú se encontrará debajo del logo (por ejemplo) y conforme el usuario vaya bajando el menú se quedará pegado en la parte superior.
Demo: Aquí
1. Al igual que el el anterior, el menú debe estar en una capa arriba de todas las demás y todo debe estar agrupado.
2. Colocaremos el menú en el lugar donde queramos que esté.
3. Añadiremos una guía y la pondremos junto donde empieza nuestro menú, esto es para sacar la coordenada en Y (en mi caso fue 116)
4. Seleccionamos nuestro menú y nos vamos al panel efectos motion y aplicamos los siguientes valores.
El único valor que deberán cambiar es el de 116 por el que ustedes hayan obtenido.
-----
Espero les haya gusto, no olviden dejar su LIKE y comenten sus dudas
¿Más tutos de Muse?
