Cómo Hacer Una Barra De Usuario De Animación

Tabla de contenido:

Cómo Hacer Una Barra De Usuario De Animación
Cómo Hacer Una Barra De Usuario De Animación

Video: Cómo Hacer Una Barra De Usuario De Animación

Video: Cómo Hacer Una Barra De Usuario De Animación
Video: Como HACER un MENU en HTML5 y CSS3 INCREÍBLE con ANIMACIONES. 2024, Abril
Anonim

Las barras de usuario son imágenes de pequeño formato que se utilizan para firmas en foros y se pueden animar. Como regla general, las barras de usuario reflejan algún tipo de información sobre las preferencias y vistas del usuario.

Cómo hacer una barra de usuario de animación
Cómo hacer una barra de usuario de animación

Instrucciones

Paso 1

Para crear una barra de usuario animada, necesita una imagen y una fuente de visitante, porque es él quien se usa con más frecuencia en las inscripciones. Si no tiene esta fuente, búsquela en línea. Tenga en cuenta que la imagen debe tener 350x19 píxeles. Luego toma la segunda imagen, es decir, la que se moverá y creará el efecto de animación.

Paso 2

Abra Photoshop, seleccione la imagen presionando Ctrl + A, y luego cópiela usando Ctrl + C. Vaya a la barra de usuario y pegue la imagen copiada presionando Ctrl + V. Haga clic derecho y seleccione la opción llamada "Transformación libre". Ahora cambie el tamaño de la imagen al tamaño deseado (a menos que el dibujo original no coincida).

Paso 3

Cree una nueva capa manteniendo presionadas las teclas Ctrl + Shift + N o simplemente haciendo clic en la pestaña "Capa" (si tiene una versión en inglés del programa), y luego seleccionando la columna "Nueva capa". Llena esta capa con tu propio patrón. Crea una nueva imagen transparente de solo 3x3 píxeles.

Paso 4

Seleccione la herramienta Lápiz y establezca el color en negro. Dibuja tres cuadrados en diagonal. En la parte superior verá el botón Editar y luego Definir patrón. Haga clic en el botón Aceptar. Ahora puede llenar la nueva capa de la barra de usuario con un patrón. Para hacer esto, use la combinación Shift + F5, haga clic en el patrón que creó. No olvide configurar la Opacidad al 21%.

Paso 5

Establezca el color en blanco en las opciones y luego seleccione la forma del rectángulo. Dibujarlo bastante alargado (para que cubra todo el ancho de la cabeza de la imagen). Haz clic derecho en la imagen. Verá un menú en el que debe seleccionar el elemento "Opciones de capa" (Opciones de enlace).

Paso 6

Utilice la herramienta Texto, seleccione la fuente deseada en el menú de fuentes y configure el texto de la barra de usuario que desee. Vaya a la pestaña "Windows" y seleccione la sección "Animación". El primer cuadro se fija presionando el botón en el panel de animación ubicado debajo.

Paso 7

A continuación, necesita la herramienta Mover. Mantenga presionada la flecha hacia abajo en su teclado y mueva el dibujo hasta que llegue al final. Para guardar la animación, haga clic en la pestaña Archivo y seleccione Guardar para Web y aplicaciones.

Recomendado: