Tutorial: Criar Banner com Imagem do seu Computador

Tutorial que ensina como criar um banner animado com imagem do seu computador



Como criar banner animado com imagem do seu computador

No post Como Criar um Banner Animado, criamos um banner sem uma imagem existente no computador. Isto é, desenhamos a imagem de nossa cabeça.

Neste, criaremos um banner usando uma imagem que criamos ou copiamos da internet.
Então, vamos lá!

Usaremos o Firework MX.
1) Abra a ferramenta Firework MX, clique em Arquivo e depois em Abrir.

2) Localize a imagem.

3) Na barra lateral direita do Firework MX localize Molduras.

Como criar banner com imagem do seu computador

4) Em Molduras, localize o sinal "+" no rodapé. Clique nesse sinal para criar molduras. Note que ele enumera: Moldura 1, Moldura 2, Moldura 3...

5) Selecione a imagem que você inseriu na Moldura 1.

6) Em Editar, clique em Copiar.

7) Abra a Moldura 1 e clique em Colar.

8) Em Molduras, clique na Moldura 2.
(Repita esse procedimento com as molduras seguintes.)

9) Em Editar, clique em Colar.

10) Clique em Selecionar (seta preta, lado esquerdo, alto) e em seguida clique sobre a imagem. Surge um retângulo azul contornando o desenho.

11) Clique na ferramenta Texto A, Caixa Vetor e em seguida sobre o desenho. Começando no canto superior esquerdo, arraste o mouse com o botão esquerdo selecionado até o canto inferior direito. Surge um contorno azul sobre o desenho.

12. Em Propriedades, no rodapé, altere: fonte, tamanho do texto e cor a seu gosto.

13) Clique em Selecionar (seta preta) e selecione o texto. Com o lado esquerdo do mouse pressionado, arraste o texto para o local desejado.

14) Clique fora do desenho. Gostou? Ficou legal?

15) Repita os passos de 3 até 5 nas molduras seguintes.

16) Em Otimizar (lado direito), clique em Gif animado.
Para ver como fica na internet, tecle F12. ficou muito rápido?

17) Para diminuir a velocidade, em Molduras, clique duas vezes sobre o número do lado direito. Escreva o número de sua preferência. Ele varia de 1 até 100. Clique fora dele para fechar a ferramenta.

18) Altere para o número de sua preferência nas molduras 2, 3... Pode variar esse número, conforme você queira que o banner seja mais rápido num quadro ou noutro.

19) Se gostou, salve o projeto:
Cique em Arquivo. Depois em Exportar. Dê nome ao seu banner (mantenha a extensão .gif). Depois clique em Salvar.

20) Ao fechar o Fireworks MX surge a pergunta se quer salvar o projeto extensão .png. Esse procedimento permite que você reutilize o projeto para alterações futuras. Se acha não vai reutilizá-lo, clique "Não".

Lembre-se:

Estamos sempre dispostos a esclarecer suas dúvidas. Nós, do blog Aabaca Dicas, queremos que você crie um banner bem legal e grátis.