Creación de una UserBar Personalizada #2 UserBar con movimiento

 

Tal y como veiamos en la anterior entrada de éste estilo: Creación de una UserBar Personalizada y como adelantábamos en ésta, con la misma aplicación podíamos crear UserBar con movimiento, como estas que poníamos de ejemplo:

 

Vamos a ver cómo, con prácticamente los mismos pasos que ya realizabamos, podremos construir una de éstas UserBars con movimiento.

Para ello acudimos a la página en cuestión: “Designer User Bars

Seguiremos prácticamente los mismos pasos que seguiamos en la anterior entrada, exceptuando uno de ellos:

Ya no deberemos importar la imagen como haciamos en el paso 1 con la opción de “Selected Logo Layer Editor” sino que ahora cargaremos la imagen a través de la sección “Scroller Layer” y seleccionando “Add/Edit“.

Vemos que con “Scroller Layer” la ventana es prácticamente idéntica a cuando usabamos la otra opción:

Sólo que ahora disponemos de 2 barras en lugar de una, tendremos una barra de comienzo y otra barra de fin. La imagen por lo tanto partirá desde la barra de comienzo y recorrerá la imagen hasta llegar a la barra de fin. Modificamos dichas barras, así como la imagen para que se ajusten a lo que queremos mostrar y una vez esté realizado, pulsamos sobre el botón “Update Scroll Layer” o “Ponga al día la capa de Scrollbar” según el idioma en el que nos encontremos.
Una vez importado, podremos obtener una previsualización de nuestra barra con “Generate Preview” y modificar en el apartado “Scroller Layer” la velocidad de barrido de la imagen por ejemplo, con “Delay Between Frames (seconds/100)

Por ejemplo, yo tras realizar ésta acción obtengo los códigos de mi nueva barra:

Y eso es todo, podremos claro está, profundizar en el manejo de éste programa importando capas para que el movimiento dentro de ésta no se limite a este barrido; pero eso ya lo dejo en sus manos para que vayan experimentando.
Además y una vez manejada la aplicación, veremos que su manejo es sencillísimo y que tardaremos cosa de segundos en crear multitud de barras:

Deja un comentario

Maximum 2 links per comment. Do not use BBCode.