Ferramentas Web, Web 2.0 e Software Livre em EVT Pencil
Contents
1. Se tiver alguma dificuldade de desenho com a ferramenta caneta especialmente com o rato em vez de um estilete tamb m pode usar a ferramenta polyline A R n E E R SD a 12 PEL PST E A PST DT 1 12 10 Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica O pr ximo 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 n mero 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 regi o que deseja preencher Certifique se que n o h nenhuma diferen a no seu desenho s vezes o programa n o consegue preencher a regi o Neste caso clique em outro lugar ou zoom na regi o e tente novamente Se gostar pode adicionar sombras imagem Para fazer isso use a ferramenta l pis Usado com camadas vectoriais esta ferramenta cria um caminho tracejado que n o aparece na vers o final da sua anima o Esses caminhos v o definir a fronteira das sombras Depois pode preencher essas regi es com cores mais escuras Otimo 7 O Lxyorvectora Para ocultar ou mostrar esses caminhos pressione o bot o Por fim clique no c rculo ao lado da camada bitmap para esconder o d2. camadas da imagem na opacidade total como eles v o aparecer na presta o final pressione o c rculo acima de todas as camadas para transform lo em preto Se pelo contr rio se quer concentrar na camada seleccionada e esconder todas as outras camadas pressione novamente o c rculo 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 anima o na linha do tempo que pode ser tudo escondido arrastando o separador vertical na linha do tempo pode se usar l pis como um programa de desenho Usando as ferramentas de desenho padr o caneta l pis pincel balde de tinta pode desenhar uma imagem em uma das camadas da imagem Por padr o 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 espa o ilimitado Tools Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica DESENHO DE BITMAP O tamanho cor etc de cada ferramenta pode ser especificado na paleta Options Se utilizar um estilete comprimido a press o usada para afectar a largura e ou opacidade da ferramenta seleccionada Se voc n o tem um quadro interativo ou caneta digitalizadora e usa s o rato pode ser mais f cil de
3. desenhar com a ferramenta polyline do que o l pis 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 diferen a que todos os seus desenhos s o convertidos em formas geom tricas 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 l pis destinada para as curvas que n o ir o ser exibidas no desenho final Assim estas curvas invis veis s o apenas disponibilizadas como curvas tracejadas que pode ocultar e mostrar usando o bot o Para desenhar curvas vis veis use a caneta ou uma ferramenta polyline Nota 2 Para imagens vectoriais a ferramenta balde de tinta usada para preencher um contorno n o 100 confi vel porque esta opera o n o vulgar para formas vectoriais Assim talvez seja necess rio clicar v rias vezes em locais diferentes antes de ter o contorno desejado preenchido Se n o funcionar verifiq
4. Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica Pencil Manual e Guia de explora o do Pencil para utiliza o em contexto de Educa o Visual e Tecnol gica Elsa Moreira Este recurso foi produzido no mbito da forma o cont nua de professores e faz parte integrante da investiga o do trabalho de doutoramento em Multim dia em Educa o pela Universidade de Aveiro do professor Jos Alberto Rodrigues com o mesmo nome desta oficina de forma o A identifica o do autor deste documento a constante desta p gina e constitu recurso educativo em EVT Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica E a pu 1 O Caracteriza o e Ficha T cnica do Pencil Tipo de ferramenta Software Livre open source URL s http www les stooges org pascal pencil index php id Home Linguals Recursos necess rios Computador com uma distribui o do sistema operativo Linux Mac OS X ou Windows e acesso internet e browser para descarregar o programa Breve descri o O Pencil um software de anima o 2D para desenho tradicional com recursos a suportes digitais o qual tamb m se aconselha em contexto de sala de aula a utiliza o dos quadros interativos Corre em Mac OS X Windows e Linux P
5. dro Para camadas de imagem bitmap e vector cada tecla corresponde a uma imagem diferente A sequ ncia dessas imagens cria uma anima o O quadro actual indicado pela barra vermelha e pode ser alterada movendo a barra vermelha atrav s da sua anima o ou use as setas esquerda e direita Para reproduzir a anima o use os controlos na linha do tempo Note que pode fazer um loop da anima o bem como definir o n mero de quadros por segundo Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica 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 s o exibidas em cima umas das outras mas n o afecta as camadas de som e c mara 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 c rculo na parte esquerda de seu cone camada de imagem desactivada est escondida da vista de lona O O Ej Bitmap Layer o mj vector Layer O m vector Layer O ES Bitmap Layer Se a camada seleccionada actualmente uma camada de imagem mostrado na exibi o de lona na opacidade total Se quiser ver todas as
6. e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica 2 Ap s a explora o desta p gina inicial deve fazer o download do programa devendo carregar no bot o 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 c digo fonte para desenvolvimento de ferramentas Aten o aos utilizadores de sistemas operativos Windows A fun o de exporta o de filme ainda n o foi implementada s funciona no Mac No momento 0 4 4b a vers o do Windows s pode exportar quadros e arquivos de Flash 3 Ap s o download e a instala o iniciamos o software que tem um interface simples como se pode ver na figura abaixo Pencil v0 4 72b Ferramentas de Seletor de cores 5 desenho A Pressure Keyframes Kii Diri lies etia ii very i Cu FA m Leg iiy l 9 ni i j Ed Curi Gay Dina piri i Ligr San DO Light Skin cs BE Pren us fe Layertieman DE O Layerdector LI L p C Sound Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica VIS O GLOBAL Um documento de Pencil organizado em camadas Existem actualmente quatro tipos de camadas bitmap de imagem vector som imagem
7. e c mara A janela linha do tempo na parte inferior do ecr mostra as camadas existentes Por padr o um novo documento cont m uma camada bitmap e uma camada vector em cima dela mas pode adicionar e excluir camadas como desejar usando o ou o bot es ao lado de layers ou a camada de menu Layers O mm Keys O o Onion skin f N POCNE Fps 12 8 ET EA RTA E SRTA KTN E ts ROJ LU ESSO EST SA SSD UERR ERA ISSA E SS ES SIS OA raid 12 24 36 O 5 BimapLayor O 49 vectortayer LL m 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 Layers o Layer name Layer name af vedor Layer IS Cancel Cancel Cada camada tem uma pista que lhe permite altera la como uma fun o do tempo Isto feito atrav s da inser o de chaves Keys os pequenos rect ngulos cinza em alguns quadros na pista Cada chave cont m informa es sobre o que a camada deve exibir ou produzir no quadro em que a chave est localizada Para adicionar ou excluir chaves num quadro espec fico numa faixa de camada use o Dou bot es ao lado de Keys atalho retorno do tipo para criar um novo qua
8. ermite criar uma anima o tradicional desenhada m o desenhos animados usando tanto bitmap como gr ficos vetoriais Este manual foi realizado a partir do original em ingl s dispon vel no s tio da internet do software Pencil em http pencil animation ora wiki doku php id en users manual 0 4 3b index Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica Manual e Guia de Utiliza o e Explora o do Pencil j 1 Para acedermos a esta ferramenta devemos no browser da Internet digitar o seguinte endere o http www les stooges org pascal pencil index php id Home Iremos ent o visualizar uma p gina como a da figura seguinte Welcome to Pencil AR Pencil is an animatior drawing software for Mac OS X Windows and Linux It lets you as create traditional hand drawn 4 animation cartoon using both gt Po A Yi bimap and vector graphics Pencil is free and open source Update 2008 04 04 VOS Sb nom suns natively on Intel Macs Update 2005 02 23 vo 3 4b s now available for Minde Update 2008 01 21 v0 4 4b s pom si ua ama cid benaise Vem ras Ma ps B Home Why Forum Screenshots Gallery Download User Manual Developers Links now available for Mac OSX Lontaci Donate wrah WaS 2000 2099 Pascal Naldon Patrick Corrieri SOURCEFORGE NET m Antes de e
9. esenho 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 n o vai colocar as cores na camada actual mas na camada abaixo dela que preserva o desenho original 7 Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica SALVAR E EXPORTAR A ANIMA O 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 Tamb m pode exportar a sua anima o como uma sequ ncia de imagens PNG ou como um filme do Flash ou um filme QuickTime Mac OS X apenas Note se que a vis o actual usada para a exporta o ou seja tanto a vis o de trabalho ou a vis o da c mara se uma camada de c mara estiver seleccionada No futuro pode ser poss vel exportar para outros formatos vectoriais como SVG Este manual foi realizado a partir do original em ingl s dispon vel no s tio da internet do software Pencil em http pencil animation org wiki doku php id en users manual 0 4 3b index 12
10. lha sonora A chave indica onde o som vai come ar a funcionar Pode mover esta chave como qualquer outra tecla Numa camada de som n o reproduzido qualquer som quando ela desactivada Todos os sons podem ser ligados e desligados de toda a anima o pressionando o bot o de som na altura da linha de controlos Note se que o som n o ser reproduzido se a chave de partida no final da linha do tempo simplesmente porque Pencil p ra de tocar quando chega a ltima chave do documento Pode precisar adicionar uma chave em algumas camadas para ser capaz de ouvir o som O 29 Bitmap Layer dfl Sound Layer Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica EXEMPLOS Desenho vectorial Aqui est um exemplo t pico para desenhar uma frame Come amos com uma camada bitmap usando a ferramenta l pis para esbo ar um personagem Ty EO RT EVORA HA x o Em ANA RS OO RL OO A A o 12 12 Quando o projecto estiver conclu do 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 necess rio aumentar o zoom na imagem Para isso seleccione a ferramenta m o W e clique direito sobre a imagem ou clique com a tecla Apple no Mac e arraste o rato Vai ter um zoom din mico para o centro da imagem
11. mpo 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 p blico fiquem satisfeitos usando e assistindo 12fps CASCA DE CEBOLA A maneira tradicional de desenho imagens chave usar a anterior ou a pr xima para orientar o desenho da imagem actual na semi transpar ncia Isto cnamado de casca de cebola Pode usar os bot es de casca de cebola para activar ou desactivar as cascas de cebola anterior e seguinte AJUSTAR AS CHAVES Para testar e melhorar a sua anima o pode mudar a localiza o das chaves Clique para seleccionar uma chave e arrast la onde quiser Para seleccionar v rias 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 IMPORTA O DE IMAGENS Se sentir mais conforto com desenhos esbo os em papel real pode importar desenhos j existentes para o Pencil Pode importar uma imagem bitmap num quadro espec fico 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 padr o no canto su
12. perior esquerdo de cada imagem est definido para o centro da vis o Se deseja importar as suas imagens num determinado local use a ferramenta de seleccionar e arrastar um rect ngulo na tela As imagens ser o importadas no Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica rect ngulo Se as imagens s o maiores do que o rect ngulo eles ser o redimensionados Note que tamb m pode colar imagens da rea de transfer ncia ou seja de outras aplica es de copiar colar C MARA Uma camada da c mara permite definir uma vis o particular com uma propor o certa dentro da tela Al m do mais pode definir uma vis o para cada chave da faixa da c mara e a vista interpolada linearmente entre as teclas Para isso basta criar uma camada de c mara mova o rect ngulo vermelho para o quadro desejado e use a ferramenta m o para ajustar a vista dentro do quadro de visualiza o da c mara Clicando duas vezes sobre o nome da c mara pode definir a resolu o do quadro de visualiza o da c mara in Camera Layer SOM Para adicionar um som seleccione a op o Importar de som comando no menu Camada e escolha um arquivo de som apenas o formato WAV suportado no Windows a vers o Mac pode importar qualquer formato que pode ser lido pelo QuickTime Isto ir criar uma chave triangular na tri
13. ue se o contorno fechado zoom in e ou utilizar o bot o de exibi o do esbo o ou pressione F1 Se encontrar uma abertura feche a com o l pis caneta ou polyline Se ainda assim n o funcionar redesenhar sobre alguns cruzamentos para se certificar de todas as curvas s o conectadas ZOOM E ROTA O Usando a ferramenta m o pode mover a tela em todas as direc es Voc tamb m pode fazer zoom in e zoom out segurando a tecla de comando Apple no Mac e arrastando a m o Alternativamente pode arrastar com o bot o direito do seu rato Tamb m pode girar a tela segurando a tecla ALT mas esteja ciente de que algumas ferramentas como o balde pintor por exemplo ainda n o trabalham quando a imagem girada Para voltar exibi o original basta clicar duas vezes com a ferramenta m o ou d um duplo clique no bot o da ferramenta m o Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica ANIMA O Agora queremos fazer anima o Como mencionado acima o ponto principal criar v rias imagens chave numa camada da imagem Quadros chave Se imaginar uma bola a balan ar numa corda o truque ent o trabalhar o qu o r pido quer que ela se mova e como quer a sua bola para alterar a velocidade Quadros por segundo Geralmente nas sequ ncias filmadas ir utilizar um te
14. xecutar o download desta ferramenta pode explorar esta p gina que cont m algumas curiosidades e informa es teis sobre a mesma Home casa P gina actual Why Porqu Neste item o autor faz uma breve explica o sobre o seu interesse pela anima o e relativamente aos objectivos pretendidos com este recurso Forum F rum Este espa o destinado a um f rum sobre o recurso Screenshots Imagens Aqui pode visualizar alguns exemplos de desenhos realizados com este recurso Ferramentas Web Web 2 0 e Software Livre em EVT Estudo sobre a integra o de ferramentas digitais no curr culo da disciplina de Educa o Visual e Tecnol gica ir Tr s aa anig e e e RPE y Gallery Galeria Neste espa o pode visualizar exemplos de anima es Download Instala o neste campo que pode fazer a instala o deste programa User Manual manual do usu rio Aqui pode aceder a um manual em Ingl s Developers desenvolvedores Esta sec o destinada a reunir informa es para ajudar os desenvolvedores do Pencil Links links Nesta sec o pode encontrar alguns links com outros projectos de software de anima o Contact Contacto Neste espa o pode enviar mensagens com perguntas simples no qual pode obter respostas r pidas Donate doar Aqui pode fazer uma doa o para ajudar ao desenvolvimento deste projecto Ferramentas Web Web 2 0
Download Pdf Manuals
Related Search