SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
MATERIAL DE APOIO À VIDEO AULA DE DESENHO ANIMADO 2D.

        Esta apostila é um material de apoio à vídeo aula de desenho animado disponível em
www.portaldodesenho.com.br e se propõe a mostrar de forma mais acessível o possível como
fazer um desenho animado em 2d, ou seja desenho animado tradicional, contornado, e usando o
sistema operacional Linux, e ou os programas;
        -Ubuntu ( JuntaDados 3.04 ), sistema operacional Linux, veja mais no link acima.
        -Inkscape, editor de desenhos vetoriais.
        -Kdenlive, editor de vídeos.
        -Visualizador e imagens do Gnome.
        Esses são programas comuns em quase todas as distribuições Linux, podem ser baixados no
link acima, também será possível realizar em sistema Windows, usando o editor editor de vídeo
MovieMaker, talvez com alguma limitação, ou outro compatível. Recomendo o JuntaDados 3.04,
por conter todos os programas de forma gratuita, se você usa pirata, pense nisso.
        Se você está lendo isso, já deve ter conhecimento sobre desenho, manual e vetorial, por isso
não vou aprofundar nesses detalhes, para quem não sabe fazer desenhos vetoriais, veja antes no
site, material disponível sobre o tema. A intenção é focar as pessoas que não dispõe de
conhecimento técnico e que acham que é preciso material sofisticado ( tirando as animações em
3D ). Na verdade o maior limitação é humana pois desenho animado é demorado de se fazer, pela
sua própria natureza, quanto mais gente melhor. Também por isso estou usando o sistema Linux que
além da qualidade estabilidade, possui todos requisitos e programas que vamos necessitar e de
forma gratuita, e também por não haver nenhum limitação legal e técnica, seguindo essa premissa,
a limitação vai depender somente do artista. Ou seja é animação de altíssima qualidade ao alcance
de todos.
        Os desenhos animados são feitos de imagens paradas ( stop motions ), que são exibidas
sucessivamente, à uma taxa de até 30 imagens por segundo, porém com 10 imagens por segundo já
se obtém bons resultados, para fazer um desenho de curta ou longa-metragem, primeiramente se faz
uma espécie de esboço em quadrinhos da história a ser animada ( history board ), para cada
quadrinho será feita uma tomada diferente ( pequeno vídeo ), que posteriormente, em um editor de
vídeo será agrupado à todas as outra tomadas, formando o filme inteiro, em seguida adicionados
sons fala e trilha sonora, nesse tutorial eu farei somente o que seria uma tomada. Também não vou
usar de nenhum artifício para agilizar, é animação em sua essência... É mais trabalhoso, mas o
resultado final será muito bom, mãos na massa.
        Minha cena imaginária será dois garotos jogando bola, primeiro vou fazer um desenho em
papel imaginando o primeiro e o último movimento;




Esse será o primeiro
quadro da animação.
Esse será o último
  quadro da animação.




       Com base nesses desenhos vamos primeiro vetorizar, ou seja desenhar no computador, e
depois criar mais imagens intermediárias. Digitalize a imagem,(passe para o computador pode ser
também por web cam o foto / celular ), não necessita qualidade é só para referência. Agora inicie o
Inkscape, e configure a página. Vamos configuar em 1920 x 1080 nesse tamanho o desenho será
exibido em tela cheia em 720 x 480 wide screen ou em alta definição (1920x 1080 ). Vá em
Editar/Propriedades do Documento/Tamanho da Página, habilite também mostrar bordas da página.




       A página está configurada, agora vamos importar as imagens escaneadas, para dentro do
Inkscape e vetorizar, ou seja desenhar sobre o desenho escaneado. Clique com o botão direito do
mouse na imagem, e em Propriedade da Imagem, marque o opção bloquear, para que o desenho
escaneado não fique solto pela área de trabalho.
Com base nas imagens, vamos começar a vetorizar.

      Você pode estar pensando, por que vetorizar?
      Simples, uma vez feito o primeiro desenho, apenas copiando e moldando fica fácil alterar o
