|
|||||||
Buttons, ou botões, são selos personalizados que você pode disponibilizar no seu blog, com intuito de fazer propaganda do mesmo em outros blogs.
Existem os Buttons, Hal-Banners e Fullbanners.
Os tamanhos são medidos em Pixel (pxl)
Pixel é uma unidade de medida utilizada para imagens virtuais. Os Buttons são medidos, na maioria das vezes, em pixels. Pode ser medido em "cm", basta que esteja compatível com a medida em pixel
O tamanho padrão é:
| Buttons (em pxl) | Half-Banner (em pxl) |
![]() |
![]() |
| 50 x 50 | 120 x 60 |
|
|
|
| 88 x 31 |
Full-Banner (em pxl)
+/- 460 x 60
Lógico, o button é seu e você pode fazer do tamanho que quiser. Mas não é recomendável fazer um button fora dos padrões, pois os sites/blogs bem feitos obedecem certas regras de design. Um button fora dos padrões pode afetar o layout do seu parceiro, que muitas vezes deixa de divulgar o seu trabalho para não estragar o trabalho dele. Se você reparar, na área de publicidade de um site profissional, você encontrará espaços padronizados para receber propagandas. Estes espaços, geralmente, são para Hal-Banner de 120 x 60 pixels.
1. Abra um arquivo novo com as medidas da imagem que você quer fazer. Este Tutorial utilizará uma um imagem de 120 x 60. Escolha a medida em pxl. Na mesma janela, escolha a cor da tela.
2. Vá em JANELA --> MOLDURAS (Shift + F2).

3. Crie a primeira moldura utilizando recursos como os que você já aprendeu na montagem de sites. Observe a paleta de Ferramentas e veja alguns dos recursos disponíveis:

| Ponteiro - Seleciona e movimenta o objeto selecionado. |
| Seleção abaixo - (ponteiro branco) - Seleciona a figura que está abaixo. |
| Dimensionar - redimensiona o tamanho da imagem, a largura, a altura, gira,etc. Ainda sobre esta imagem as opções inclinas e achatar. |
| Cortar - Corta a imagem. |
| Selecionar - Seleciona através de figuras geométricas. |
| Laço - Seleciona manualmente qualquer parte da imagem para possíveis modificações. |
| Lápis - Server para desenhar a mão livre. |
| Borracha - Apaga linhas, fundos, imagens... |
| Carimbo - Copia/clona uma imagem. |
| Conta-gotas - Copia a cor de uma imagem ou da paleta de cores. |
| Preenchimento - Pinta o fundo de uma imagem. |
| Linha - Desenha linhas. |
| Figura Geométrica - Desenha figuras geométricas. |
| Texto - Escreve textos. Em Propriedades, personalize sua fonte (cor, tamanho, tipo...) |
| Borda - É a borda da figura geométrica ou a cor de preenchimento na hora de desenhar a linha. |
| Cor de fundo - É a cor de fundo da figura geométrica ou a cor de preenchimento na hora de pintar. |
| Lupa (Zoom) - Aumenta e diminui sua imagem para facilitar seu trabalho. Para diminuir, aperte o ALT do se teclado ate aparecer o sinal de menos . Clique com a lupa sobre a imagem. |
Todas estas ferramentas tem recursos adicionais em Propriedades.
Explore as outras ferramentas como Embaçar, Aguçar, Clarear, Manchar e veja o que elas fazem. Você também pode encontrar estes efeitos em FILTROS, no menu principal.
4. Para que a imagem ficasse com este aspecto, usei as seguintes configurações na barra Propriedades. Experimentes outras possibilidades!
| Antes, apenas com a borda branca ao redor | Depois, com os efeitos abaixo |
![]() |
![]() |

5. Escreva seu texto ou cole imagens. Use a sua criatividade. Após terminar a primeira moldura, clique no botão mostrado na imagem abaixo e escolha a opção DUPLICAR MOLDURA --> DEPOIS DA MOLDURA ATUAL. Faça as modificações que você deseja para a movimentação do seu gif animado.

Ex:
Na moldura 1 a figura está assim:

Na moldura 2 a figura está assim:

Observe que eu clareei o texto na segunda moldura. Repita o procedimento na moldura 3, moldura 4, ou quantas você quiser, para fazer o efeito de animação. Neste tutorial utilizarei apenas 2 molduras, estas que estão acima.
6. É preciso, também, editar a velocidade do seu gif animado. Clique sobre o número que a imagem mostra e modifique a velocidade. O máximo de velocidade é 100. Quanto menor o número, mais rápida fica a animação.


Para testar a velocidade do seu gif, clique na barra inferior da sua tela de trabalho e utilize os recursos como se fosse um gravador.
![]()
7. Salve o seu button da seguinte forma: ARQUIVO --> VISUALIZAR EXPORTAÇÃO.
Na aba OPÇÕES (acima a esquerda) escolha a opção GIF ANIMADO. Na aba ANIMAÇÃO, marque, abaixo, a opção Para sempre. Clique em Exportar.

Dúvidas? Leia o FAQ.
.:: www.euseifazer.kit.net ::.