guia_e_manual_pencil.pdf

Este recurso foi produzido no mbito da formao contnua de professores e faz parte integrante da investigao do trabalho de

doutoramento em Multimdia em Educao, pela Universidade de Aveiro do professor Jos Alberto Rodrigues, com o mesmo nome

desta oficina de formao. A identificao do autor deste documento a constante desta pgina e constitu recurso educativo em EVT.

Ferramentas Web, Web 2.0 e Software Livre em EVT E s t u d o s o b r e a i n t e g r a o d e f e r r a m e n t a s d i g i t a i s n o c u r r c u l o

d a d i s c i p l i n a d e E d u c a o V i s u a l e T e c n o l g i c a

Pencil M a n u a l e G u i a d e e x p l o r a o d o P e n c i l p a r a u t i l i z a o e m

c o n t e x t o d e E d u c a o V i s u a l e T e c n o l g i c a

Elsa Moreira

Ferramentas Web, Web 2.0 e Software Livre em EVT

Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica

1

Caracterizao e Ficha Tcnica do Pencil

Nome Pencil

Tipo de ferramenta Software Livre, open source

Autores e/ou Criadores Pascal Naidon, Patrick Corrieri

Verso 0.4.4b

Tipo de verso Software Livre - Open Source para Linux, Mac OS X e Windows

URLs http://www.les-stooges.org/pascal/pencil/index.php?id=Home

Lngua(s) Ingls

Tipo de funes Programa de animao tradicional 2D

Recursos necessrios Computador com uma distribuio do sistema operativo Linux, Mac OS X ou Windows e acesso internet e browser para descarregar o programa

Breve descrio O Pencil um software de animao 2D, para desenho tradicional com recursos a suportes digitais, o qual tambm se aconselha em contexto de sala de aula a utilizao dos quadros interativos. Corre em Mac OS X, Windows e Linux. Permite criar uma animao tradicional desenhada mo (desenhos animados) usando tanto bitmap como grficos vetoriais.

Este manual foi realizado a partir do original em ingls, disponvel no stio da internet do software Pencil em:

http://pencil-animation.org/wiki/doku.php?id=en:users:manual:0.4.3b:index

http://www.les-stooges.org/pascal/pencil/index.php?id=Homehttp://pencil-animation.org/wiki/doku.php?id=en:users:manual:0.4.3b:indexhttp://pencil-animation.org/wiki/doku.php?id=en:users:manual:0.4.3b:index



2

Manual e Guia de Utilizao e Explorao do Pencil

1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte

endereo: http://www.les-stooges.org/pascal/pencil/index.php?id=Home

Iremos ento visualizar uma pgina como a da figura seguinte.

Antes de executar o download desta ferramenta, pode explorar esta pgina que

contm algumas curiosidades e informaes teis sobre a mesma.

Home (casa)

Pgina actual

Why (Porqu?)

Neste item o autor faz uma breve explicao sobre o seu interesse pela animao e

relativamente aos objectivos pretendidos com este recurso.

Forum (Frum)

Este espao destinado a um frum sobre o recurso.

Screenshots (Imagens)

Aqui pode visualizar alguns exemplos de desenhos realizados com este recurso.

http://www.les-stooges.org/pascal/pencil/index.php?id=Home



3

Gallery (Galeria)

Neste espao pode visualizar exemplos de animaes.

Download (Instalao)

neste campo que pode fazer a instalao deste programa.

User Manual (manual do usurio)

Aqui pode aceder a um manual em Ingls.

Developers (desenvolvedores)

Esta seco destinada a reunir informaes para ajudar os desenvolvedores do

Pencil.

Links (links)

Nesta seco pode encontrar alguns links com outros projectos de software de

animao.

Contact (Contacto)

Neste espao pode enviar mensagens com perguntas simples no qual pode obter

respostas rpidas.

Donate (doar)

Aqui pode fazer uma doao para ajudar ao desenvolvimento deste projecto.



4

2. Aps a explorao desta pgina inicial, deve fazer o download do programa, devendo

carregar no boto Download. Este pode ser feito para o sistema operativo Linux, Mac

OS X e Windows. Tem a possibilidade de aceder a material diverso e inclusivamente ao

cdigo fonte para desenvolvimento de ferramentas.

Ateno aos utilizadores de sistemas operativos Windows: A funo de exportao de

filme ainda no foi implementada (s funciona no Mac). No momento (0.4.4b) a verso

do Windows s pode exportar quadros e arquivos de Flash.

3. Aps o download e a instalao iniciamos o software que tem um interface simples

como se pode ver na figura abaixo.



5

VISO GLOBAL

Um documento de Pencil organizado em camadas. Existem actualmente quatro tipos de

camadas: bitmap de imagem, vector som, imagem e cmara. A janela linha do tempo na parte

inferior do ecr, mostra as camadas existentes. Por padro, um novo documento contm uma

camada bitmap e uma camada vector em cima dela, mas pode adicionar e excluir camadas

como desejar (usando o ou botes ao lado de layers, ou a camada de menu).

Os nomes das camadas podem ser alterados para representar aquilo que colocamos em cada

uma, dando um duplo clique sobre o nome da camada na linha do tempo.

Uma janela ir aparecer, permitindo editar o nome da camada. Clique em OK quando mudar

para o nome que quer, e o novo nome vai aparecer na linha do tempo.

Cada camada tem uma pista que lhe permite altera-la como uma funo do tempo. Isto feito

atravs da insero de chaves Keys (os pequenos rectngulos cinza) em alguns quadros na

pista. Cada chave contm informaes sobre o que a camada deve exibir ou produzir no

quadro em que a chave est localizada.

Para adicionar ou excluir chaves num quadro especfico numa faixa de camada, use o ou

botes ao lado de "Keys" (atalho: "retorno" do tipo para criar um novo quadro).

Para camadas de imagem (bitmap e vector), cada tecla corresponde a uma imagem diferente.

A sequncia dessas imagens cria uma animao. O quadro actual indicado pela barra

vermelha e pode ser alterada movendo a barra vermelha atravs da sua animao (ou use as

setas esquerda e direita). Para reproduzir a animao, use os controlos na linha do tempo.

Note que pode fazer um loop da animao, bem como definir o nmero de quadros por

segundo.



6

CAMADAS

Para seleccionar uma camada que deseja editar, basta clicar sobre ela na lista de

camadas (ou use o para cima e para baixo nas setas). Voc pode alterar a ordem das

camadas, arrastando seu nome. A ordem afecta a maneira como as camadas de

imagem so exibidas, em cima umas das outras, mas no afecta as camadas de som e

cmara. As propriedades da camada, como o seu nome, podem ser alteradas clicando

duas vezes sobre o nome.

As camadas podem ser activadas ou desactivadas clicando no crculo na parte

esquerda de seu cone. A camada de imagem desactivada est escondida da vista de

lona.

Se a camada seleccionada actualmente uma camada de imagem, mostrado, na

exibio de lona, na opacidade total. Se quiser ver todas as camadas da imagem na

opacidade total (como eles vo aparecer na prestao final), pressione o crculo acima

de todas as camadas, para transform-lo em preto. Se, pelo contrrio, se quer

concentrar na camada seleccionada e esconder todas as outras camadas, pressione

novamente o crculo para transform-lo em branco.

DESENHO

A primeira coisa que pode querer fazer com o Pencil desenho. Na verdade,

desrespeitando as faixas e controles de animao na linha do tempo (que pode ser

tudo escondido, arrastando o separador vertical na linha do tempo), pode-se usar lpis

como um programa de desenho. Usando as ferramentas de desenho padro (caneta,

lpis, pincel, balde de tinta...), pode desenhar uma imagem em uma das camadas da

imagem. Por padro, a primeira camada seleccionada num novo documento uma

camada de imagem bitmap. Note que pode desenhar em qualquer lugar dentro da

janela principal: uma tela com espao ilimitado.



7

DESENHO DE BITMAP

O tamanho, cor, etc., de cada ferramenta pode ser especificado na paleta Options. Se

utilizar um estilete comprimido, a presso usada para afectar a largura e / ou

opacidade da ferramenta seleccionada. Se voc no tem um quadro interativo ou

caneta digitalizadora e usa s o rato, pode ser mais fcil de desenhar com a ferramenta

polyline do que o lpis ou caneta de ferramentas. Basta clicar em diferentes pontos na

tela, e uma curva suave passando por esses pontos. Quando terminar, clique duas

vezes no ltimo ponto. Se s quer desenhar uma linha recta, clique para definir o ponto

de partida e d um duplo clique para definir o ponto final.

DESENHO VECTORIAL

Quando uma camada de imagem vectorial seleccionada, voc pode usar as mesmas

