Apostila
Transcrição
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