A ARTE DE GUACIRA SAMPAIO ROCHA 2008

"Façam seus botões, senhores!"

 

Vamos 'botonizar'? Siga os passos para produzir um dos botões mais usados na web, e que mostraremos ser dos mais simples de fazer. Como complemento, animaremos o botão que vamos criar, mostrando a você como dar um gostoso movimento em suas páginas e papéis de carta.

Os procedimentos que lhe serão apresentados foram preparados a partir do Paint Shop Pro7, com animação no Animation Shop, que vem dentro do pacote do PSP. No entanto, você poderá trabalhar com os mesmos fundamentos dentro de seus programas favoritos de animação e edição de imagens.

Siga os passos:

1
acompanhe com imagens: Abra uma imagem transparente e desenhe um círculo com a ferramenta preset shapes, Antialias marcado, line "1", e a mesma cor em foreground e background (mantenha pressionada a tecla shift enquanto desenha para obter um círculo perfeito).




2
selecione o círculo (Selections all, e clique no centro do círculo com a magic wand). Clique em background e defina um cinza escuro, deixando a cor branca em foreground. Clique em foreground e escolha o ícone 'gradiente'. Aplique o sunburst (que é aquele do círculo), "foreground/background", vertical e horizontal em 35px., deixando a tool options da flood fill com as configurações: blend mode: normal, match mode: RGB, tolerance: 200, opacity: 100.

 

3
Clique em Selections/Modify/Contract/ e defina o valor de 15px. Sua imagem ficará com uma seleção. Deixe selecionado.

4
Clique em Image/rotate/right/180°

5
Faça outro Contract, desta vez de 2px.

6
Neste ponto você estará com o seu primeiro frame pronto. Pressione shift+D para fazer uma cópia, e deixe minimizada. Retorne à imagem original para continuar trabalhando.

7
Com a imagem central ainda selecionada, faça novo rotate, igual ao anterior.

8
Clique em Colors/Colorize e defina os parâmetros de sua preferência. Exemplo: hue: 26, saturation: 200. Aplique.

9
Até aqui você tem dois frames, com este último. Leve-os para passear no AS. Siga os passos indicados no tuto "Cataventos animados" para realizar a animação de seu botão.

Se quiser um efeito como o primeiro dos que apresento abaixo, faça rotações regulares de 45°, right, no círculo saliente, tantas quantas forem necessárias, e leve-as (todas) para o AS.

Veja alguns exemplos dessa brincadeira:

 

 


Volte ao topo do documento

Divirta-se!

Guacira Sampaio Rocha
direitos reservados
anteriorpróximo

voltar para tutoriais

home
galeria
arte virtual
scripts
Página 2
links
imagens digitais
guestbook



premios

A ARTE DE GUACIRA SAMPAIO ROCHA 2008