desenho para conseguir uma outra posição, a qualidade não se altera com mudança de tamanho,
assim poderemos conseguir desenhos intermediários sem muita dificuldade.




                     Mesmo assim é demorado, o resultado vem aos poucos.
Ninguém falou que seria fácil.




       Veja como ficou as imagens, agora vou criar as imagens intermediárias, veja que agora vou
usar cópias das imagens para criar as intermediárias.
Note que cada personagem está numa posição ligeiramente diferente da anterior. Com as
imagens intermediárias feitas, vamos fazer ou colocar uma imagem de fundo, deixe a imagem um
pouco maior que a página, não esqueça que se a imagem conter degradês ou transparências, você
precisará colocar um fundo branco abaixo de todos para evitar que a imagem final fique com
alguma parte transparente. Agora vem a parte mais interessante, vamos fazer a sequência de
imagens “stop motions” já com a imagem de fundo. Posicione os personagens e numa nova pasta
salve como um novo documento, vou chamar de ( cena01.svg ) por exemplo, essa pasta deve conter
somente as “cenas” para evitar confusões posteriores.




       Agora vamos reposicionar, os outros desenhos e criar uma nova cena ( cena02.svg ), e assim
sucessivamente.
Lembre-se de bloquear as imagens de fundo para que não sejam arrastadas acidentalmente.
Depois de criadas todas a cenas, já é possível ter uma prévia da animação, vá na pasta, que você
criou e clique em abrir com visualizador de imagens. Não se preocupe com as desenhos que
estiverem fora da página de desenho, elas podem ficar em qualquer lugar fora da área que não
aparecerão no resultado final
No visualizador clique em avançar, ou em Ver/ Apresentação de Slides,ou F5 agora já é
possível ter uma noção de como será a animação real, se os movimentos não estiverem bons volte e
altere, reposicione ou arrume cada cena desejada, até ficar ideal. Se você estiver num sistema
diferente e visualizador não reconhecer imagens SVG, pode ser necessário exportar cada imagem
feita como bitmap, programas mais antigos podem não reconhecer o padrão SVG. No Ubuntu um
modo de se fazer isso é no próprio visualizador de imagens; abra a imagem clique em
Arquivo/Salvar Como, use PNG ou JPG. Outra forma é exportar a partir do próprio Inkscape.




                                     Exportar no Inkscape:




                   Sempre exporte para uma pasta nova para evitar confusões.
Atenção selecione a aba exportar área da página, com resolução 1920x1080. Quando todas
as cenas estiverem boas, abra o kdenlive, e em Configurações selecione HD 1080. Lembrando que
no final você poderá exportar tanto no padrão DVD ou HD/blue-ray. Na opção “Clipes de Imagem”
deixe em 00:00:00:03, isso vai fazer cada imagem ocupar 3 quadros da linha de tempo do editor de
vídeo, ou seja 10 quadros por segundo. Feche e reinicie o Kdenlive para que as mudanças façam
efeito.




        Com Kdenlive aberto arraste ou importe as imagens para a Arvore de Projeto.
Agora selecione todas as imagens ou arraste uma a uma para a trilha de edição de vídeo,
tecle a tecla longa do teclado ( tabulador ) para assistir a prévia, se estiver tudo bom clique em
renderizar, selecione MPEG-2 10000k, redimencionar 720x480, ou h.264/ mp4 para alta definição,
escolha um nome, clique em renderizar para arquivo, espere renderizar e seu desenho estará pronto.




      Parabéns, depois de muitas horas você acabou de criar seu primeiro desenho animado.
