Como Fazer Uma Barra De Usuário Animada

Índice:

Como Fazer Uma Barra De Usuário Animada
Como Fazer Uma Barra De Usuário Animada

Vídeo: Como Fazer Uma Barra De Usuário Animada

Vídeo: Como Fazer Uma Barra De Usuário Animada
Vídeo: Como Fazer um Gráfico Animado (VÁRIOS MODELOS) Grátis e Online! Flourish Studio 2024, Abril
Anonim

Uma barra de usuário é uma imagem gráfica colocada em assinaturas de fórum para identificar membros de diferentes interesses, crenças ou grupos. Essa imagem pode ser feita usando animação.

Como fazer uma barra de usuário animada
Como fazer uma barra de usuário animada

Instruções

Passo 1

Inicie o Photoshop. Crie um novo objeto com o tamanho necessário clicando em “Arquivo” e “Novo” se você estiver usando a versão em russo, ou “Arquivo” e depois em “Novo” se você tiver uma versão em inglês do programa. Preencha o documento com preto clicando em Editar, Preencher e Preto.

Passo 2

Clique em "Rectangular Marquee Tool" e faça uma seleção de modo que próximo a todas as bordas haja uma área não selecionada com a espessura de um pixel. Exclua a seleção pressionando "Excluir" no teclado. Desmarque a seleção pressionando Ctrl + D. Crie uma nova camada clicando na guia "Camada", "Novo", "Camada" ("Camada", "Nova", "Camada"). No painel de camadas, coloque um novo objeto abaixo da camada da moldura. Torne a camada movida ativa e preencha-a com cinza clicando em Editar, Preencher, Cinza 50%.

etapa 3

Faça uma nova camada, mova-a no painel de objetos acima da camada de preenchimento cinza. Preencha a camada criada com a cor que desejar. Clique no objeto com o botão direito do mouse e vá ao menu "Blending Options". Na janela que abrir, clique no item "Gradient Overlay" e defina os valores: "Mode" - "Hard color" ("Blend mode" - "Hard Light"), "Transparency" - "45%" ("Opacity" "-" 45% ")," Gradiente "-" Metal "-" Barra de aço "(" Gradiente "-" Metais "-" Barra de aço "). Clique OK.

Passo 4

Crie uma nova camada e coloque-a após a camada da moldura. Preencha-o com qualquer cor. Vá em "Blending Options" e no item "Inner Glow" defina os parâmetros: "Mode" - "Linear light" ("Blend mode" - "Linear Dodge"), "Opacity" - "100%" ("Opacity "-" 100% ")," Cor "-" Branco "(" Cor "-" Branco ")," Tamanho "-" 4 "(" Tamanho "-" 4 ") …

Etapa 5

Crie um novo objeto de 1 por 2 px. Selecione "Pincel" ("Ferramenta Lápis"). Redefina as cores pressionando a tecla "D". Coloque um ponto no pixel superior do documento, clique em "Editar" - "Definir padrão" - "Ok" ("Editar" - "Definir padrão" - "Ok"). Feche o arquivo sem salvá-lo e vá para o documento com a barra de usuário.

Etapa 6

Crie uma nova camada, coloque-a acima de todas as camadas, exceto para o objeto com um quadro. Preencha uma nova camada com a textura criada. Para fazer isso, clique em "Editar" - "Preencher". Clique no botão "Padrão". Selecione sua textura: ela deve ser a última da lista ("Editar" - "Preencher", "Usar" - "Padrão", "Padrão personalizado" - clique nele).

Etapa 7

Selecione a ferramenta Tipo horizontal. Escreva a inscrição desejada no tamanho adequado, utilizando a fonte da lista de disponíveis.

Etapa 8

Conecte as três camadas inferiores. Para fazer isso, no painel de camadas, clique no ícone de olho próximo às camadas que não podem ser mescladas, tornando-as invisíveis. Selecione "Layer" - "Merge" ("Layer" - "Merge Visible").

Etapa 9

Crie uma nova camada, ela deve ser colocada acima da inferior. Crie animação nesta camada. Para fazer isso, duplique a camada clicando em "Camada" - "Duplicar" ("Camada" - "Camada Duplicada"). Na duplicata vá em "Blending Options" e defina os valores: "Mode" - "Lighten" ("Blend mode" - "Lighten"). Abra a janela de animação escolhendo Window> Animation. Faça o número necessário de duplicatas do quadro, defina a visibilidade da camada e o tempo necessário.

Etapa 10

Salve a barra de usuário resultante clicando em "Arquivo" - "Salvar para web".

Recomendado: