Apostila

Apostila
Índice
Apresentando o software
........................................................................O que são GIF´s animadas
Programa aberto
Criando nova animação
Trabalhando as animações
Ferramentas
Abrir uma figura como animação
Barras de ferramentas padrão
VCR controls
Recursos
............................................................................................................View
…………………………………………….….………………………Animation
.........................................................................................................Effects
Animation Wizard
Banner Wizard
2
2
2
3
3
4
5
5
7
8
8
9
10
11
14
1
Apresentando o software:
O “Animation Pro” é um software produzido pela “Jasc®” e encontra-se
atualmente em sua 3ª versão. É um programa que o auxiliará na construção de
GIFs animadas para publicação em páginas da internet.
O que são gifs animadas?
GIF (CompuServe Graphics Interchange) é uma extensão aplicada a
imagens (geralmente imagens gráficas, desenhadas através de softwares). Uma
GIF animada nada mais é que imagens de extensão GIF sobrepostas, que dão a
impressão de serem animadas, como nos desenhos.
Programa aberto:
Como veremos agora, a tela principal do programa “Animation Pro”, quando
aberto, apresenta as ferramentas, opções e janelas de forma bem distribuída e
organizada nos menus.
Barra de
ferramentas padrão
Controles de vídeo (quando a
GIF animada estiver pronta,
essa barra permitirá sua
visualização).
Paleta de
ferramentas
Barra de status
Paleta de
cores
2
Criando nova animação:
Faz-se o procedimento:
Menu e FILE e NEW
Então, a seguinte caixa de diálogo aparecerá:
Largura
da figura
Altura da
figura
Opções de
cor de fundo.
Ao clicar na
opção
“Opaque” e
depois no
quadro
colorido,
pode-se
escolher a
cor do fundo.
Trabalhando as animações:
A partir do momento em que temos a animação aberta ou mesmo uma nova
animação iniciada, poderemos começar a utilizar toda a série de ferramentas e
recursos que o “Animation Pro” oferece para aplicar à animação.
3
Ferramentas:
Arrow
Zoom
Registration
Mark
Crop
Quando você aumenta o nível de ampliação (zoom) da
imagem para trabalhar detalhes de uma figura, você pode ter
a impressão que a imagem não se ajusta em sua janela. Se
você não está trabalhando na imagem inteira e é mais
conveniente persistir a imagem neste nível de zoom mais alto
sem aumentar o tamanho da janela, a seta é a ferramenta
indicada para realizar ações como mover a uma parte
diferente da imagem ou trazer áreas escondidas. Pode-se
optar também pela barra de rolagem.
Às vezes você desejará ver algumas áreas de sua imagem de
perto. Em outros momentos você pode querer ver a imagem
inteira, ou ainda apenas um pedaço dela. Para fazer isto, use
a ferramenta lupa (zoom) e mude o nível de zoom da figura
que está sendo trabalhada.
Essa ferramenta é um modo útil para marcar uma posição
específica em cada frame da animação como uma ajuda de
referência visual. Você poderia usar uma ferramenta, como o
pincel ou ferramenta de texto, por exemplo, porém, isso
modificaria cada frame na mesma localização. A marca de
inscrição não se torna parte da animação quando é jogado ou
é impresso, e pode ser tirado a qualquer hora.
O CROP elimina áreas de uma imagem. Se uma imagem
selecionada contém áreas não desejadas, usar o crop deve
ser o primeiro passo para corrigir esse problema. Você reduz
o tamanho da imagem e eliminando áreas estranhas de cor,
você fará melhores correções da imagem. Corrige também
qualquer problema de alinhamento.
Use esta Ferramenta para mover uma seleção.
Mover
Droper
Paint brush
Eraser
Flood fill
Com a ferramenta conta gotas é possível selecionar uma cor
sólida na qual deseja-se repetir em outro lugar.
O pincel é utilizado para pintar na cor selecionada na palheta
de cores, com intensidade previamente selecionada na janela
“Tool options”, como veremos depois.
Use a Borracha para substituir cores em uma imagem com a
cor de fundo ou com uma transparência. Quando você arrasta
a Borracha na figura, todos o pixels em seu caminho ficam
transparentes. Quando é arrastada em um fundo, a Borracha
produz um efeito diferente, agindo como um pincel.
Essa ferramenta enche uma área de uma cor, padrão, ou
gradiente. Possui diversas opções que controlam como
reconhece e substitui a cor.
4
Text
Use a ferramenta de Texto para criar texto de vetor. O Texto
poderá ser movido, deformado e editado depois de criado.
Line
A ferramenta de Linha é usada para puxar linhas diretas e
também formas curvas.
Shapes
A ferramenta de Forma é usada para puxar retângulos,
círculos, elipses e quadrados.
Abrir uma figura como animação:
Para utilizar uma figura como animação, basta apenas abrir o arquivo (figura)
dentro do programa, que fará com que essa figura seja apenas parte da animação.
Tecnicamente falando (e é o que interessa), será um FRAME, dentre os vários que
a animação disporá.
Barras de ferramentas padrão:
A barra de ferramentas padrão fornece uma série de atalhos para as funções
mais importantes na criação de GIFS animadas através do “Animation Shop”.
Vamos analisar as ferramentas disponíveis nesta barra:
Animation
wizard
Banner
wizard
Export
frames to
Paint shop
pro
O “Animation Wizard” fornece um modo rápido e automatizado
para criar uma animação. Ele nos guia durante o processo
pelo qual se escolhe todas as propriedades que serão
necessárias para criar uma animação. Ao final da apostila
veremos detalhadamente como funciona esta ferramenta.
O “Banner Wizard” provê um método automatizado e rápido
de criar um Banner de texto animado. Uma vez iniciado o
wizard, você tem um guia que o indicará qual o caminho
durante o processo pelo de escolha de todas as propriedades
que serão necessárias para criar um Banner de texto
animado. Ao final da apostila veremos detalhadamente como
funciona esta ferramenta.
A ferramenta “Export frames to Paint Shop Pro” funciona da
seguinte maneira:
1- Selecione o frame(s) você quer exportar para p “Paint
Shop Pro”
2- Exporte os frames(s) selecionados usando algum dos
seguintes métodos:
5
•
Browse
Save frame
Paste as a
new
animation
Paste
before
current
frame
Paste after
current
frame
Paste into
selected
frame
Propagate
paste
Delete
frames
Duplicate
Onionskin
Preview
Clique “File” > Export Frames > To Paint Shop
Pro, ou
• Clique no botão “Export Frames to Paint Shop
Pro” na barra de ferramentas, ou
• Dê um clique com o botão direito dentro da
animação para mostrar o menu de opções e
então escolha “Export frames to Paint shop
pro”.
O Browser do Animation Shop Pro é um método visual para
achar, previr e abrir arquivos dentro de uma pasta. Funciona
de modo semelhante ao Windows Explorer.
Salve um frame de animação individual ou frames múltiplos
para quaisquer dos formatos de arquivo de produção apoiados
como segue:
1- Selecione os frames
2- Escolha o comando “Save frame as”, ou no ícone da
barra ou ainda seguindo a seqüência “file e save as”.
Esta ferramenta lhe permite criar uma animação nova a partir
de um quadro qualquer que foi previamente selecionado.
Numa animação, temos a seqüência de frames que deve ser
obedecida. Caso seja necessário acrescentar algum frame
numa animação que já tenha sido iniciada, podemos fazer
com que esse frame se encaixe antes do frame atual, usando
a ferramenta “Paste before current frame”.
Funciona exatamente como a ferramenta “Paste before
current frame”, porém, insere o frame numa seqüência
posterior ao frame atual.
Usamos esta ferramenta para fundir um frame em outro frame
na mesma animação ou em uma animação diferente.
A ferramenta “Propagate Paste” tem como característica muito
útil a função de copiar ou passar uma armação
simultaneamente a vários frames designados.
Como o próprio nome sugere, apaga o frame selecionado.
Ferramenta para duplicar um frame ou uma série de frames.
A ferramenta “Onionskin Preview” lhe permite modificar cada
frame selecionado no frameview ativo, sobrepondo imagens
de um frame ou de frames adjacentes. Esta característica é
muito útil quando há pinturas em frames específicos com os
conteúdos de outros frames. Aplicando o “Onionskin Preview”,
sua animação será alterada temporariamente. Você pode
habilitar e desabilitar o “Onionskin” clicando seu botão na
barra de ferramentas ou apertando “Shift + O”.
6
Toggle
Toolpallete,
toggle Style
bar e toggle
Colorpallete
View
animation
A Paleta de ferramentas, paleta de cores e a barra de estilo
são, por default do “Animation Shop Pro”, exibidos na tela
principal do programa. Os botões ao lado são ícones usados
para esconder essas ferramentas, caso seja necessário.
Ferramenta que mostra como está a animação, para posterior
arquivamento da mesma da forma correta.
VCR controls:
Os controles VCR o habilitam a comandos como fast forward, play, slow
forward, advance frame, pause, retreat frame, slow reverse, reverse, rewind, and
loop, todos para serem executados na animação.
Mostra a animação em sua forma original.
Play
Pause
Fast
forward
Independente da ferramenta que está sendo utilizada, o
controle “Pause” fará com que a animação pare exatamente
no ponto escolhido.
Acelera a animação para frente.
Acelera a animação para trás.
Rewind
Slow
forward
Esta ferramenta mostra a animação de forma lenta.
Mostra a animação em sentido contrário e de forma lenta.
Slow rewind
Reverse
Exibe a animação em sentido contrário e na velocidade
original.
7
Retreat one
frame
Advance
one frame
Loop
Volta a animação para o quadro anterior.
Avança a animação para o quadro seguinte.
Esta ferramenta faz com que a animação seja feita de forma
intermitente.
Recursos:
Os recursos do “Animation Shop Pro” estão bem distribuídos no menu do
programa e são os seguintes.
View:
Nos permite fazer diversos tipos de visualização da animação pela qual
estamos trabalhando, tais como “zoom”, “onionskin”, “preview in a web browser”
etc.
8
Animation:
Disponibiliza diversos recursos para serem aplicados às animações. Dentre
estes, podemos destacar “Flip” (animações invertidas verticalmente), “Mirror”
(“frames” ou animações inteiras invertidas horizontalmente) e “Resize animation”
(alteração das dimensões da animação).
9
Effects:
Nos mostra os efeitos que podem ser aplicados à animação. No “Animation
Shop Pro” temos os seguintes efeitos:
• Insert Image Transiction: colocará um efeito de transição entre os “frames”
da animação.
• Insert Image Effect: no “frame” selecionado será aplicado um efeito, que
automaticamente criará outros frames nos quais cada um terá uma
característica para fazer o efeito funcionar na animação.
• Apply Image Effect: insere um efeito ao “frame”, sem acrescentar outros
frames, uma vez que essa opção se aplica apenas a um “frame”.
• Insert Text Effect: será aplicado no frame selecionado, um texto com efeitos
a serem aplicados também nos frames seguintes.
• Apply Text Effect: será aplicado apenas no frame selecionado, um texto
com efeitos.
10
A opção “Window”, que vem logo a seguir da opção “Effects”, serve apenas
para organizar seus arquivos quando estiver trabalhando com muitos efeitos
simultaneamente.
Animation wizard:
O “animation wizard” é um meio rápido de se criar uma animação,
fornecendo uma série de telas que o auxiliarão passo a passo no processo.
1ª tela:
Nesta tela, determinamos o tamanho da animação a ser criada.
11
2ª tela:
Determina-se a cor da tela da animação.
12
3ª tela:
As imagens de origem que possuem um aspecto diferente das quais serão
necessárias à animação, precisarão ser reposicionadas dentro do frame durante a
construção da animação. Nessa tela, é possível escolher o posicionamento dessa
imagem e como o restante será preenchido (se com a cor da tela ou de forma
transparente).
13
4ª tela:
Aqui, escolhemos se a animação será feita em looping (voltando ao início) e
em qual período de tempo o looping deverá ser executado.
5ª tela:
Agora, escolhemos a figura que será trabalhada.
14
6ª tela:
É apenas o aviso que o programa está pronto para criar sua animação.
Banner wizard:
O “banner wizard” funciona de modo semelhante ao “animation wizard”,
guardadas as devidas diferenças de aplicação. É um meio rápido de se criar um
novo “banner”, fornecendo uma série de telas que o auxiliarão passo a passo
nesse processo de criação.
1ª tela: background
Nesta primeira tela, configuramos o fundo do banner a ser criado. As opções
são de fundo transparente, fundo com cor e uma imagem como plano de fundo.
15
2ª tela: Size
Aqui, encontramos opções para alterar o tamanho do banner a ser
construído. Podemos escolher entre tamanho padrão, mesmo tamanho da figura
escolhida ou ainda podemos selecionar o qualquer tamanho.
16
3ª tela: Timing
Aqui escolhemos diversas configurações de tempo para o banner, inclusive
se queremos ou não que o banner seja executado em looping.
3ª tela: Text
Esta tela nos dá a opção de escolher qual texto será inserido no banner.
17
4ª tela: Text Color
Aqui escolhemos qual a cor do texto que será inserido no banner.
18
5ª tela: Transition
Essa ferramenta nos dá a opção de escolher qual modo o texto ficará
inserido no banner.
Então, basta clicar em “concluir” que o banner estará pronto. Para visualizar
a animação, clique em “View animoation”, como já foi visto anteriomente.
Banner Pronto
19
Visualização do banner
20