Mas se você ainda acha que é difícil e que não tem recursos, imagine o que Disney, Hanna
Barbera não tinham nada parecido com os recursos dispníveis hoje em dia nem mesmo um simples
computador como o seu. Uma dica importante é não tente fazer desenhos longos, a menos que você
tenha muitos desenhistas para isso. Para não desanimar faça pequenos animações, 30 segundos é o
que dura um comercial dá pra passar muitas ideias. visite: www.portaldodesenho.com.br .

Weitere ähnliche Inhalte

Was ist angesagt?

Tutorial windows movie maker
Tutorial windows movie makerTutorial windows movie maker
Tutorial windows movie makerpcpaulo
 
Tutorial movie maker
Tutorial movie makerTutorial movie maker
Tutorial movie makerlabneusa
 
Tutorial ulead video studio 9
Tutorial ulead video studio 9Tutorial ulead video studio 9
Tutorial ulead video studio 9Diego Martyns
 
Guia DVD Flick
Guia DVD FlickGuia DVD Flick
Guia DVD Flickautonomo
 
Trabalhando imagens com o gimp
Trabalhando imagens com o gimpTrabalhando imagens com o gimp
Trabalhando imagens com o gimpJocilaine Moreira
 
Tutorial movie-maker-1228496537221274-8 (1)
Tutorial movie-maker-1228496537221274-8 (1)Tutorial movie-maker-1228496537221274-8 (1)
Tutorial movie-maker-1228496537221274-8 (1)alequadrado
 
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...ProjetoLiteracias
 
Oficina Stop Motion_Aula 01
Oficina Stop Motion_Aula 01Oficina Stop Motion_Aula 01
Oficina Stop Motion_Aula 01NIVEA SANTOS
 
Como transformar uma apresentação em um vídeo digital em 10 passos
Como transformar uma apresentação em um vídeo digital em 10 passosComo transformar uma apresentação em um vídeo digital em 10 passos
Como transformar uma apresentação em um vídeo digital em 10 passosrichard_romancini
 
Advanced topics for game developers
Advanced topics for game developersAdvanced topics for game developers
Advanced topics for game developersjuliocoopergames
 
CRIANDO SLIDES SHOW USANDO O MOVIE MAKER
CRIANDO SLIDES SHOW USANDO O MOVIE MAKERCRIANDO SLIDES SHOW USANDO O MOVIE MAKER
CRIANDO SLIDES SHOW USANDO O MOVIE MAKERAndrea Bruzaca
 

Was ist angesagt? (20)

Tutorial Muan
Tutorial MuanTutorial Muan
Tutorial Muan
 
Manual gimp
Manual gimpManual gimp
Manual gimp
 
Tutorial windows movie maker
Tutorial windows movie makerTutorial windows movie maker
Tutorial windows movie maker
 
Jing manual
Jing manualJing manual
Jing manual
 
Gimp
GimpGimp
Gimp
 
Tutorial movie maker
Tutorial movie makerTutorial movie maker
Tutorial movie maker
 
Tutorial ulead video studio 9
Tutorial ulead video studio 9Tutorial ulead video studio 9
Tutorial ulead video studio 9
 
Guia DVD Flick
Guia DVD FlickGuia DVD Flick
Guia DVD Flick
 
Tutorial Movie Maker
Tutorial Movie MakerTutorial Movie Maker
Tutorial Movie Maker
 
Trabalhando imagens com o gimp
Trabalhando imagens com o gimpTrabalhando imagens com o gimp
Trabalhando imagens com o gimp
 
Tutorial movie-maker-1228496537221274-8 (1)
Tutorial movie-maker-1228496537221274-8 (1)Tutorial movie-maker-1228496537221274-8 (1)
Tutorial movie-maker-1228496537221274-8 (1)
 
Como fazer vcd
Como fazer vcdComo fazer vcd
Como fazer vcd
 
Tutorial Movie Maker
Tutorial Movie MakerTutorial Movie Maker
Tutorial Movie Maker
 
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...
O Aprendiz de Investigador: Criar um filme com o Movie Maker (Tutorial Litera...
 
Oficina Stop Motion_Aula 01
Oficina Stop Motion_Aula 01Oficina Stop Motion_Aula 01
Oficina Stop Motion_Aula 01
 
Padrão Fachada
Padrão FachadaPadrão Fachada
Padrão Fachada
 
Como transformar uma apresentação em um vídeo digital em 10 passos
Como transformar uma apresentação em um vídeo digital em 10 passosComo transformar uma apresentação em um vídeo digital em 10 passos
Como transformar uma apresentação em um vídeo digital em 10 passos
 
Advanced topics for game developers
Advanced topics for game developersAdvanced topics for game developers
Advanced topics for game developers
 
CRIANDO SLIDES SHOW USANDO O MOVIE MAKER
CRIANDO SLIDES SHOW USANDO O MOVIE MAKERCRIANDO SLIDES SHOW USANDO O MOVIE MAKER
CRIANDO SLIDES SHOW USANDO O MOVIE MAKER
 
Colocar legenda em vcd
Colocar legenda em vcdColocar legenda em vcd
Colocar legenda em vcd
 

Andere mochten auch

Tutorial primeiros passsos inkscape
Tutorial primeiros passsos inkscapeTutorial primeiros passsos inkscape
Tutorial primeiros passsos inkscapeSimeão Marchiori
 
Pps Efeitos Powerpoint
Pps Efeitos PowerpointPps Efeitos Powerpoint
Pps Efeitos Powerpointprovisioncons
 
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOS
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOSSIMEÃO MARCHIORI, PRIMEIROS QUADRINHOS
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOSSimeão Marchiori
 
Seminário arte eletrônica pdf
Seminário arte eletrônica   pdfSeminário arte eletrônica   pdf
Seminário arte eletrônica pdfNina Ferreira
 
Desenhos Animados
Desenhos AnimadosDesenhos Animados
Desenhos AnimadosSacilotto10
 
Trabalhos Inkscape
Trabalhos InkscapeTrabalhos Inkscape
Trabalhos InkscapePedro Neto
 
Triangulo Retangulo
Triangulo RetanguloTriangulo Retangulo
Triangulo Retangulojosioliveira
 
Triângulos – 8°ano
Triângulos – 8°anoTriângulos – 8°ano
Triângulos – 8°anoManuela Avelar
 
Figuras no plano
Figuras no planoFiguras no plano
Figuras no planoquesado72
 
Evolução das Artes Visuais IV
Evolução das Artes Visuais IVEvolução das Artes Visuais IV
Evolução das Artes Visuais IVrenatomacedo
 
Recu paralela(iªunidade) (1)
Recu paralela(iªunidade) (1)Recu paralela(iªunidade) (1)
Recu paralela(iªunidade) (1)ELIZEU GODOY JR
 
Relações Métricas no Triângulo Retângulo
Relações Métricas no Triângulo RetânguloRelações Métricas no Triângulo Retângulo
Relações Métricas no Triângulo Retânguloflavia222
 
Relações métricas no triângulo retângulo
Relações métricas no triângulo retânguloRelações métricas no triângulo retângulo
Relações métricas no triângulo retânguloELIZEU GODOY JR
 
Relações métricas no triângulo retângulo plano ativ. com respostas
Relações métricas no triângulo retângulo plano ativ. com respostasRelações métricas no triângulo retângulo plano ativ. com respostas
Relações métricas no triângulo retângulo plano ativ. com respostasCIEP 456 - E.M. Milcah de Sousa
 

Andere mochten auch (20)

Tutorial primeiros passsos inkscape
Tutorial primeiros passsos inkscapeTutorial primeiros passsos inkscape
Tutorial primeiros passsos inkscape
 
Pps Efeitos Powerpoint
Pps Efeitos PowerpointPps Efeitos Powerpoint
Pps Efeitos Powerpoint
 
O elemento vital
O elemento vitalO elemento vital
O elemento vital
 
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOS
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOSSIMEÃO MARCHIORI, PRIMEIROS QUADRINHOS
SIMEÃO MARCHIORI, PRIMEIROS QUADRINHOS
 
Seminário arte eletrônica pdf
Seminário arte eletrônica   pdfSeminário arte eletrônica   pdf
Seminário arte eletrônica pdf
 
Desenhos Animados
Desenhos AnimadosDesenhos Animados
Desenhos Animados
 
Trabalhos Inkscape
Trabalhos InkscapeTrabalhos Inkscape
Trabalhos Inkscape
 
Triángulos power point
Triángulos power pointTriángulos power point
Triángulos power point
 
Triangulo Retangulo
Triangulo RetanguloTriangulo Retangulo
Triangulo Retangulo
 
Triângulos – 8°ano
Triângulos – 8°anoTriângulos – 8°ano
Triângulos – 8°ano
 
Figuras no plano
Figuras no planoFiguras no plano
Figuras no plano
 
Apostila inkscape
Apostila inkscapeApostila inkscape
Apostila inkscape
 
Evolução das Artes Visuais IV
Evolução das Artes Visuais IVEvolução das Artes Visuais IV
Evolução das Artes Visuais IV
 
Recu paralela(iªunidade) (1)
Recu paralela(iªunidade) (1)Recu paralela(iªunidade) (1)
Recu paralela(iªunidade) (1)
 
Evolucao das Artes Visuais
Evolucao das Artes VisuaisEvolucao das Artes Visuais
Evolucao das Artes Visuais
 
Relações Métricas no Triângulo Retângulo
Relações Métricas no Triângulo RetânguloRelações Métricas no Triângulo Retângulo
Relações Métricas no Triângulo Retângulo
 
Desenhos Animados
Desenhos AnimadosDesenhos Animados
Desenhos Animados
 
Relações métricas no triângulo retângulo
Relações métricas no triângulo retânguloRelações métricas no triângulo retângulo
Relações métricas no triângulo retângulo
 
Relações métricas no triângulo retângulo plano ativ. com respostas
Relações métricas no triângulo retângulo plano ativ. com respostasRelações métricas no triângulo retângulo plano ativ. com respostas
Relações métricas no triângulo retângulo plano ativ. com respostas
 
Desenho animado
Desenho animado Desenho animado
Desenho animado
 

Ähnlich wie Desenho animado

Palestra vrlivrestudio sergio_gracas
Palestra vrlivrestudio sergio_gracasPalestra vrlivrestudio sergio_gracas
Palestra vrlivrestudio sergio_gracasCampus Party Brasil
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0A C Octaviani Jr
 
Tutorial windows movie maker
Tutorial windows movie makerTutorial windows movie maker
Tutorial windows movie makerpcpaulo
 
Tutorial VideoSpin da Pinnacle
Tutorial VideoSpin da PinnacleTutorial VideoSpin da Pinnacle
Tutorial VideoSpin da Pinnacledamiana guedes
 
Animação (2)
Animação (2)Animação (2)
Animação (2)Martinha5
 
Captação, Edição e Divulgação de Video Escolar
Captação, Edição e Divulgação de Video EscolarCaptação, Edição e Divulgação de Video Escolar
Captação, Edição e Divulgação de Video EscolarFabio Rogerio Nepomuceno
 
Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_BomSoul
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para webRegisnaldo Alencar
 
Perguntas e respostas
Perguntas e respostasPerguntas e respostas
Perguntas e respostasTiago
 

Ähnlich wie Desenho animado (20)

teste 22
teste 22teste 22
teste 22
 
Quadrinhos Livres
Quadrinhos LivresQuadrinhos Livres
Quadrinhos Livres
 
Palestra vrlivrestudio sergio_gracas
Palestra vrlivrestudio sergio_gracasPalestra vrlivrestudio sergio_gracas
Palestra vrlivrestudio sergio_gracas
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0
 
Tutorial windows movie maker
Tutorial windows movie makerTutorial windows movie maker
Tutorial windows movie maker
 
Tutorial VideoSpin da Pinnacle
Tutorial VideoSpin da PinnacleTutorial VideoSpin da Pinnacle
Tutorial VideoSpin da Pinnacle
 
Manual oficina animacao
Manual oficina animacaoManual oficina animacao
Manual oficina animacao
 
Animação (2)
Animação (2)Animação (2)
Animação (2)
 
Captação, Edição e Divulgação de Video Escolar
Captação, Edição e Divulgação de Video EscolarCaptação, Edição e Divulgação de Video Escolar
Captação, Edição e Divulgação de Video Escolar
 
Flash material
Flash materialFlash material
Flash material
 
Sincronizando legenda
Sincronizando legendaSincronizando legenda
Sincronizando legenda
 
Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_
 
Apostila módulo 3c
Apostila módulo 3cApostila módulo 3c
Apostila módulo 3c
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para web
 
Manual GIMP
Manual GIMPManual GIMP
Manual GIMP
 
Perguntas e respostas
Perguntas e respostasPerguntas e respostas
Perguntas e respostas
 
Edicao de video em americana 2011
Edicao de video em americana 2011Edicao de video em americana 2011
Edicao de video em americana 2011
 
Muvie Maker
Muvie MakerMuvie Maker
Muvie Maker
 
Movie Maker
Movie MakerMovie Maker
Movie Maker
 
Muvie Maker
Muvie MakerMuvie Maker
Muvie Maker
 

Mehr von Simeão Marchiori (11)

Futurix 1v2
Futurix 1v2Futurix 1v2
Futurix 1v2
 
Revista portal
Revista portalRevista portal
Revista portal
 
Mica
MicaMica
Mica
 
Heroi por acaso espanhol
Heroi por acaso espanholHeroi por acaso espanhol
Heroi por acaso espanhol
 
Heroi por acaso ingles
Heroi por acaso inglesHeroi por acaso ingles
Heroi por acaso ingles
 
Futurix 1
Futurix 1Futurix 1
Futurix 1
 
Teclas de atalhos blender
Teclas de atalhos blenderTeclas de atalhos blender
Teclas de atalhos blender
 
Instalar extenção sif
Instalar extenção sifInstalar extenção sif
Instalar extenção sif
 
Meu nome é Antonina
Meu nome é AntoninaMeu nome é Antonina
Meu nome é Antonina
 
Pegando no tranco
Pegando no trancoPegando no tranco
Pegando no tranco
 
Quem pensa nao.pdf
Quem pensa nao.pdfQuem pensa nao.pdf
Quem pensa nao.pdf
 

Kürzlich hochgeladen

tensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptxtensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptxgia0123
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaCentro Jacques Delors
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024azulassessoria9
 
Missa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdfMissa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdfFbioFerreira207918
 
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de LedAula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de LedJaquelineBertagliaCe
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...azulassessoria9
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...AnaAugustaLagesZuqui
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubeladrianaguedesbatista
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfJuliana Barbosa
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxJustinoTeixeira1
 
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidadeAcessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidadeLEONIDES PEREIRA DE SOUZA
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfAutonoma
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Centro Jacques Delors
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.denisecompasso2
 
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfLidianeLill2
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...MariaCristinaSouzaLe1
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024azulassessoria9
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxMarcosLemes28
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticash5kpmr7w7
 

Kürzlich hochgeladen (20)

tensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptxtensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptx
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Missa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdfMissa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdf
 
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de LedAula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptx
 
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidadeAcessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidade
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 

Desenho animado

  • 1. MATERIAL DE APOIO À VIDEO AULA DE DESENHO ANIMADO 2D. Esta apostila é um material de apoio à vídeo aula de desenho animado disponível em www.portaldodesenho.com.br e se propõe a mostrar de forma mais acessível o possível como fazer um desenho animado em 2d, ou seja desenho animado tradicional, contornado, e usando o sistema operacional Linux, e ou os programas; -Ubuntu ( JuntaDados 3.04 ), sistema operacional Linux, veja mais no link acima. -Inkscape, editor de desenhos vetoriais. -Kdenlive, editor de vídeos. -Visualizador e imagens do Gnome. Esses são programas comuns em quase todas as distribuições Linux, podem ser baixados no link acima, também será possível realizar em sistema Windows, usando o editor editor de vídeo MovieMaker, talvez com alguma limitação, ou outro compatível. Recomendo o JuntaDados 3.04, por conter todos os programas de forma gratuita, se você usa pirata, pense nisso. Se você está lendo isso, já deve ter conhecimento sobre desenho, manual e vetorial, por isso não vou aprofundar nesses detalhes, para quem não sabe fazer desenhos vetoriais, veja antes no site, material disponível sobre o tema. A intenção é focar as pessoas que não dispõe de conhecimento técnico e que acham que é preciso material sofisticado ( tirando as animações em 3D ). Na verdade o maior limitação é humana pois desenho animado é demorado de se fazer, pela sua própria natureza, quanto mais gente melhor. Também por isso estou usando o sistema Linux que além da qualidade estabilidade, possui todos requisitos e programas que vamos necessitar e de forma gratuita, e também por não haver nenhum limitação legal e técnica, seguindo essa premissa, a limitação vai depender somente do artista. Ou seja é animação de altíssima qualidade ao alcance de todos. Os desenhos animados são feitos de imagens paradas ( stop motions ), que são exibidas sucessivamente, à uma taxa de até 30 imagens por segundo, porém com 10 imagens por segundo já se obtém bons resultados, para fazer um desenho de curta ou longa-metragem, primeiramente se faz uma espécie de esboço em quadrinhos da história a ser animada ( history board ), para cada quadrinho será feita uma tomada diferente ( pequeno vídeo ), que posteriormente, em um editor de vídeo será agrupado à todas as outra tomadas, formando o filme inteiro, em seguida adicionados sons fala e trilha sonora, nesse tutorial eu farei somente o que seria uma tomada. Também não vou usar de nenhum artifício para agilizar, é animação em sua essência... É mais trabalhoso, mas o resultado final será muito bom, mãos na massa. Minha cena imaginária será dois garotos jogando bola, primeiro vou fazer um desenho em papel imaginando o primeiro e o último movimento; Esse será o primeiro quadro da animação.
  • 2. Esse será o último quadro da animação. Com base nesses desenhos vamos primeiro vetorizar, ou seja desenhar no computador, e depois criar mais imagens intermediárias. Digitalize a imagem,(passe para o computador pode ser também por web cam o foto / celular ), não necessita qualidade é só para referência. Agora inicie o Inkscape, e configure a página. Vamos configuar em 1920 x 1080 nesse tamanho o desenho será exibido em tela cheia em 720 x 480 wide screen ou em alta definição (1920x 1080 ). Vá em Editar/Propriedades do Documento/Tamanho da Página, habilite também mostrar bordas da página. A página está configurada, agora vamos importar as imagens escaneadas, para dentro do Inkscape e vetorizar, ou seja desenhar sobre o desenho escaneado. Clique com o botão direito do mouse na imagem, e em Propriedade da Imagem, marque o opção bloquear, para que o desenho escaneado não fique solto pela área de trabalho.
  • 3. Com base nas imagens, vamos começar a vetorizar. Você pode estar pensando, por que vetorizar? Simples, uma vez feito o primeiro desenho, apenas copiando e moldando fica fácil alterar o desenho para conseguir uma outra posição, a qualidade não se altera com mudança de tamanho, assim poderemos conseguir desenhos intermediários sem muita dificuldade. Mesmo assim é demorado, o resultado vem aos poucos.
  • 4. Ninguém falou que seria fácil. Veja como ficou as imagens, agora vou criar as imagens intermediárias, veja que agora vou usar cópias das imagens para criar as intermediárias.
  • 5. Note que cada personagem está numa posição ligeiramente diferente da anterior. Com as imagens intermediárias feitas, vamos fazer ou colocar uma imagem de fundo, deixe a imagem um pouco maior que a página, não esqueça que se a imagem conter degradês ou transparências, você precisará colocar um fundo branco abaixo de todos para evitar que a imagem final fique com alguma parte transparente. Agora vem a parte mais interessante, vamos fazer a sequência de imagens “stop motions” já com a imagem de fundo. Posicione os personagens e numa nova pasta salve como um novo documento, vou chamar de ( cena01.svg ) por exemplo, essa pasta deve conter somente as “cenas” para evitar confusões posteriores. Agora vamos reposicionar, os outros desenhos e criar uma nova cena ( cena02.svg ), e assim sucessivamente.
  • 6. Lembre-se de bloquear as imagens de fundo para que não sejam arrastadas acidentalmente. Depois de criadas todas a cenas, já é possível ter uma prévia da animação, vá na pasta, que você criou e clique em abrir com visualizador de imagens. Não se preocupe com as desenhos que estiverem fora da página de desenho, elas podem ficar em qualquer lugar fora da área que não aparecerão no resultado final
  • 7. No visualizador clique em avançar, ou em Ver/ Apresentação de Slides,ou F5 agora já é possível ter uma noção de como será a animação real, se os movimentos não estiverem bons volte e altere, reposicione ou arrume cada cena desejada, até ficar ideal. Se você estiver num sistema diferente e visualizador não reconhecer imagens SVG, pode ser necessário exportar cada imagem feita como bitmap, programas mais antigos podem não reconhecer o padrão SVG. No Ubuntu um modo de se fazer isso é no próprio visualizador de imagens; abra a imagem clique em Arquivo/Salvar Como, use PNG ou JPG. Outra forma é exportar a partir do próprio Inkscape. Exportar no Inkscape: Sempre exporte para uma pasta nova para evitar confusões.
  • 8. Atenção selecione a aba exportar área da página, com resolução 1920x1080. Quando todas as cenas estiverem boas, abra o kdenlive, e em Configurações selecione HD 1080. Lembrando que no final você poderá exportar tanto no padrão DVD ou HD/blue-ray. Na opção “Clipes de Imagem” deixe em 00:00:00:03, isso vai fazer cada imagem ocupar 3 quadros da linha de tempo do editor de vídeo, ou seja 10 quadros por segundo. Feche e reinicie o Kdenlive para que as mudanças façam efeito. Com Kdenlive aberto arraste ou importe as imagens para a Arvore de Projeto.
  • 9. Agora selecione todas as imagens ou arraste uma a uma para a trilha de edição de vídeo, tecle a tecla longa do teclado ( tabulador ) para assistir a prévia, se estiver tudo bom clique em renderizar, selecione MPEG-2 10000k, redimencionar 720x480, ou h.264/ mp4 para alta definição, escolha um nome, clique em renderizar para arquivo, espere renderizar e seu desenho estará pronto. Parabéns, depois de muitas horas você acabou de criar seu primeiro desenho animado.
  • 10. Mas se você ainda acha que é difícil e que não tem recursos, imagine o que Disney, Hanna Barbera não tinham nada parecido com os recursos dispníveis hoje em dia nem mesmo um simples computador como o seu. Uma dica importante é não tente fazer desenhos longos, a menos que você tenha muitos desenhistas para isso. Para não desanimar faça pequenos animações, 30 segundos é o que dura um comercial dá pra passar muitas ideias. visite: www.portaldodesenho.com.br .