ferramentas para desenhar sobre esta camada. A principal diferena que todos os

seus desenhos so convertidos em formas geomtricas. Como resultado, pode ampliar

seu desenho sem obter qualquer "pixel". Quando muda uma cor na paleta de cores, a

cor alterada automaticamente na imagem do vector. Os pontos de curvas vector

podem ser ajustados usando a ferramenta dedo.

Nota 1 - A ferramenta lpis destinada para as curvas que no iro ser exibidas no

desenho final. Assim, estas curvas invisveis so apenas disponibilizadas como curvas

tracejadas, que pode ocultar e mostrar, usando o boto. Para desenhar curvas visveis,

use a caneta ou uma ferramenta polyline.

Nota 2 - Para imagens vectoriais, a ferramenta balde de tinta (usada para preencher

um contorno) no 100% confivel, porque esta operao no vulgar para formas

vectoriais. Assim, talvez seja necessrio clicar vrias vezes em locais diferentes antes

de ter o contorno desejado preenchido. Se no funcionar, verifique se o contorno

fechado (zoom in e / ou utilizar o boto de exibio do esboo - ou pressione F1). Se

encontrar uma abertura, feche-a com o lpis, caneta ou polyline. Se ainda assim no

funcionar, redesenhar sobre alguns cruzamentos para se certificar de todas as curvas

so conectadas.

ZOOM E ROTAO

Usando a ferramenta mo, pode mover a tela em todas as direces. Voc tambm

pode fazer zoom in e zoom out, segurando a tecla de comando (Apple no Mac) e

arrastando a mo. Alternativamente, pode arrastar com o boto direito do seu rato.

Tambm pode girar a tela segurando a tecla ALT, mas esteja ciente de que algumas

ferramentas, como o balde pintor por exemplo, ainda no trabalham quando a imagem

girada. Para voltar exibio original, basta clicar duas vezes com a ferramenta

mo, ou d um duplo clique no boto da ferramenta mo.



8

ANIMAO

Agora queremos fazer animao. Como mencionado acima, o ponto principal criar

vrias imagens-chave numa camada da imagem.

Quadros-chave

Se imaginar uma bola a balanar numa corda, o truque , ento, trabalhar o quo

rpido quer que ela se mova, e como quer a sua bola para alterar a velocidade.

Quadros por segundo

Geralmente, nas sequncias filmadas ir utilizar um tempo de 25 frames por segundo

(fps).

Agora que sabe isto, como um animador, poder encontrar desenhos com 25fps,

embora muitas vezes os animadores e o pblico fiquem satisfeitos usando e assistindo

12fps.

.

CASCA DE CEBOLA

A maneira tradicional de desenho imagens-chave usar a anterior, ou a prxima,

para orientar o desenho da imagem actual, na semi-transparncia. Isto chamado de

casca de cebola. Pode usar os botes de casca de cebola para activar ou desactivar as

cascas de cebola anterior e seguinte.

AJUSTAR AS CHAVES

Para testar e melhorar a sua animao pode mudar a localizao das chaves. Clique

para seleccionar uma chave e arrast-la onde quiser. Para seleccionar vrias teclas,

use o segure a tecla SHIFT. Muitas vezes vai querer prolongar o tempo entre duas

chaves, o que implica em movimento todas as chaves subsequentes. Para isso, segure

a tecla ALT e clique na segunda chave, o que ir seleccionar automaticamente todas

as chaves seguintes.

IMPORTAO DE IMAGENS

Se sentir mais conforto com desenhos/esboos em papel real, pode importar desenhos

j existentes para o Pencil.

Pode importar uma imagem bitmap num quadro especfico em uma camada bitmap

usando a imagem Import...comando no menu Layer. Alternativamente, pode arrastar e

soltar imagens bitmap de uma janela externa para a tela. A chave criada para cada

imagem importada. Isto particularmente til quando tem muitas imagens. Por padro,

no canto superior esquerdo de cada imagem est definido para o centro da viso. Se

deseja importar as suas imagens num determinado local, use a ferramenta de

seleccionar e arrastar um rectngulo na tela. As imagens sero importadas no



9

rectngulo. Se as imagens so maiores do que o rectngulo, eles sero

redimensionados.

Note que tambm pode colar imagens da rea de transferncia, ou seja, de outras

aplicaes de copiar / colar.

CMARA

Uma camada da cmara permite definir uma viso particular, com uma proporo

certa, dentro da tela. Alm do mais, pode definir uma viso para cada chave da faixa da

