Com Es Crea Una Barra D'usuari D'animació

Taula de continguts:

Com Es Crea Una Barra D'usuari D'animació
Com Es Crea Una Barra D'usuari D'animació

Vídeo: Com Es Crea Una Barra D'usuari D'animació

Vídeo: Com Es Crea Una Barra D'usuari D'animació
Vídeo: Cómo crear una barra de vida en Unity 2024, Abril
Anonim

Les barres d'usuari són imatges de petit format que s'utilitzen per a signatures en fòrums i que es poden animar. Com a regla general, les barres d’usuari reflecteixen algun tipus d’informació sobre les preferències i les visualitzacions de l’usuari.

Com fer una barra d'usuari d'animació
Com fer una barra d'usuari d'animació

Instruccions

Pas 1

Per crear una barra d'usuari animada, necessiteu una imatge i un tipus de lletra Visitant, perquè és ell qui s'utilitza més sovint en les inscripcions. Si no teniu aquest tipus de lletra, busqueu-lo en línia. Tingueu en compte que la imatge ha de tenir 350x19 píxels. A continuació, agafeu la segona imatge, és a dir, la que es mourà i crearà l’efecte d’animació.

Pas 2

Obriu Photoshop, seleccioneu la imatge prement Ctrl + A i, a continuació, copieu-la amb Ctrl + C. Aneu a la barra d’usuaris i enganxeu la imatge copiada prement Ctrl + V. Feu clic amb el botó dret i seleccioneu l'opció anomenada "Transformació gratuïta". Ara canvieu la mida de la imatge a la mida desitjada (tret que el dibuix original no coincideixi).

Pas 3

Creeu una capa nova mantenint premudes les tecles Ctrl + Maj + N o simplement fent clic a la pestanya "Capa" (si teniu una versió en anglès del programa) i seleccioneu la columna "Capa nova". Ompliu aquesta capa amb el vostre propi patró. Creeu una imatge transparent de només 3x3 píxels.

Pas 4

Seleccioneu l'eina Llapis i configureu el color en negre. Dibuixa tres quadrats en diagonal. A la part superior veureu el botó Edita i després Defineix el patró. Feu clic al botó D'acord. Ara podeu omplir la nova capa de la barra d'usuari amb un patró. Per fer-ho, utilitzeu la combinació Maj + F5, feu clic al patró que heu creat. No oblideu establir l’opacitat al 21%.

Pas 5

Establiu el color en blanc a les opcions i seleccioneu la forma del rectangle. Dibuixa-la força allargada (de manera que cobreixi tota l’amplada del cap de la imatge). Feu clic amb el botó dret a la imatge. Veureu un menú en el qual heu de seleccionar l'element "Opcions de capa" (Opcions de vinculació).

Pas 6

Utilitzeu l'eina de text, seleccioneu el tipus de lletra desitjat al menú de tipus de lletra i configureu el text de la barra d'usuari desitjat. Aneu a la pestanya "Windows" i seleccioneu la secció "Animació". El primer marc es fixa prement el botó del tauler d’animació situat a sota.

Pas 7

A continuació, necessiteu l'eina Mou. Manteniu premuda la fletxa cap avall del teclat i moveu el dibuix fins que arribi al final. Per desar l'animació, feu clic a la pestanya Fitxer i trieu Desa per al web i les aplicacions.

Recomanat: