animação com software livre.pdf

8/14/2019 Animao com Software Livre.pdf

1/114

PRODUZINDO ANIMAES COM SOFTWARES LIVRES


2/114

RICARDO GRAA

PRODUZINDO ANIMAES COM SOFTWARESLIVRES

ISBN 978-85-66084-00-9

1aEdio

Rio de Janeiro

Edio do autor

2012



3/114

____________________________________

Produo editorial, reviso,

diagramao e capa: Ricardo Graa

____________________________________

Cople!t" Ricardo Graa" 2012 # $rasil

Permitida a c%pia de todo o conte&do, colocando o nome do

autor e um lin' para o site ((("ricolandia"com

_____________________________________

Editado pela R)E C*)+-C./* E --*). 34. )E

((("ne(s5oreidiomas"com



4/114

Sumrio-ntroduo"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""6

. emocrati7ao de .cesso aos Processos deProduo""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""8ireitos .utorais 9 3icenas 3ivres"""""""""""""""""""""""""""""

Conceitos 9 *perao de so!t(ares"""""""""""""""""""""""""""""""""11* ;ue < preciso para produ7ir uma animao="""""""""""""""""11

Con5ecimento de conceitos e processos de produo" 12Conceitos Gr>!icos"""""""""""""""""""""""""""""""""""""""""""""""""""""""12

Composio"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""1?Planos""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""18-luminao e cores""""""""""""""""""""""""""""""""""""""""""""""""""21Est


5/114

.nimatic""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""@0

.nimaBes $rutas"""""""""""""""""""""""""""""""""""""""""""""""""""@0Poses c5ave e intermeios""""""""""""""""""""""""""""""""""""""""@1.nimao secund>ria""""""""""""""""""""""""""""""""""""""""""""""@1Edio"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""@1

*perando os so!t(ares H programas de computador I""""""@2.rgumento e Roteiro com o 3iFre*!!ice riter eCE34K""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""@?CE34K""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""@@esen5ando storFoard com o Gimp""""""""""""""""""""""@

esen5ando storFoard com o -n'scape"""""""""""""""""6DGravando >udio com o .udacit""""""""""""""""""""""""""""6)ontando um animatic com Ldenlive""""""""""""""""""""8D.nimao 4radicional"""""""""""""""""""""""""""""""""""""""""""""8.nimaBes pose#a#pose com 4upi: )agia 2""""""""8.nimao 4(eening"""""""""""""""""""""""""""""""""""""""""""""""@Criando arte !inal com o -n'scape""""""""""""""""""""""""""@

.nimando as poses no n!ig"""""""""""""""""""""""""""""""""EMportando as cenas como vdeo""""""""""""""""""""""""""""Editando a animao no Ldenlive"""""""""""""""""""""""""".nimao 2 no $lender""""""""""""""""""""""""""""""""""""""""

ConsideraBes !inais """"""""""""""""""""""""""""""""""""""""""""""""""""""111



6/114

6 RICARDO GRAA WWW!RICOLANDIA!COM

I"#$%&'()%

4ratar de animao aFordando a utili7ao de softwareslivres

gera, na maioria dos lugares ;ue visito para palestrar ou reali7ar

o!icinas, um certo incNmodo e ansiedade em me re!utarem antes

mesmo de min5as conclusBes" O importante considerar ;ue todos n%s

!omos e somos al!aFeti7ados em um sistema ;ue incentiva aoconsumo de marcas e ilusBes de sucesso e vit%ria" .s pessoas, para

de!enderem suas escol5as, acaFam por de!ender todo esse sistema de

consumo e descarte programado, e nem mesmo saFem disso"

.s pr%prias instituiBes de ensino, renomadas, cometem esse

erro, ao tratar da operao dos softwares como parte do aprendi7ado

conceitual, o ;ue considero, como educador, um erro" esta !orma,

so !ormados com dependncia na operao dos mesmos softwares, e

sem tais !erramentas no produ7em" * mercado dita, a instituio

incentiva e o aluno compra a ideia de uma marca, sem nem mesmo

con5ecer outras possiFilidades" em entender as Fases, os conceitos,

no adianta uma Foa operao de software"

O muito importante ter em mente ;ue este livro no !oi

escrito com a pretenso de ser um guia de!initivo, ou ;ue ten5a todo o

con5ecimento necess>rio para se tornar artista aFsoluto das ttico de introduo, nada

PRODUZINDO ANIMAES COM SOFTWARES LIVRES 6


7/114

7 RICARDO GRAA WWW!RICOLANDIA!COMmais"

.ntes de tratar dos processos de produo de animaBesutili7ando softwares livres, convido#os a entender meus motivos em

migrar para os softwareslivres, emFora, ten5a traFal5ado durante anos

com softwarespropriet>rios, nos sistemas ).C* e -*"

A Democratizao de Acesso aos Processos de Produo

+m dos !atores ;ue me atraiu, realmente, !oi a !iloso!ia de

distriFuir, compartil5ar e democrati7ar o acesso aos processos de

produo" * mercado lana novas versBes de softwares e sistemas

operacionais, !orando o usu>rio leigo a consumir um novo

computador por conta do mesmo no conseguir mais processar, com

mesma agilidade, os mesmos processos ;ue reali7ava com a verso

anterior do mesmo software" Esse procedimento distancia o artista, e o

pe;ueno est&dio, do acesso, S> ;ue o mais novo < tamF


8/114

8 RICARDO GRAA WWW!RICOLANDIA!COMacesso ao con5ecimento" * assunto software livre envolve v>rios

outros assuntos agregados, como: licenas livres, oFsolescnciaprogramada e conscienti7ada, impacto amFiental com o descarte

precoce de e;uipamentos, sociali7ao de conte&do e incluso, pois

no trata de QeMclusividade ao acesso" Para entender mel5or, vamos

ao assunto propriedade intelectual e direito autoral"

Direitos Autorais & Licenas Livres

* ireito autoral !a7 parte do assunto QPropriedade

-ntelectual, ;ue nada mais < do ;ue considerar ;ue a produo

intelectual < uma propriedade ;ue precisa ser protegida de um todoU

;ue < algo eMclusivo" EMclusividade , como a pr%pria palavra sugere, rio, se apresenta atravgra!o, voc est>

tomando a Qplula certa, liFerte#seX

Com as licenas livres H Cople!t, GP3 ?"0, CreativeCommons, .rte 3iFre e etc" I, continuamos a proteger a autoria, ou

seSa, o autor continua recon5ecido por sua compilaoH oFra, criao,

etc" I, por


11/114

** RICARDO GRAA WWW!RICOLANDIA!COM

C%"+,#%. / O,$1()% &,software.

Para se produ7ir ;ual;uer tipo de animao, < preciso

con5ecer alguns conceitos F>sicos, e esses sim, os conceitos so

importantes" *perar um software < apenas operar uma !erramenta"

o eMiste mel5or !erramenta ;ue supere um Fom artista, con5ecedor

de conceitos"

J> operei todo tipo de software gr>!ico, multimdia e em

todos os sistemas utili7ados no mercado, e no !oi apenas uma

apresentao a cada um deles, !oram anos traFal5ando e levando o uso

ao m>Mimo de sua utili7ao" Por este motivo, talve7, eu ten5a oFtido

!acilidade para migrar de softwares propriet>rios para softwares livres"

o eMiste mel5or sistema ou software, eMiste < o mel5or ;ue

l5e atende" Eu utili7o softwares livres por opo, por ideal e por

acreditar na mudana atrav


12/114

* RICARDO GRAA WWW!RICOLANDIA!COMdi!erentes necessidades de e;uipamentos, porvel" )esmo com essa !acilidade, o mercado, as instituiBes

de ensino e os produtores ;ue !a7em parte de uma casta eliti7ada,

ainda ditam o ;ue usar e como usar" o considero por parte de

muitos uma inteno leviana, mas sim !alta de con5ecimento, apenas"

Precisamos primeiramente entender os conceitos de

animao, depois, de ;ue e;uipamentos utili7ar para cada trios assuntos em grupos de conceitos a serem estudados" Gr>!icos

H conceitos de composio, iluminao, cores IUEst


13/114

* RICARDO GRAA WWW!RICOLANDIA!COMsomU e a &nica di!erena entre voc desen5ar uma letra Q. de !orma,

e uma caFea de personagem, < ;ue voc treinou alguns anos para!a7er o Q., e talve7 nunca ten5a dedicado poucas 5oras em toda sua

vida para desen5ar a caFea de um personagem"

C%%.()%

-ndependente de saFer desen5ar, gra!icamente < preciso

compor uma cena para se produ7ir uma animaoU ento, vamos tratar

agora da composio" Aaremos isso de uma maneira simples, atrav


14/114

*4 RICARDO GRAA WWW!RICOLANDIA!COMCom essas guias, vamos entender uma regra na !otogra!ia

para composio de imagens ;ue se c5ama regra dos teros" Essaregra < utili7ada oFservando os pontos de interseo entre as lin5as

verticais e 5ori7ontais" *Fservem ;ue temos ;uatro pontos, so os

pontos >ureos, e alreas 5ori7ontais e trs >reas verticais" -sso < o ;ue precisamos para

comear a entender soFre composio de imagens"

. regra vale para todo tipo de composio de imagem, sendo

!otogra!ia ou no"

. imagem acima < composta no padro widescreen, por


15/114

*5 RICARDO GRAA WWW!RICOLANDIA!COMnosso oFSeto principal" *u seSa, a in!ormao principal da imagem

deve !icar pr%Mima a algum destes pontos, ou passando por mais deum deles"

.lureos para posicionar o

oFSetivo principal da imagem, temos as >reas verticais e 5ori7ontais,

;ue nos servem para compor os outros oFSetos de cena, distriFuindo a

leitura da imagem" Yale lemFrar ;ue estou resumindo cada assunto de

!orma pr>ticaU para entender mel5or do assunto, sugiro estudar!otogra!ia"

Yamos a alguns eMemplos de utili7ao:

a imagem acima, oFservamos um personagem de p< entre

dois pontos, uma Fola no c5o, posicionada em outro ponto" 4amFrea do c5o, corresponde a 2T? da >rea 5ori7ontalU

o motivo < destacar o c5o e o ;ue est> em cima dele"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES *5


16/114

*6 RICARDO GRAA WWW!RICOLANDIA!COM

esta imagem logo acima, oFservamos um plano close, onde

os ol5os !oram posicionados entre dois pontos, pois esses ol5os

eMpressivos so o nosso oFSetivo"

este &ltimo eMemplo, oFservamos uma pilastra servindo

como uma moldura na imagem, ocupando 1T? da >rea vertical,

deiMando os outros 2T? com a imagem a ser destacada" ote ;ue o

personagem est> eMatamente entre dois pontos >ureos" *utra



17/114

*7 RICARDO GRAA WWW!RICOLANDIA!COMoFservao importante < soFre a >rea 5ori7ontal destinada ao c5o,

;ue neste eMemplo corresponde a 1T? da >rea total" este ;uadro, a>rea correspondente ao c posiciona aFaiMo da altura dos ol5os do personagem,mostrando mais o creaI"

Em uma animao, di!erente de um cen>rio real, podemos

posicionar cada elemento de cena onde mel5or puderem compor o

;uadro"

P1"%.

+ma cena representa um cen>rio, e cada cen>rio pode ser

eMplorado em diversos planos" Podemos escrever em um roteiro, por

eMemplo, ;ue o personagem Joo est> na cena da co7in5a, por


18/114

*8 RICARDO GRAA WWW!RICOLANDIA!COMrelacionado a durao"

+m estudo mais apro!undado sempre agrega muito valor ao ;ue

produ7imos" 3emFro mais uma ve7 ;ue, neste livro, tratamos de uma

introduo a essa arte"

Yamos aos planos ;ue mais utili7o:

P1"% 3&%:mostra o personagem todo em um cen>rio"

P1"% 1,$+1"%: mostra um personagem at< a cintura, ou at< o



19/114

*9 RICARDO GRAA WWW!RICOLANDIA!COMSoel5o"

P1"% $,#$1#% ;$,$% 1"%tica, como na !otogra!ia"I

P1"% +%.,:mostra uma parte do corpo, ou um oFSeto de um cen>rio"

EM": o rosto de um personagem"



20/114


P1"% &,#1=,:mostra um detal5e apenas" EM": a Foca de um rosto"

*utros planos relacionados a posio de cZmera so: Grande

Plano Geral, Plano Geral e Plano ConSunto" G$1"&, P1"% G,$1 rio, e geralmente < distante,

mostrando a paisagem como um todo" * P1"% G,$1S> mostra essa

tomada um pouco mais pr%Mima, onde S> perceFemos pessoas, por#las" O P1"% +%">'"#%mostra um grupo de

personagens, ou um personagem inserido em uma cena"

P1"% .,2',"+1:O um plano relacionado a tempo e no a posio da

cZmera" O encontrado em uma cena sem cortes, onde a cZmera

percorre o cen>rio" O tamF


21/114

* RICARDO GRAA WWW!RICOLANDIA!COMnarrativa e o ritmo, portanto, ;uem o decide < o diretor"

I'"1()% , +%$,.

.gora ;ue S> entendemos Fasicamente uma composio, e

planos de uma cena, vamos para a iluminao" Criar uma sensao

natural de iluminao as ve7es no < to simples, mas, seguindo

algumas dicas, torna#se mais !>cil entender todas as lu7es e somFrasde uma cena"

Para uma cena ;ue < ilustrada, tudo se torna um pouco mais

simples, pois temos controle total do ;ue ser> iluminado e como se

comportaro as somFras e as variaBes de cores devido Vs intensidades

de lu7es" Yamos analisar a seguinte imagem aFaiMo:

.o imaginar um ponto de lu7 em um determinado ponto da

imagem, imaginamos tamF


22/114

RICARDO GRAA WWW!RICOLANDIA!COMuma cena ilustrada, Fasta imaginar esse ponto de lu7, ou, se pre!erir,

desen5ar um pe;ueno ponto como re!erncia" Cada oFSeto da cena ter>sua respectiva somFra, relacionada a sua posio em relao ao ponto

de lu7" * mesmo acontece com a intensidade das cores de um oFSeto"

a imagem acima, oFservamos um ponto de lu7 Hsimulando o olI,

acima da caFea do personagem, logo, sua somFra !oi ilustrada logo

aFaiMo de seus p


23/114

RICARDO GRAA WWW!RICOLANDIA!COMPrimeiramente vamos relemFrar ;ue temos como re!erncia,

a lu7 do sol incidindo soFre nossas caFeas" Essa lu7 vem sempre doalto, portanto, temos este, como o nosso primeiro ponto de lu7 a ser

utili7ado" epois de criar este ponto de lu7 Hem !otogra!ia c5amamos

de Qtoc5aI, criamos tantos pontos ;uanto precisarmos, para o e!eito

deseSado" Em uma cena de animao stopmotion, piMilation ou ?,

precisamos nos atentar para o !ato de ;ue a lu7, mesmo amena, re!rata

e re!lete em tudo" . lu7 do sol, apesar de incidir a partir de um ponto,e gerar uma somFra derivada de seu Zngulo, ilumina uma cena

gloFalmente"

Em ?, podemos 5aFilitar uma iluminao gloFal, ou simular

essa iluminao atravsicas ;ue utili7o" . partir dessas ? !ontes F>sicas, eu tento

minimi7ar as somFras provenientes da primeira !onte de lu7 HsolI,

utili7ando um reFatedor, de FaiMo para cima, ou at< mesmo, utili7ar



24/114

4 RICARDO GRAA WWW!RICOLANDIA!COMuma outra !onte de lu7 deste Zngulo"

YeSa o es;uema aFaiMo:

Em ?, para simular uma iluminao gloFal, utili7amos, em

muitos casos, um arra!matri"#de lZmpadas

.s lu7es e as somFras in!luenciam nos tons das coresU mas

em uma imagem ilustrada, por eMemplo, di!erente de uma !otogra!ia,podemos manipular as cores de todos os oFSetos para criar contrastes e

5armonias" Essa operao de cores varia de acordo com a inteno a

ser transmitida"



25/114

5 RICARDO GRAA WWW!RICOLANDIA!COMa imagem anterior, veri!icamos as variaBes de cores,

devido V incidncia de lu7 soFre a cor Fase" o 5> uma regra emanimao para se criar uma ;uantidade espec!ica de tonalidades" Por

eMemplo, em s gerar os pontos de lu7"

.s lZmpadas !luorecentes por eMemplo, geram cores mais

!rias e a7uladasU lZmpadas de !ilamento geram cores mais ;uentes,

amareladas ou avermel5adas" 4emos tamF


26/114

6 RICARDO GRAA WWW!RICOLANDIA!COMproduo < importantssima para criar e!eitos e acertos"

E.#3#+%.

Consideremos as !ormas, as tsicos deanimao de uma dessas escolas"

Conceitos de Animao

o c5amados Qconceitos $>sicos da .nimao, os ;ue

podem auMiliar a alcanar uma movimentao natural, lemFrando ;ueQnatural, no ;uer di7er QrealU eTou uma movimentao eMagerada,

;ue realce e en!ati7e os movimentos" EMistem diversas escolas de

animao, no 5> um modelo ideal a seguir, porticas, mas uma



27/114

7 RICARDO GRAA WWW!RICOLANDIA!COMmaneira de analisar como o tempo de uma ao in!luencia no e!eito

deseSado, imagine uma ao r>pida de um personagemU como, poreMemplo, um golpe de pun5o do Lung Au" Com ;uantos ;uadros

desen5aria esse golpe= $em, ;uanto mais ;uadros desen5ar para

representar o golpe, menos r>pido ele parecer>"

- E1.@ " E1.@ %'# ;,"#$1$ .'1, .1$ .'1, uma acelerao inicial com uma velocidade M e em determinada

altura comeamos a oFservar uma desacelerao, at< a Fola parar de

suFir, comear a descer, em acelerao crescente novamente"



28/114


- A$+%.:em perceFermos, os movimentos ;ue !a7emos seguem

movimentos de arcos" e pararmos para oFservar outros oFSetos no ar

e em descocamento, veremos as mesmas condiBes de movimentos

em arco" 3emFre#se do movimento do seu Frao a se erguer" ote ;ue

o movimento da mo H ;ue < a eMtremidade do seu Frao I, < em !orma

de arco"

4 - F%% T=$%'?= , O,$1"? ;1+%1"=1,"#% ,

.%$,%.()%tua, onde nada se moveria a partir do

movimento inicial"



29/114


5 - S,+%"& M%#%" ; %,"#% .,+'"&$% rio dos corpos ;ue pode ser oFservado,

por eMemplo, em um raFo de cavalo sendo c5icoteado ap%s o

movimento de um cavalo, ou, um caFelo comprido ;ue se Falana

ap%s a caFea se mover para um dos lados"

Wuanto mais ;uadros por movimento, mais suave a ondulao"



30/114


6 - S2'1.= 1"& S#$,#+= ; ,.1?1$ , ,.#+1$ scara" * uso

do eMagero no se limita a eMpressBes !aciais ou corporais, pode ser

empregado tamF


31/114

* RICARDO GRAA WWW!RICOLANDIA!COMpersonagem em determinado movimento"

8 - S#$1?= 1=,1& , P%., #% %., ; E $,"#, , %., 1 %., rias H intermeio I" . vantagem os

;uadros#c5aves para gui>#lo no processo"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES *


32/114

RICARDO GRAA WWW!RICOLANDIA!COM

9 - A"#,+1()%a antecipao, o ;ue pretendemos < avisar o espectador ;ue

um movimento importante ser> reali7ado, al


33/114

RICARDO GRAA WWW!RICOLANDIA!COMo aproMima do espectador, ;ue se identi!ica mel5or e se agrada da

atuao" O di!cil de!inir o Qappeal, no < necessariamente a Foaatuao, mas tamF to mau e o 5er%i nem tanto 5er%i"

*s conceitos de animao no se restringem a estes merosdo7e, vistos acima" Como 5avia mencionado, eMistem v>rias escolas

de animao, e o ;uanto pudermos estudar para construir algo ;ue seSa

pr%prio e &nico, < o ;ue nos aproMimar> da arte, e no somente a

reproduo comercial"

Tcnicas de animao

o diversas as t


34/114


I1?,". &% +'#"=1 HE,#% %$%,#1!

* termo tweeningvem de in&between, ou seSa, intermeios" .trias entre esses;uadros" a imagem aFaiMo, os ;uadros#c5aves criados manualmente!oram apenas trs" *s outros ;uadros intermedi>rios H intermeios I,!oram criados pelo pr%prio so!t(are Hn!igI e modi!icadosmanualmente, em alguns pontos, para comprimir e esticar Hs;uas5 and

stretc5Ie sair lento, entrar lentoHeas in, eas outI"

I1?,". &% +'$#1 HN">1 T'!

. trias partes e depois animar cada parte recortadacom o mesmo conceito de pose#a#pose" a pr%Mima imagem, opersonagem do curta#metragem Qistemas"



35/114


I1?,". &% +'$#1 HS.#,1.!

onceitos T%cnicos

Equipamentos

os dias de 5oSe, com as novas mdias, e o FaiMo custo para

a;uisio de e;uipamentos amadores, semi#pro!issionais, aproMimam

os processos de produo dos artistas e est&dios independentes" * ;ue

< preciso para se ter ;ualidade no traFal5o, alcil a;uisio em relao a e;uipamentos

c5amados de Qpro!issionais"

* ;ue di!ere um e;uipamento amador de um e;uipamento

pro!issional, so uma s


36/114

6 RICARDO GRAA WWW!RICOLANDIA!COM\Fvio ;ue em um e;uipamento pro!issional oFtm#se mais recursos

para se produ7ir com ;ualidade" )as, 5> como alcanar alguns destesrecursos com criatividade, vamos entender mel5or o ;ue podemos

mel5orar na captao de imagens tendo cZmeras amadores ou semi#

pro!issionais:

.Fertura do dia!ragma: +m dos proFlemas das cZmeras

amadoras ou semi#pro!issionais, < o !ato de ;ue o dia!ragma de suas

lentes tem pouca aFertura para captao de lu7, pois estas solimitadas" Essas lentes Qescuras alticas, ou seSa, no 5> um controle manual"

Para se oFter mais lu7 , a sada < Sogar mais lu7 na cena"

+ma dica soFre lu7 < ;ue, em amFientes !ec5ados sempre

teremos lu7 insu!iciente para simular uma cena aFerta" Essa lu7 eMtra

pode ser compensada com lZmpadas ;uentes H lZmpada de !ilamento I

e lZmpadas de lu7 Franca H !luorecentes I" .lguns metros de !io,

tomadas e Focais sero su!icientes para voc montar seu Qset de

!ilmagem"

*utra dica, so para reFatedores, onde utili7amos !ol5as de

isopor para reFater a lu7 para a cena" C+-.* com a proMimidade

das lZmpadas para no causar incndios"

E!eitos de lentes : +m dos recursos ;ue mais utili7o < o e!eito

de pro!undidade de campo, onde des!oco o primeiro ou segundo plano

para destacar o outro" Em algumas cZmeras semi#pro!issionais S>

conseguimos esse e!eito, regulando de !orma manual a aFertura do

dia!ragma e a oFturao" as cZmeras amadoras, podemos criar esse



37/114

7 RICARDO GRAA WWW!RICOLANDIA!COMe!eito na p%s produo ou na pr%pria edio do !ilme" Eu utili7o

m>scaras e o e!eito de QFlur, ou Forrado para conseguir o des!o;ueem primeiro ou segundo planos" o ser> o mesmo resultado da

captao de uma lente real, mas simula de !orma satis!at%ria" e a

animao !or ? < mais !>cil, pois no software;ue utili7o H $lender

? I isso < calculado na pr%pria cZmera da cena"

oFre a resoluo, Fem, vamos aFordar logo aFaiMo o assunto

e desta !orma a outra in!ormao ;ue voc precisar> ter, < a resoluom>Mima de sua cZmera"

Formatos, padres, sistemas de cores

o cinema, sempre oFtivemos uma >rea de !ilme maior Hmais

5ori7ontalI do ;ue nas antigas 4Ys de tuFo, ;ue nos davam uma sada

;uadrada HletterFoMI" E ainda tn5amos um proFlema do sistema de

cores e ;uadros por segundo, ;ue variam at< 5oSe em 4C, P.3 e

suas variantes" Para cada !im, tn5amos ;ue nos preocupar e at na aFertura de tela (idescreen

Hretangular, 16:I a imagem real < desen5ada em 6DMD6 piMels" *

;ue ;uero di7er com isso < ;ue, se vou preparar uma animao em

(idescreen H16: I, meu ;uadro tem ;ue ser desen5ado em 6DMD0

piMels"



40/114


* ;ue precisamos ter em mente < ;ue, de uma resoluomaior, podemos gerar !ilmes em resoluBes menores, sem

comprometer a ;ualidade da imagemU mas S> o contr>rio no acontece"

e captarmos ou criarmos imagens em resoluBes menores, no

conseguiremos uma Foa imagem !inal em uma resoluo maior"

Tipos de mdia e Codecs

* !ormato de sada tamFtica, aceitando v>rias resoluBes

de vdeo"



41/114

4* RICARDO GRAA WWW!RICOLANDIA!COM

Para cada mdia e !ormato, o vdeo !inal tem ;ue ser geradoutili7ando um C*EC espec!ico, com eMceo da eF, ;ue aceita

v>rios C*ECs" )as, o ;ue so C*ECs= C*EC < a aFreviao de

Qcompressor e Qdecompressor, ou seSa, < o tipo de compresso ;ue o

vdeo est> utili7ando" Cada C*EC tem uma caracterstica espec!ica

e < suportado ou no por um Qencapsulador ou eMtenso" Por

eMemplo, o C*EC )PEG#2, ;ue < utili7ado para gerar o Y#vdeo< suportado pelas eMtensBes voF, mpg, mov e avi"

as mdias citadas acima:

Y ou mini#Y, utili7am eMtensBes Q"avi e Q"mov com os

codecs Y, )icroso!t Y e Y R., suportando >udio em

!re;uncias de DD ' ou D ' H "(av I"

Y#vdeo utili7a eMtenso Q"mpg , Q"mov e Q"avi para o

C*EC )PEG#2 H multipleMado pelos programas de

autorao para "voF I, suportando a&dios em Q"mp2 ou

Q"ac? com !re;uncia de D'

$3+#R.] suporta a eMtenso Q")24 com codec )PEG#2,suportando a&dios em Q"mp2 ou Q"ac? "

Para eF, os codecs mais utili7ados so: mpegD, 526D, dviM,

Mvid, ogg H para vdeo IU com as eMtensBes Q"avi, Q"mpg,

Q"mov e Q"ogvU e diversos !ormatos de >udio suportados em

diversas !re;uncias"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES 4*


42/114

4 RICARDO GRAA WWW!RICOLANDIA!COMEsses diversos C*ECs e eMtensBes so resultados de

eternas disputas entre os !aFricantes de e;uipamentos e de suastecnologias espec!icas" )enciono alguns de diversos C*ECs e

eMtensBes" EMistem diversos outros ;ue podem ser utili7ados, alguns S>

depreciados e outros ainda em !ase de aprimoramentos" +ma ressalva

para o C*EC [26D, criado pela .PP3E, onde sua licena < de livre

uso, podendo a empresa alterar sua licena como convier" * [26D udio, e um taman5o relativamente pe;ueno do ar;uivo

!inal a ser enviado" * C*EC *GG < totalmente livre, e possui

;ualidade eMcelente para eF, porrias para o seu

!im" )as essa resposta no ser> verdadeira ou 5onesta vinda de um

!aFricante ou de um apaiMonado por marcas" )uito pelo contr>rio,

;uanto mais preso a uma marca voc est>, menos voc con5ece soFre



43/114

4 RICARDO GRAA WWW!RICOLANDIA!COMo ;ue est> V sua volta"

O %Fvio ;ue ;uanto mais velocidade de processamento e;uantidade de mem%ria R.), mel5or ser> o desempen5o geral de um

computador, mas isso no ;uer di7er ;ue isso seSa uma eMigncia"

Participando de rodas de papo e de discussBes na -nternet soFre o

assunto, escuto e leio muitos aFsurdos do tipo : Q ^ s% d> para

traFal5ar com vdeo em uma m>;uina de G$ de R.) " er> ;ue

isso < verdade mesmo= Ento esse suSeito est> di7endo ;ue antes doscomputadores poderem suportar G$ de R.) no se podia editar

vdeos=

Eu, !eli7mente, peguei a transio do anal%gico para o digital"

4raFal5ava em uma produtora onde tn5amos as il5as de edio

lineares, e S> come>vamos a utili7ar as il5as de edio no#lineares

H digitais I" Eram dois computadores como il5as de edio, um

)acint5os5 da gerao G? com CP+ de ??? )[7 e 86 )$ de

R.)" * outro computador, mais 5umilde, era um PC com indo(s,

;ue tin5a um processador de 120 )[7 e com 6D )$ de R.)" En!im,

com essas duas m>;uinas, edit>vamos nossos vdeos"

* ;ue acontece no mercado < ;ue para garantir a venda de

$ardware, os softwares so criados com mais eMigncias, algumas

necess>rias para um mel5or aproveitamento e desempen5o de

traFal5o, e outras meramente para !avorecer a QoFsolescncia

programada e com isso, a venda de e;uipamentos"

o eMiste uma receita para a a;uisio e aproveitamento de

computadores, posso apenas compartil5ar com vocs as eMperincias



44/114

44 RICARDO GRAA WWW!RICOLANDIA!COMreais ;ue !ui eMposto para ;ue dessa !orma pudesse ter re!erncias

apenas" 4en5o a;ui um laptopde pelo menos 6 anos atr>s, contendo 1G$ de R.), processador core duoH 1,D G57 I, [ de D0 G$ e placa

de vdeo integrada, con!igurada para 6D)$" Com esse laptopeu ainda

consigo capturar e editar vdeos H com porta firewireI, tratar !otos de

min5a cZmera de 1D )egapiMels e produ7ir parte de min5as

animaBes ;uando necess>rio" etal5e, edito vdeos em A+33[

nesse laptop" -sso < possvel= O sim" . di!erena est> no sistemaG+T3inuM ;ue adotei, e nos softwares;ue utili7o" Ento ;uando eu

escuto ou leio alguns aFsurdos, s% posso dedu7ir ;ue o cidado

emissor da in!ormao est> muito, ou totalmente e;uivocado"

Como consigo essa !aan5a de editar vdeos A+33[ nesse

laptop de 1 G$ de R.), processador core duoH 1,D G57 I, [ de D0

G$ e placa de vdeo integrada =

Primeiro, ten5o um sistema ;ue aproveita mel5or o meu

e;uipamento, pois no !oi proSetado para !orar uma oFsolescncia

programada, no !oi proSetado para garantir a venda de $ardware.

)uito pelo contr>rio, ele < desenvolvido para manter#se !uncionando

da !orma mais aFrangente possvel" Esse < o G+T3inuM"

*utro !ator importante < ;ue em derivados de +niM, como < o

caso do G+T3inuMU no eMiste !ragmentao de [ como em outros

sistemas de ar;uivos" em !ragmentao de ar;uivos no [, a edio

do vdeo S> no !ica to comprometida"

* software ;ue ven5o utili7ando para editar vdeos no

G+T3inuM < o Ldenlive, ;ue possui um recurso muito interessante,



45/114

45 RICARDO GRAA WWW!RICOLANDIA!COM;ue < a gerao deprox clips" +mprox clip< um clipem FaiMa

;ualidade do seu vdeo importado para o proSeto, geradoautomaticamente" Yoc edita todo o proSeto em FaiMa ;ualidade, e no

momento de eMportar para o vdeo !inal, o Ldenlive utili7a as versBes

originais dos clipes importados"

I1?,". &% +'$#1 HT=, S+1$,# C=1%" - D$?&% %$ E&'1$&% G$1(1!

ote, na imagem, ;ue os clipes importados so marcados

com a letra QP , no canto superior es;uerdo" Essa pe;uena sinali7ao

avisa ;ue oprox clip!oi gerado para o clipe importado"

o 5> nen5uma m>gica, apenas con5ecimento su!iciente

para se aproveitar mel5or um e;uipamento antes de descart>#lo" Esse

con5ecimento, di!icilmente encontraro no estudo acadmico voltado

para produo audiovisual" Portanto, Samais se limitem ao estudo

acadmico, pois este < totalmente contaminado pelos mesmos

processos e pelas mesmas resistncias"



46/114


Etapas para a produo de uma animao

Pr-Produo

Ideia

+ma ideia < sem d&vida o ponto de partida" empre ;ue crio

uma animao, penso na mensagem ;ue ;uero transmitir" epois de

de!inir a ideia ;ue ser> transmitida, penso em como contar essa

5ist%ria" +ma coisa ;ue sempre digo aos meus alunos,


47/114


Argumento

Esta parte < onde de!inimos o ;ue < a 5ist%ria a ser contada, rios, planos e sons de um !ilme, al


49/114


Plano americano: onde mostramos o personagem do ;uadril

para cima H !oi criado para mostrar o coldre das armas dos!ilmes de !aroeste I"

Plano portrait, ou plano retrato: mostra do Fusto para cima"

Plano close, ou plano !ec5ado: mostra uma parte destacada,

como um rosto, uma mo"

Produo

Stor"#oard

Com o storFoard podemos ter uma noo mel5or dos planos

de cada cena e tamFudio < sempre compleMo, apesar

de parecer uma etapa simples" 4emos as locuBes, as tril5as musicais eos sons de amFiente" .ltico"

4emos os sons monos, est


50/114

50 RICARDO GRAA WWW!RICOLANDIA!COMdiminuio de som ;uando um oFSeto em movimento passa pr%Mimo

do receptor I de uma amFulZncia passando" .l


51/114


52/114


Operando os softwares ) programas decomputador *

[oSe em dia, em praticamente todas as etapas de uma

produo, os computadores so utili7ados" Para cada tare!a eMiste um

software HprogramaI, ;ue desempen5a o papel de !erramenta para a

eMecuo da tare!a" ependendo da compleMidade do software, pida em ;ual;uer !erramenta de Fusca na -nternet por QliFreo!!ice

template, ou QliFreo!!ice modelo" EMiste um modelo S> pr


54/114

54 RICARDO GRAA WWW!RICOLANDIA!COMComo podem ver na imagem acima, o 3iFre*!!ice -riter utili7ava previamente outros editores do

mercado" EMistem, na internet, alguns modelos de documentos para

roteiros a serem utili7ados no 3iFre*!!ice (riter" Com ma simplesFusca, na sua !erramenta de Fusca !avorita, < possvel encontrar os

modelos"

ote ;ue, na Farra de !erramentas mostrada aFaiMo,

encontram#se trs cones di!erentes, ;ue no aparecem como padro"

Esses cones so de outro addon, o writerepub, ;ue salva seu proSeto

em !ormato epuF H e#Foo' para dispositivos m%veisI"

http://cogroo.sourceforge.net/download/current.htmlhttp://cogroo.sourceforge.net/download/current.html


55/114


B1$$1. &, M,"' , ,$$1,"#1. &% L$,O+,!

CE+T.

Aormatando um roteiro no CE34K, S> nos custa um Freve

estudo do software" .pesar de Fem intuitivo e em mais de 20 lnguas,

re;uer alguma ateno para sua utili7ao"

-nter!ace inicial:

J> na tela inicial, o CE34K nos mostra os tipos de modelos

de documentos, os proSetos criados recentemente e alguns eMemplos

para estudo" elecionando o modelo Ailme, ele aFre uma nova

inter!ace para ;ue possamos criar nosso roteiro"



56/114


a inter!ace de produo de teMto, oFservamos v>rias >reas e

guias ;ue !acilitam o entendimento da !erramenta"

*-$arra de atal5os Vs !erramentasU

- Janelas de $iFlioteca do ProSetoU

Encontramos recursos para nosso !ilme" o eles, o cat>logo

principal, ;ue cont


57/114

57 RICARDO GRAA WWW!RICOLANDIA!COM5-.Fas de m%dulos

Roteiro, !ormataoTPA, Aic5as, P>gina de ttulo eRelat%rios

6-otas, )dia e .n>lise 4udios relacionados

e ainda uma an>lise tlogo do proSeto, pode#se relacionar itens como atores,

cZmeras e todo tipo de atividade ou e;uipamento de uma produo"

Cada novo item, ou componente, pode ter uma descrio detal5ada,

assim como ar;uivos de mdia para complementar a in!ormao" .l


58/114


E.%(% &% P1"%

a guia EsFoo do plano, pode#se criar um es;uema de cena,

utili7ando oFSetos do pr%prio programa" * CeltM conta com servio

online e pacotes eMtras, pagos" 4odos os eMtras podem ser compradosatrav detectamos a !ormatao com diviso de cenas,



59/114

59 RICARDO GRAA WWW!RICOLANDIA!COMpersonagens, di>logos e descrio de planos" a guia de CenasH?I, S>

oFservamos a relao de cenas, criada automaticamente atrav


60/114

60 RICARDO GRAA WWW!RICOLANDIA!COM((("gimp"orgI, !a7er uma Fusca r>pida e instalar o plugin"

* processo de criar um storFoard pelo Gimp consiste emdesen5ar cada ;uadro em uma camada di!erente, depois escol5er a

opo QYdeo no menu do GimpH ap%s a instalao do plugin G-)P#

G.PI, e em seguida escol5er a opo Qividir imagens em ;uadros"

esta !orma o Gimp eMporta cada camada HlaerI como uma imagem

separada em alguma pasta de sua escol5a"

Yamos, primeiramente con5ecer a inter!ace do Gimp:

1# )enu principalU

2# $arra de !erramentasU

?# $arra de opBes de !erramentasU

Para cada !erramenta selecionada na Farra de !erramentas,

aFre#se uma gama de opBes de con!iguraBes"

D# rea de traFal5oU

http://www.gimp.org/http://www.gimp.org/http://www.gimp.org/


61/114

6* RICARDO GRAA WWW!RICOLANDIA!COM@# .Fas Hcamadas, canais, camin5os, 5ist%rico, con!igurao de

pincrias camadasH>rea @I

com desen5os di!erentes, e no menu principalH>rea 1I, encontramos a

opo QYdeo" ote, esta opo de menu somente aparece ap%s a

instalao do pacote G-)P#G.P"

Passo a passo para criar um storFoard animado no Gimp:

Primeiro, criamos um novo documento:

)enu .RW+-Y* *Y.

* Gimp apresenta uma s


62/114


O possvel escol5er diversos modelos dedocumentos e ainda o tipo de unidade de

r

com sua opacidade alterada para @0, v>rias ve7es para

termos um n&mero consider>vel de !rames iniciais" Eu

geralmente duplico 10M para ter pelo menos 10 ;uadros

de animao H !rames I"



63/114


. ordem de desen5os < de FaiMo para cima, onde, antes de

comear a desen5ar o primeiro ;uadro, desaFilito a visuali7ao de

todas as camadas, e vou 5aFilitando novamente na medida ;ue crio

um novo desen5o na pr%Mima camada"

Para 5aFilitar e desaFilitar a visuali7ao de uma camada, Fasta

clicar soFre o cone de um ol5o na !rente da camada" *Fserve na

imagem acima"

Para reprodu7ir a animao, v> em A-34R*

.-)./* REPR*+b-R"



64/114


Para eMportar a se;uencia de camadas como imagens distintasem seu computador, Fasta ir em YE* -Y--R -).GE E)

W+.R*"

Esse es;uema de storboard< para ;ue eu possa utili7ar as

imagens geradas pelo Gimp, no editor de vdeo H LdenliveI" *u seSa,

eu crio um documento no Gimp com as dimensBes de uma imagem

em ` de A+33[ H 120M100 I ou no padro Y#1 idescreenH 6DMD6 I e ap%s eMportar a se;uencia de imagens do Gimp, as

utili7o como imagens no editor de vdeo para a montagem de um

animatic Hse;uencia animada de imagens do storboardI"

D,.,"=1"&% .#%$@%1$& +% % I"J.+1,

Para o !ormato de storboardimpresso, utili7o o -n'scape H

((("in'scape"orgI" YeSa imagem aFaiMo:

Yamos con5ecer um pouco do -n'scape e de sua inter!ace"

http://www.inkscape.org/http://www.inkscape.org/


65/114


* -n'scape < um so!t(are de desen5o vetorial com diversosrecursos poderosos, onde destaco as !erramentas de desen5o de caneta

, l>pis e Fe7ier com entrada e sada triangularU permitindo a emulao

de uma pena" .liada a essas !erramentas de desen5o, o

recon5ecimento de presso de tablets permite traos !inos e grossos"

oFre a inter!ace do -n'scape mostrada na imagem anterior :

1# )enus de !erramentas, e!eitos e operaBes2# *pBes de !erramentas" o caso, mostrando as opBes da

!erramenta caneta, con!igurada para um tipo de trao ;ue < mostrado

na imagem"

?# Aerramentas : eleo, edio de n%s, esculpir n%s, 7oom,

retZngulo, caiMa ?, elipse, polgono, espiral, l>pis H mo livre I,

caneta F!ica, teMtos, spra de oFSetos, Forrac5a e

lata de tinta"

D# rea de traFal5o: < con!igurada em .RW+-Y*

PR*PR-E.E * EE[*, e conta com diversos modelos de

p>ginas H.D, .?, .2, .1, etc" I"

@# Paletas de cores

6# Janela de camadas: .s camadas aceitam suFcamadas e propriedades

de composio com as demais H normal, multiplicar, etc"I"

8# .tal5os

Com a devida apresentao ao -n'scape, vamos entender a

criao de um storFoard a ser impresso" Primeiro, criamos um novo

documento" Yamos utili7ar o taman5o .D"



66/114


.p%s escol5er o novo documento no

!ormato deseSado, .Friremos a Sanela

de camadas para organi7ar os oFSetos

do nosso proSeto, no caso, o

storFoard"

Para aFrir o gerenciador de camadas, v> no

menu C.).. GEREC-.*R E

C.).., ou o atal5o [-A4C4R33" Com a

Sanela de camadas, aFerta, crie uma nova camada

clicando no cone Q" *Fserve ;ue nesta Sanela,

eMiste controle de opacidade para cada camada e ainda

o mode de mistura" a primeira camada crio as

molduras do storFoard e na segunda, os desen5os"

* gerenciador de camadas do -n'scape possui recursos de

travar a camada e esconder sua visuali7ao"

Para criar os ;uadros de moldura do storFoard, v> na Farra

de !erramentas e selecione a opo de RE4G+3*" .rrastando o

cursor em uma diagonal, o retZngulo < criado" Para aSustar as

dimensBes do oFSeto, v> na Farra superior ao documento e altere as



67/114

67 RICARDO GRAA WWW!RICOLANDIA!COMdimensBes e a unidade con!orme sua necessidade"

ote na imagem acima, ;ue, ainda com a !erramenta de

retZngulo selecionada, as propriedades do oFSeto so mostradas naFarra acima" *s valores e [, correspondem, respectivamente, a

largura e alturaU RM e R so arredondamento dos cantosU e por &ltimo,

o menu dropdowncom as letras pM, indicam a unidade"

.p%s criar o primeiro retZngulo, ;ue corresponder> a min5a

moldura do storFoard, duplicamos o oFSeto clicando com o Foto

direito e selecionando a opo +P3-C.RU ou simplesmente

utili7amos o atal5o C4R3" uplicando o retZngulo v>rias ve7es, o

pr%Mimo passo < alin5ar e distriFuir os oFSetos"

Para aFrir a Sanela de alin5amento e distriFuio, v> no menu

*$JE4* .3-[.R E -4R-$+-R, ou simplesmente utili7e o

atal5o [-A4C4R3." a imagem acima, a Sanela de alin5amento e

distriFuio S> aFerta, e acima da Sanela de camadas"



68/114


.lin5a e distriFuir oFSetos no -n'scape pode estar relacionado,

por eMemplo, V p>gina, ao primeiro oFSeto selecionado, ao &ltimo

oFSeto selecionado, ao maior taman5o, ao menor taman5o"

Para visuali7ar a p>gina .D inteiramente ou parcialmente, v>

na !erramenta de b**), e atravpidos e V mo livre, pre!iro utili7ar a

!erramenta C.E4. C.3-GRA-C."

*Fserve as con!iguraBes das propriedades da caneta logo

acima do documento" *Fserve tamF

logo acima da camada das molduras" .p%s os desen5os, voc pode



69/114


70/114


1# )enus de operaBes F>sicas"

2# Controles de reproduo

?# *pBes de !erramentas: seleo, envelope, l>pis, 7oom, aSuste de

tempo e controle m&ltiplo"

D# rea das tril5as de >udio

@# *pBes de taMa e seleo

6# .tal5os para operaBes de copiar, colar, velocidade de reproduo e

7oom"

.gora ;ue S> !oram devidamente apresentados V inter!ace do

.udacit, vamos V captao do >udio"

. ;ualidade da captao depende diretamente da ;ualidade do

e;uipamento e do amFiente isolado" Para a captao de locuo,

recomendo micro!ones cardi%idesHdirecionaisI e condensadoresHde

alimentao contnuaI" +ma mesa de D canais e uma inter!ace digital



71/114

7* RICARDO GRAA WWW!RICOLANDIA!COMpara Sogar o >udio como dados para o computador" EMistem algumas

inter!aces acessveis, de FaiMo custo" EMistem outras soluBes atravudio para

D000" +tili7amos D000 [7 H ou D L57 I pois se o produto !inal !or

um Y, ou um $3+#R.], S> estamos com o >udio na taMa de

amostragem deseSada" Esse aSuste de >udio pode ser !eito na >rea @,

oFserva na imagem anterior"

*utra ;uesto, < de!inir os canais de entrada, no caso de

locuo, pre!iro gravar em mono" YeSa na imagem:

Clicando no Foto de gravao H Foto redondo e vermel5o I,

o .udacit comea o registro do >udio captado" Para interromper a

gravao, Fasta clicar no Foto de parar H stop, representado por um

;uadrado amareloI"

Com o >udio captado, vamos agora Qtratar esse >udio de

!orma r>pida e simples"



72/114


. primeira etapa < a remoo do rudo do micro!one" E para

isso, note, ;ue na tril5a eMistem alguns segundos de

QsilncioHimagem acimaI, antes da locuo comear" Esses poucos

segundos deiMados, so propositais, pois nos servem para o .udacit

locali7ar o rudo"

Para utili7ar a remoo de rudo, primeiro, selecione a >rea

inicial, com a;ueles segundos eMtras de QsilncioU ento v> em:

EAE-4* RE)*YER R+*" .p%s aparecer a Sanela de

con!igurao, cli;ue em *L e a Sanela se !ec5ar>" Yoc ver> sua tril5a

de >udio novamente, ento, selecione toda a tril5a de >udio e reaFra

RE)*YER R+*" esta ve7, ele remover> o rudo de toda a tril5a,

utili7ando, como Fase, a >rea inicial"



73/114


. segunda etapa < utili7ar o C*)PRE*R no >udio" *e!eito de compressor aproMima os picos de >udio com os sons mais

FaiMos, diminuindo essa di!erena" Esse e!eito torna o >udio mais

ntido e cristalino" EAE-4* C*)PRE*R"

. terceira etapa do tratamento de >udio F>sico, udio" ormali7ar, signi!ica pegar todos os picos de

>udio e nivelar todos eles para um &nico nvel, geralmente em 0dF"

EAE-4* *R).3-b.R"



74/114

74 RICARDO GRAA WWW!RICOLANDIA!COMPor &ltimo, < escol5er o !ormato de >udio ;ue mel5or l5e

atenda" * .udacit eMporta em diversos !ormatos, como )P? e .Y,porrea"

. instalao do Ldenlive no G+T3inuM, < Fem simples,

pois encontra#se nos principais reposit%rios, Fasta acessar a central deprogramas e procurar pelo editor" -n!eli7mente o Ldenlive no eMiste

para usu>rios indo(s, mas pode ser instalado em sistema )ac*s"

Con5ecendo a inter!ace do 'denlive:



75/114


1# )enu de operaBes e atal5os para aFrir, salvar e renderi7ar oproSeto

2# rvore do proSeto, onde se encotram todos os clipes, >udios e

imagens importadas"

?# E!eitos, con!igurao de e!eitos e transiBes

D# )onitor de clipes e proSeto

@# 3in5a de tempo H timeline I6# )onitor de >udio H Y+ I

8# Aerramentas e operaBes de clipes

* Ldenlive possui uma inter!ace Fem intuitiva e suporta

v>rios !ormatos de ar;uivos" * pr%Mimo passo, ap%s instalar o

Ldenlive < con!igurar a gerao dos prox clips. Con!orme

mencionado anteriormente, os prox clips so c%pias em FaiMa

;ualidade dos clipes importados para o proSeto"

Para con!igurar a gerao dessas c%pias em FaiMa ;ualidade,

precisamos locali7ar na guia de menu E44-G , depois

C*A-G+RE LE3-YE e por &ltimo em P.R* E PR*JE4*

e marcar as caiMas de gerao deprox"

o estran5em essas palavras em portugus e

ingls ao mesmo tempo" -sso ocorre devido a

constante atuali7ao do programa sem o tempo

5>Fil de sua traduo para nosso idioma"



76/114


K1",1 &, +%"?'$1()% &, $%@!

Em alguns sistemas, a gerao de proM no ocorre, devido a

um erro entre o AA)PEG e o Ldenlive" Para corrigir esse erro,

clicamos no cone da c5ave de roda, mostrada acima para ;ue

possamos con!igurar a lin5a de c%digo para gerao dos clipes de

proM" .p%s clicar neste cone, uma outra Sanela se aFrir>" Con!igure a

lin5a de c%digo pela mostrada aFaiMo:

a verdade, a &nica mudana, < em

relao ao tipo de >udio, ;ue por

padro < )P?H#acodecIU e alteramos

para )P2H#acodec mp?I"



77/114


.p%s a con!igurao do 'denlive para a gerao dos clipesem FaiMa ;ualidade, importamos os ar;uivos de imagem e >udio para

nosso proSeto" * 'denlive arma7ena todos os ar;uivos importados na

>rea c5amada de Qrvore do proSeto" 3ocali7e os ar;uivos ;ue deseSa

Sogar para a timelineH lin5a de tempo I e arraste para a mesma"

*Fserve o pe;ueno cone de adiode clipes" *utra opo < atrav


78/114


a tril5a Qvideo 1, Sogo todas as imagens geradas

anteriormente pelo GimpHimagens do storFoardI, e na tril5a Qaudio

1, Sogo todas as !aiMas de >udioHno caso so locuBesI" Com essa

montagem entre imagens de storFoard e todos os sons, S>

conseguimos analisar mel5or todos os nossos planos, o tempo de cada

cena e o tempo total do !ilme, se !or o caso" Wuando S> tivermos todas

as cenas animadas, suFstitumos neste mesmo proSeto, pelas imagensest>ticas do storFoard"

.t< essa etapa, ;ue compreende desde o roteiro at< a criao

do storFoard e dos >udios, todos os processos so iguais" * ;ue muda

da;ui em diante < a escol5a da tsica da marca .C*)"



79/114


EmFora eu pre!ira desen5ar em papel, 5oSe, S> me ade;uei autili7ao de todo o processo digitalU por conta do desperdcio de

papel" -magine ;ue para ?0 segundos de animao eu precise utili7ar

pelo menos ?00 !ol5as de papel .D, considerando 10 ;uadros por

segundo"

* custo de uma tabletdesta marca mencionada H no estou

!a7endo propaganda, apenas a utili7o por ter suporte em amFienteG+T3inuM I < Fem menor do ;ue v>rias resmas de papel, somadas

aos l>pis, tintas e ainda o proFlema de procurar um lugar para marcar

o papel propriamente para entrar na r


80/114


* 4upi#)agia 2, possui uma inter!ace voltada para o tipode animao ;uadro#a#;uadro, assemel5ando#se a alguns softwares

propriet>rios do mercado"

E"#,"&,"&% 1 I"#,$1+,

1# esta >rea, identi!icamos: * menu principal, com as principais

operaBes, desde salvar o proSeto, at< copiar e colar oFSetosU as aFas

dos m%dulos, onde identi!icamos o m%dulo de desen5o e animao, o

m%dulo de pr


81/114

8* RICARDO GRAA WWW!RICOLANDIA!COMD# *pBes de camadasU e as camadas divididas em colunas, contendo

os ;uadros de animao, um aFaiMo do outro"@# .tal5os para opBes de visuali7ao

+m recurso novo, ;ue apareceu na verso 0"2, < o de

storFoard, onde a primeira camada H laer I, pode ser utili7ada para a

construo de um storFoard" YeSa imagem aFaiMo:

epois de desen5adas, todas as cenas podem ser eMportadas

como se;uencias de imagens" +m processo at< mais r>pido do ;ue

pelo pr%prio Gimp#Gap"

Costumo utili7ar a animao tradicional para as animaBes

Frutas, onde no me preocupo com a arte !inal e cores" O o ;ue

apresentarei a;ui" . primeira ao, depois de aFrir o programa, < criar

um novo proSeto com as dimensBes deseSadasU ;ue, em nosso

eMemplo, ser> com o taman5o 6DMD6 piMelsHY#1 f 4C

idescreen I" Para criar um novo documento, v> em A-3E E

PR*JEC4, ento uma Sanela de con!igurao se aFrir>, con!orme



82/114

8 RICARDO GRAA WWW!RICOLANDIA!COMmostrada aFaiMo:

* 4upi ainda est> na verso $eta, e por isso no

tem todos os recursos 5aFilitados, como por

eMemplo o 4upituFe, como mostrado na imagem

ao lado"

Em nosso eMemplo, vamos importar para uma camadaHlaerI, um ;uadro de cena do storFoard, previamente desen5ado no

Gimp, ento criaremos a se;uencia de imagens para a animao Fruta

em uma outra camada HlaerI"

Primeiro, importamos a cena do storFoard"

-)P*R4 $-4).P" ote ;ue eMistem ;uatro

opBes de importao: $itmap, $itmap .rra Hse;uncias de

imagens I, YG e YG .rraHse;uncias de YGI"

YG < o !ormato aFerto para ar;uivos de imagens vetoriais" O

to poderoso, ;ue pode ser inserido em um ar;uivo [4)3,

simplesmente copiando e colando seu c%digo, pois tamF


83/114


84/114

84 RICARDO GRAA WWW!RICOLANDIA!COMdividindo em caFea, trono, Frao e FraoE" esta !orma, passo a

desen5ar um novo ;uadro apenas para a parte ;ue ser> animada"+tili7ei uma cor di!erente para cada parte, !acilitando, desta !orma, o

entendimento do ;ue est> sendo animado" Aeito isso, posso testar a

animao na guia QPlaer, acima da >rea do desen5o"

.o lado da guia QPlaer, est> a guia Q[elp, com uma

documentao clara soFre a utili7ao do so!t(are" * 4upi < um

programa ;ue, apesar de estar na !ase $E4., S> < uma !erramenta ;uepode ser utili7ada para diversos !ins"

.FaiMo, a imagem da guia Q[elp:

Para mais elementos no palcoH>rea de desen5oI, Fasta

acrescentar outras camadas e conse;uentemente, os ;uadros

respectivos ao movimento deseSado"

.p%s testar a animao, na mesma guia QPlaer, < possvel

eMportar a animao para vdeo ou como se;uencias de imagens"



85/114


Animao T6eening

. animao do tipo tweening, traFal5a com interpolao

autom>tica de oFSetos, criando, desta !orma, os intermeios para

completar os movimentos de um ;uadro#c5ave a outro"

Para criar esse tipo de animao, utili7aremos o n!ig,

por estudamos um pouco do -n'scape anteriormente, e neste

momento, veremos mais de seus recursos"

Primeiramente, criamos um novo documento padro, e

con!iguramos esse documento do -n'scape para o taman5o deseSado,



86/114

86 RICARDO GRAA WWW!RICOLANDIA!COMno caso, 120M100 H A+33[ I" Para tal, entramos no menu

.RW+-Y* PR*PR-E.E * *C+)E4*" esta Sanela,encontramos diversas opBes e pr de re!erncia para a arte !inal ilustrada"



87/114


Com a imagem Fruta importada na primeira camada,comeamos a ilustrar nosso personagem" Primeiro uma camada

c5amada de Qclean up, ;ue < um desen5o mais limpo do ;ue o

anterior, apenas para !acilitar a visuali7ao"

Para o desen5o Qclean up, utili7o a !erramenta Qcaneta

caligr>!ica, ;ue < representada pelo cone de uma caneta, na Farra de

!erramentas V es;uerda da >rea de traFal5o" Yale lemFrar ;ue a

!erramenta recon5ece presso das mesas digitali7adoras"

Para desen5ar as partes do corpo, divididas em camadas,

utili7ei a !erramenta de desen5o /e"ier H criar camin5o atrav


88/114


* -n'scape possui diversos recursos para o desen5o vetorial,assim como diversas opBes para preenc5imento e contorno"

Para traar o Frao do inSa 4uM,

utili7ei a !erramenta QCaneta

$e7ier, ;ue marca n%s aos cli;ues

do mouse. .p%s desen5ar os n%s,aSustei suas posiBes e suavidade

atrav sinali7ada em vermel5o na parte superior da imagemHna

parte in!erior est> a caneta F


89/114


. imagem !inal do personagem, pronto para ser salvo no !ormato -A:

Animando as poses no S"nig

.p%s aFrir o ar;uivo -A gerado pelo -n'scape, oFervamos as

v>rias camadas relativas Vs partes do corpo do personagem a ser

animado" .ntes de mais nada, vamos con5ecer a inter!ace do n!ig e

entender o seu modo de !uncionamento"



90/114


a inter!ace do n!ig tudio, encontramos os principais recursospara sua utili7ao"

1# $arra de !erramentas" * n!ig conta com !erramentas de criao e

edio de n%s, mas o desta;ue vai para a !erramenta de edio de

contornos"

2# .tal5os para: edio de alas de n%s, espessura de contorno,mudana de resoluo, visuali7ao e alin5amento de grade,

visuali7ao de casca de ceFola, renderi7ao para ar;uivo e pr uma timeline

para visuali7ar toda a animao, apenas de cada oFSeto selecionado"

+ma !orma de visuali7ar todos os ;uadros#c5aves de toda uma cena psula" EMplicarei mais V

!rente"

6# Janelas de camadas e grupos de !erramentas"



91/114

9* RICARDO GRAA WWW!RICOLANDIA!COM8# Janelas de opBes, 5ist%rico e navegador de tela"

# avegador de tela e in!ormaBes de navegao"o n!ig, as camadas so c5amadas de c>psulas, e sua

animao < representada na timeline H lin5a de tempo I da inter!ace do

n!ig" * conceito de c>psula < Fem interessante e inovador, S> ;ue o

n!ig anima tudo dentro de uma c>psula, e esta pode, a ;ual;uer

momento, ir para dentro de outra c>psula sem perder a sua pr%pria

animao" Esse recurso < tamF contendo

todas as outras aFaiMoU e os e!eitos esticar,

girar, mover e cale esto eMercendo

in!luncia soFre todas as demais, aFaiMo" Cada

uma das c>psulas pode ter outros e!eitos dentro de

si, eMercendo in!luncia apenas nos oFSetos em seu interior"

* n!ig < um so!t(are de animao, ;ue traFal5a tanto com

imagens vetoriais, ;uanto bitmaps" entre suas principais

caractersticas, podemos destacar o uso de 'e!rames H ;uadros#

c5aves I e (apoints H pontos de mudana IU como tamFvel, desde a troca de uma imagem importada, at< as

cores do contorno de um vetor" *utro recurso ;ue c5ama a ateno, psula para a camada

da imagem Fitmap" Com a c>psula criada, vou criar o Frao do inSa

4uM em vetor, no pr%prio n!ig, e em uma camada

acimaHposteriormente encapsuladaI" Para criar esse vetor do Frao,

utili7o a !erramenta $lineHe;uivalente a !erramenta Caneta $e7ier do

-n'scapeI" YeSa aFaiMo:



95/114


*Ferver ;ue ao selecionar a !erramenta $line, as opBes parasua criao aparecem no canto direito, acima da Sanela de camadas"

eiMo marcada,s para esse caso, as opBes de Criar $line de

Contorno avanado e Criar regio $lineh" o n!ig, Regio $line

corresponde ao interior do contornoHconsiderado um outro oFSetoI"

.gora comeo a traar o Frao, com apenas seis pontosHcli;ues de

mouseI" YeSa os pontos criados na !igura aFaiMo:

.utomaticamente, o n!ig cria as novas camadas,

correspondendo ao contorno e preenc5imento do Frao" Para

encapsular essas novas duas camadas, Fasta selecion>#las com a tecla

[-A4U Foto direito do mouse soFre a ;ue est> mais

acimaHcorrespondendo a camada do contornoI e escol5endo a opo

QEncapsular"

* contorno e o preenc5imento, esto dentro da nova

c>psula, S> renomeada para QFrao"



96/114


o n!ig, podemos animar, deslocando o oFSeto Hc>psulaI ,ou deslocando os n%s do vetor" .l animada"

a lin5a de tempo, oFservamos a posio do ;uadro e a

criao dos ;uadros#c5aves Hlosango amareloI" $asta indicar, na lin5a

de tempo, em ;ual tempo 5aver> mudana e ento manipular os n%s

do desen5o"



97/114


* n!ig possui cinco tipos de ;uadro#c5ave: ClampedU 4C$U

ConstantU Eas inToutU e 3inear"

Cada tipo de ;uadro#c5ave gera um e!eito di!erente no

deslocamento dos oFSetos, com eMceo do QConstant, ;ue ao inv


98/114

98 RICARDO GRAA WWW!RICOLANDIA!COMdentro das c>psulas, para animar os oFSetos sem ter ;ue manipular os

n%s dos vetores" .penas apresentei uma !orma de animar"+tili7o os controles de rotao para animao de recortes,

;ue vocs podem con!erir no meu curta Qistemas, onde todos os

ar;uivos#!ontes tamF


99/114

99 RICARDO GRAA WWW!RICOLANDIA!COM1@000 H para Y#1 4C idescreen I"

Editando a animao no 2deni(e

Com as cenas em )PG, eMportadas pelo n!ig, importamos

no Ldenlive para a montagem !inal da animao" Com Fase no proSeto

de edio utili7ando imagens est>ticas do storFoard, Fasta suFstituir

as imagens pelas cenas em vdeo"Com os vdeos devidamente posicionados na lin5a de tempo,

veri!icamos a nossa produo, e novamente eMportamos o vdeo

pronto!

Animao 5/ no %ender* $lender < um so!t(are de animao ?, mas pode ser

utili7ado para animaBes 2, com todos os seus recursos de ?"

.Fordo a;ui, neste livro, a utili7ao do $lender para animar

em 2, utili7ando o recurso de Q.rmature ou Qossos para

controlar um personagem" Gostaria de esclarecer tamFpido

como esteU por esse motivo, para esta parte !inal deste livro, ;ue

trata de sua utili7ao para esse tipo de animaoH2I, estou

considerando um con5ecimento prsicas"

e ;ual;uer !orma, tentarei ser o mais claro possvel



100/114


para ;ue possam utili7>#lo para o !im proposto" Este < o $lender

2"6?:

Como so!t(are ?, o $lender mostra, em sua tela

inicial, uma cena em perspectiva, com o oFSeto cuFo" Parautili7armos o $lender de !orma a montar uma animao 2,

precisamos primeiramente !a7er trs operaBes:

1# [aFilitar o addon Qimport images as planes, para ;ue

possamos importar imagens como planosHem ?, uma imagem

2 precisa ser carregada como uma teMtura de algum oFSeto, no

caso, um planoIU

2# Precisamos alterar a visuali7ao da cZmera para !im de

mostrar apenas um eiMo, e no um cen>rio em perspectiva ?U

?# .lterar a pr


101/114

*0* RICARDO GRAA WWW!RICOLANDIA!COM

1# [aFilitando o addonQimport images as planes:

Y> em A-3E +ER PREAERECE" +ma Sanela se

aFrir> e ento v> na guia .*" Procure por Qimportimages as planes e 5aFilite#o, marcando a caiMa V sua direita"

Para no ter ;ue repetir esta operao toda ve7 ;ue aFrir o

$lender, cli;ue soFre o Foto Qave as e!ault""", ento esta

deciso !icar> salva"

* pr%Mimo passo < colocar a cZmera da viso do topo"

Essa escol5a no < aleat%ria, acontece por;ue ao importar

imagens como planos, eles !icam assentados na Fase do cen>rio,

ou seSa, no Qc5o" Para isso v> em Y-E 4*P , ou utili7e o

atal5e +)P. 8"

.tal5os so !undamentais para operar o $lender"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES *0*


102/114


YeSa a imagem aFaiMo:

epois de alterar o modo de visuali7ao para Q4op, sendo utili7ada"



107/114


Criaremos a cadeia de ossos" Para tal, entramos

novamente em modo de edioHtecla 4.$I" Aeito isso,

selecionamosHcom o Foto direito do mouseI a ponta do osso eduplicamos com a tecla de atal5o EU arrastamos para o centro do

QFraoU !a7emos mais uma ve7 at< a ponta, e outra ve7, ;ue

ser> utili7ado posteriormente como osso da mo"



108/114


amos do modo de edio pressionando novamente atecla 4.$, e ento ligamos o plano ao osso" Para essa ligao,

primeiramente selecionamos novamente o plano com o Foto

direito do mouse, e ento, com a tecla [-A4 selecionada,

selecionamos nossa cadeia de ossos" Com amFos selecionados,

utili7amos o atal5o C4R3PH;ue signi!ica: criar parentescoI"

Aeito isso, nesta ordem, a nossa mal5a agora est> vinculada V

cadeia de ossos"

+ma pe;uena Sanela se aFre, com opBes de vnculo,

;ue para o nosso caso, nos serve a opo Qit5 automatic

(eig5ts, ou seSa, com pesos autom>ticos" . partir deste

momento, com o vnculo !eito, podemos manipular os ossos e a

mal5a do plano o acompan5ar>" Para manipular os ossos, Fasta

mudar o modo de manipulao do mesmo para QPose mode"



109/114


YeSa aFaiMo:

J> em QPose mode, Fasta selecionar o osso deseSado e

rotacion>#lo" Para isso, use a tecla de atal5o R e mova o mouse"

.gora, veSa aFaiMo, um personagem totalmente

preparado para ser animado" ote ;ue alterei o modo de

visuali7ao dos ossos de Q*ctaedron para Qtic'U onde posso



110/114

**0 RICARDO GRAA WWW!RICOLANDIA!COM

visuali7ar mel5or as imagens"

Para troca de imagens, &til para mudar o desen5o de

mos, Focas, ol5osU Fasta alterar o tipo de teMtura do plano para

Q-mage se;uence, di7er ;uantas imagens eMistem dentro dapasta e selecionar ;ual imagem ser> utili7ada no ;uadro

deseSado" *Fserve a imagem aFaiMo, onde a mo do

personagem est> selecionada"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES **0


111/114

*** RICARDO GRAA WWW!RICOLANDIA!COM

Para animar a troca de imagens, manipulamos trsparZmetros: 1#AR.)E, 2#4.R4 e ?#*AAE4"

1#AR.)E: a ;uantidade de imagens di!erentes para a;uele

plano" o eMemplo, so de7 imagens, representadas pelo

n&mero 10 entre parnteses"

2#4.R4: ;ual seria a primeira imagem da se;uencia" o

eMemplo, < a primeira imagem"

?# *AAE4: indica ;ual imagem, do total, est> sendo utili7ada

na;uele momento" o eMemplo, < o n&mero nove"

Consideraes inaisEn!im, espero ter l5es mostrado, no as soluBes

de!initivas, mas, uma lu7 no !im do t&nel para ;ue possam

Fuscar mais con5ecimento" Wue todos ten5am a autonomia para

suas produBes"

Este livro < uma iniciativa livre, onde, tanto na versoimpressa, ;uanto na verso eletrNnica, voc decide o ;uanto

doar" * conte&do < livre, onde voc tem a liFerdade para copiar

e redistriFuir con!orme a necessidade" C5ega de propriedades,

de direitos patrimoniais" .penas respeite este autor ;ue

escreve, e o cite toda ve7 ;ue o utili7ar"

PRODUZINDO ANIMAES COM SOFTWARES LIVRES ***


112/114


Caso possa doar alguma ;uantia ;ue pense Susto paraeste livro, utili7e os seguintes servios:

P.]P.3, para o e#mail ricolandiagmail"com

P.GEG+R*, para o e#mail ricolandiagmail"com

e pre!erir dep%sito Fanc>rio, entre em contato comigo

atrav


113/114


QE aqueles que foram vistosdanando foram julgados insanos por

aqueles que no podiam escutar a

msica.

AR-ER-C[ -E4bC[E

PRODUZINDO ANIMAES COM SOFTWARES LIVRES **


114/114

**4 RICARDO GRAA WWW!RICOLANDIA!COM

animação com software livre.pdf

Documents