cmara, e a vista interpolada linearmente entre as teclas. Para isso, basta criar uma

camada de cmara, mova o rectngulo vermelho para o quadro desejado e use a

ferramenta mo para ajustar a vista dentro do quadro de visualizao da cmara.

Clicando duas vezes sobre o nome da cmara, pode definir a resoluo do quadro de

visualizao da cmara.

SOM

Para adicionar um som, seleccione a opo "Importar de som..." comando no menu

Camada e escolha um arquivo de som (apenas o formato WAV suportado no

Windows, a verso Mac pode importar qualquer formato que pode ser lido pelo

QuickTime). Isto ir criar uma chave triangular na trilha sonora. A chave indica onde o

som vai comear a funcionar. Pode mover esta chave como qualquer outra tecla. Numa

camada de som no reproduzido qualquer som quando ela desactivada. Todos os

sons podem ser ligados e desligados de toda a animao pressionando o boto de som

na altura da linha de controlos.

Note-se que o som no ser reproduzido se a chave de partida no final da linha do

tempo, simplesmente porque Pencil pra de tocar quando chega a ltima chave do

documento. Pode precisar adicionar uma chave em algumas camadas para ser capaz

de ouvir o som.



10

EXEMPLOS

Desenho vectorial

Aqui est um exemplo tpico para desenhar uma frame. Comeamos com uma camada

bitmap, usando a ferramenta lpis para esboar um personagem:

Quando o projecto estiver concludo, vamos a uma camada de vector e usamos a

ferramenta caneta para "tinta" do personagem, ou seja, desenhar linhas limpas em

cima do projecto. Pode ser necessrio aumentar o zoom na imagem. Para isso,

seleccione a ferramenta mo e clique direito sobre a imagem (ou clique com a

tecla Apple no Mac) e arraste o rato. Vai ter um zoom dinmico para o centro da

imagem. Se tiver alguma dificuldade de desenho com a ferramenta caneta

(especialmente com o rato em vez de um estilete), tambm pode usar a ferramenta

polyline .



11

O prximo passo colocar algumas cores. Seleccione a ferramenta balde de tinta e

seleccione uma cor na paleta (clique no quadrado preto para mostrar a paleta de

cores). A paleta de cores vem com um nmero limitado pr-definido. Pode alter-los a

qualquer momento e adicionar cores. Depois de escolher uma cor, clique com a

ferramenta pucket pintura dentro de uma regio que deseja preencher. Certifique-se

que no h nenhuma diferena no seu desenho. s vezes, o programa no consegue

preencher a regio. Neste caso clique em outro lugar ou zoom na regio e tente

novamente.

Se gostar pode adicionar sombras imagem. Para fazer isso, use a ferramenta lpis.

Usado com camadas vectoriais, esta ferramenta cria um caminho tracejado que no

aparece na verso final da sua animao. Esses caminhos vo definir a fronteira das

sombras. Depois, pode preencher essas regies com cores mais escuras.

Para ocultar ou mostrar esses caminhos, pressione o boto . Por fim, clique no crculo ao

lado da camada bitmap para esconder o desenho original.

DESENHO DE BITMAP

Se desejar, pode usar somente as camadas bitmap. Nesse caso, verifique se tem uma camada

bitmap abaixo da camada de bitmap que tinta: desta maneira, clicando com o balde de tinta

no vai colocar as cores na camada actual, mas na camada abaixo dela, que preserva o

desenho original.



12

SALVAR E EXPORTAR A ANIMAO

Pode salvar o seu trabalho num determinado formato XML, juntamente com uma pasta

contendo os dados de bitmap. Este o formato usado actualmente por Pencil para salvar um

documento. Tambm pode exportar a sua animao como uma sequncia de imagens PNG,

ou como um filme do Flash ou um filme QuickTime (Mac OS X apenas). Note-se que a viso

actual usada para a exportao, ou seja, tanto a viso de trabalho ou a viso da cmara se

uma camada de cmara estiver seleccionada. No futuro pode ser possvel exportar para outros

formatos vectoriais como SVG.

Este manual foi realizado a partir do original em ingls, disponvel no stio da internet do software Pencil

em: http://pencil-animation.org/wiki/doku.php?id=en:users:manual:0.4.3b:index

http://pencil-animation.org/wiki/doku.php?id=en:users:manual:0.4.3b:index

guia_e_manual_pencil.pdf

Documents