Banner no Animation Shop
 
 
Você vai precisar do Animation Shop, um programa que vem acoplado ao Paint Shop Pro.
 
 
1. Se você ainda não encontrou o programa, abra o PSP, clique em File/Jasc Software Products/ Launch Animation Shop.
 
2. Aberto o Animation Shop, clique em File/Banner Wizard:
 

3. Abre-se a janela Banner Wizard  Background com 3 opções que permitem definir o fundo do seu banner: 

  
 
        * Transparent background - o fundo do banner ficará transparente e poderá ser usado sobre outro fundo de qualquer cor.
 
        * Opaque background - o fundo do banner assumirá a cor que você definir.
 
        * Use background image - o fundo do banner ficará preenchido com a imagem que você determinar. 

Clique na caixinha  "Browse"  para localizar (em seu hd) uma imagem que deseje usar como fundo do banner.

Clique em Avançar.
 

 

NOTA: Para o fundo do banner que vamos criar aqui, escolhi uma imagem preparada previamente no PSP.
Nesta imagem (que já criei do tamanho que desejo para o meu banner), escrevi o texto "Som&Imagem" - este texto ficará fixo, pois, será salvo com a imagem e sobre ele não vão ser aplicados os efeitos de animação que veremos adiante.

Eis a imagem:

 

Foi esta imagem que eu localizei clicando em Browse e escolhi para fundo do meu banner.

Vamos prosseguir?

  
4. Depois de clicar em Avançar, abre-se a janela Banner Wizard Size onde vai ser definido o tamanho do banner.
 
          * A primeira opção é "Use a standard banner size" e oferece diferentes configurações standard -previamente determinadas pelo programa.
Para escolher basta clicar na seta que abre o menu drop down.
 
  

 

* A segunda opção é :  "Same as the background image"

 

Esta foi a opção que escolhi para o nosso exemplo.

 

Esta opção só ficará ativa se você tiver escolhido uma imagem para fundo do banner.

Habilitando "Same as the background image" o programa irá criar o banner do mesmo tamanho da imagem escolhida para fundo. 

 

          * A terceira opção é: "As defined here" e ali você pode definir medidas personalizadas - largura (width) e altura (height) - para o banner.

 
 
 

5. Clique em Avançar e observe a janela Banner Wizard Timing:

 

Nesta janela escolha durante quantos segundos cada frame (quadro) será exibido e quantos frames serão exibidos por segundo.

 Na terceira opção defina o número de vezes que a animação deve se repetir ("Play it.....times" ou se deve se repetir indefinidamente (Yes, repeat the animation indefinitely).

Clique em Avançar.

6. Abre-se o quadro Banner Wizard Text.

Clique em "Set Font" para escrever o texto e escolher as configurações de fonte que desejar.

Clique OK.

 

 

Nota: Como meu texto já está inserido na imagem que escolhi para o fundo, optei pela  fonte MonoType Sorts (desenhos) para com ela criar o efeito animado em meu banner.

Fui clicando nas letras até encontrar o desenho desejado. No meu caso, por exemplo, a letra "g" correspondia ao desenho   g  que foi o que eu escolhi para usar.

 

IMPORTANTE: Você pode escolher uma fonte "ding" (aquelas fontes com desenhos e símbolos) para criar efeitos em seu banner ou apenas escrever o texto, como fiz no banner que serve de título a este tutorial.

 
 
Prosseguindo:
 
 

7. Ao clicar OK abre-se o quadro Banner Wizard Text Color.

     * Ali você vai definir a cor que deseja para o texto (Opaque text), habilitando a primeira opção.

Clique no quadrinho colorido para abrir a Paleta de Cores. O texto terá a cor que você escolher.

     * Habilitando a opção "Image text", você deve localizar em seu hd a imagem que deseja para  o preenchimento do seu texto.

As letras serão preenchidas com a imagem (pode ser uma textura) que você definir.

 
                          

 

8. Clique em Avançar.

Abre-se o quadro Banner Wizard Transition.

Ali você vai escolher o tipo de efeito (movimento) que será aplicado no texto do seu banner. Note que estou me referindo ao texto ou a dings (desenhos) que você acabou de inserir.

Teste as diversas opções clicando em Transition Name e observe o resultado no quadro Preview.

No botão Customize você poderá fazer outras modificações nos efeitos. 

Aqui, não adianta explicar muito. Você mesmo terá que testar os diversos efeitos e optar pelo que mais lhe agradar.

Eu usei o WHEEL (rotação) no exemplo abaixo.

 

 

 

9. Está satisfeito com o resultado?

Então clique em File/ Save e dê um nome para o banner. Clique OK.

Vai se abrir o quadro "Animation Quality Versus Output Size".

 

Aqui você tem a opção de salvar o banner animado com maior ou menor peso:

     * movendo o ponteiro para   "Better Image Quality" você terá um arquivo maior e de melhor qualidade.

     * movendo para baixo, para "Smaller File Size" você terá um arquivo mais leve, porém, a qualidade da imagem será inferior.

Vá testando e clique em Avançar. 

Mais adiante há um Preview e você poderá retornar e modificar a posição do ponteiro de acordo com seu gosto. É claro que o meio-termo será normalmente a melhor solução.

Continue clicando em Avançar e vá observando os resultados, incluindo o tamanho (peso) final da imagem. 

Quando estiver do seu gosto, clique em Concluir. 

Aqui está o resultado:

 
         
     

 

No banner que serve de título ao tutorial, utilizei exatamente os mesmos passos, trocando, em Transition Name, o efeito WHEEL pelo  efeito HIGHLIGHT.

 

 

Tutorial elaborado por Angela Maria Pereira Glavam

 

 

 

design by Angela Maria Pereira Glavam 

 

  Copyright © 2002 by Angela Maria P. Glavam® 

Todos os direitos reservados