Buscar

Animação 2D digital - Unidade 3

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 21 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 21 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 21 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Animação 2D digital
Unidade 3 - Processos de produção
Autora: Vanessa Pereira do Nascimento
Revisor técnico: Renato Medeiros
Iniciar
Introdução
Para realizar a produção de uma animação 2D digital é necessário manipular
diferentes elementos em um software . Imagens que podem ser vetoriais ou bitmaps ,
áudios de diversos formatos de arquivo que podem ser captados ou reaproveitados
de repositórios da internet , e, no caso da técnica rotoscopia - na qual os desenhos
são feitos por cima de um vídeo - trechos de �lmes, gravações caseiras ou
pro�ssionais, que apresentam diferentes qualidades de imagem.
O animador digital não precisa dominar o software para realizar uma animação, mas
quanto maior o conhecimento da ferramenta, maiores também serão as
possibilidades de sua criação. Vimos anteriormente como o conhecimento do
desenho clássico contribui para a realização de animações mais �uidas, no caso do
conhecimento das ferramentas digitais, as contribuições vão além da automatização
do trabalho. Um animador que saiba utilizar as potencialidades do software pode
modi�car a estética do seu trabalho, incluindo iluminação e efeitos visuais próprios
do ambiente digital.
O software Adobe Animate, escolhido para essa disciplina, foi apresentado na
unidade passada e a partir daqui será tratado em detalhes, com a �nalidade de
auxiliar você, estudante, a produzir todas as etapas necessárias para a realização de
uma animação autoral.
Nessa terceira unidade, veremos a apresentação da interface do software , a
animação de textos, que podem ser utilizados como personagens, vinhetas e/ou
créditos, a mesclagem entre diferentes elementos e até mesmo as possibilidades de
simular o mundo real, animando partículas por meio de código de programação.
O trabalho produzido ao �nal dessa disciplina poderá ser utilizado como uma peça
de portfólio, com potencial para te auxiliar a entrar para o mercado de trabalho na
área de animação.
Aproveite essa unidade para explorar o programa enquanto continua
experimentando a animação de novos personagens, situações e narrativas. Bons
estudos e mantenha-se criativo(a)!
1. Composições e camadas
No estúdio Creative Cloud da empresa Adobe, é possível trabalhar através de
composições. Cada composição contém uma linha do tempo que inclui diversas
camadas, que, por sua vez, apresenta em cada unidade todos os componentes
utilizados como áudio, vetores, bitmaps , texto, dentre outros.
No software utilizado nessa disciplina, o Animate, cada composição é chamada de
clipe de �lme. É possível que um projeto apresente apenas um ou vários clipes de
�lmes, dependendo de sua complexidade. Cada um desses elementos de uma
composição serão apresentados durante essa unidade.
Logo, ao iniciar o Animate, é possível escolher com qual tipo de documento
queremos trabalhar. Por ser um software que abrange a criação de animações e de
peças interativas,são exibidas diversas possibilidades e categorias de documento. Na
tela de início do programa, encontramos a opção “Iniciar um novo arquivo
rapidamente”,com prede�nições das categorias: animação de personagens; jogo;
anúncios;educação e avançado.
Figura 1 - Ícones que representam as categorias de tipos de documentos. Fonte: Criado pela autora,
2020.
Na �gura 1, vemos a tela de início do Animate com as categorias de documento. Ao
clicar em “Mais prede�nições”, vemos a janela mostrada na �gura 2. Nesta tela,
temos acesso a mais duas categorias: redes sociais e web. Cada uma das categorias
apresenta prede�nições de documentos.
Figura 2 - Abas de todas as categorias de tipos de documento do Animate. Fonte: criado pela autora,
2020.
A primeira categoria será nossa escolha para iniciar os trabalhos no software. Em
“Animação de personagem” podemos escolher dentre os seguintes tipos de
documento:
● HD
Escolheremos a de�nição Full HD, por ser alta o su�ciente para uma boa visualização
em tela grande, porém, não tão pesada quando o 4K que ainda não é suportado por
diversos dispositivos. No painel, à direita podemos veri�car a “taxa de quadros”
marcando 30.00, o que signi�ca que teremos 30 frames para cada segundo de
animação, sendo esse o padrão para vídeo.
Antes de clicar no botão “Criar” observe as outras possibilidades do programa. Na
base da �gura 2, podemos ver os “Arquivos de amostra”, contendo exemplos de
animações prontas com diferentes possibilidades do software como: caminhada, auto
lip sync, efeitos de camada, panorâmica, dentre outras. As outras abas que exibem
mais categorias de tipo de arquivos apresentam as seguintes possibilidades:
● Full HD
● 4K
● Padrão
● Redes sociais
● Jogos
● Educação
● Anúncios
● Web
● Avançado
É importante ressaltar que a escolha do tipo de documento existe para facilitar o
desenvolvimento da animação, já que inicia com a resolução e taxa de quadros ideal.
Caso a escolha seja errada, ou o animador mude de ideia durante o trabalho, é
possível modi�cá-la a qualquer momento, clicando em “Arquivo > Converter para”.
Nesse momento, o software irá calcular as possibilidades de alteração para seu
arquivo e irá listar para sua escolha.
1.1 Interface
Ao iniciar um documento do tipo animação de personagem Full HD temos acesso ao
espaço de trabalho básico do Animate, como exibido na �gura 3. No topo da tela
podemos ver a “Barra de aplicativos”. Em seu canto esquerdo, a barra apresenta o
botão “Página Inicial” quem tem o ícone de uma casa e o botão com o nome do
software , que retorna ao espaço de trabalho do documento. Nessa barra, vemos
também o menu do programa, com as opções de Arquivo, Editar, Exibir, Texto, Ajuda,
dentre outros.
Figura 3 - Espaço de trabalho básico do Animate. Fonte: produzido pela autora, 2020.
Na lateral esquerda, observamos o painel “Ferramentas”. Nele, estão presentes as
setas, formas geométricas, borracha, pincel, balde de tinta, dentre outras opções
para a manipulação do arquivo. A cada ferramenta selecionada o painel contextual
“Propriedades”, modi�ca seu conteúdo apresentando as possibilidades de
personalização.
A “janela” de documento padrão exibe a folha em branco, e pode ser duplicada ou ter
seu espaço dividido com outras janelas. Onde lemos “Sem título-6” está a aba dessa
janela, ou seja, assim como ocorre em um navegador, o Animate pode exibir diversas
abas simultaneamente.
Na base da �gura 3, podemos ver outro exemplo de painel, sendo a “Linha do
tempo”. Essa área, de extrema importância para a realização da animação, simula a
disposição dos quadros no decorrer do tempo. Cada retângulo representa um
quadro e podemos ver sua contagem a cada 5 com a exibição dos números
correspondentes.
No painel da linha do tempo lê-se “Camada_1”. Também conhecida pelo seu nome
em inglês layer , uma camada representa o espaço que acomoda as diferentes mídias
que podem ser inseridas no documento. Esses elementos que compõem um
documento podem ser inseridos em diversas camadas, que trabalham com a lógica
de empilhamento, isto é, uma camada �ca sobre a outra.
Todas as janelas e painéis do espaço de trabalho �cam localizadas dentro do
“Quadro do aplicativo”, espaço que permite a personalização do que será exibido e
também seu posicionamento na tela.
Ao aprender a lógica do espaço de trabalho do Animate �ca mais fácil a utilização de
outros softwares do estúdio Creative Cloud da Adobe como por exemplo o
Photoshop, focado em imagens bitmap , e o Illustrator, focado em imagens vetoriais.
Ambos os programas compartilham diversos painéis semelhantes ao Animate.
1.2 Elementos
Cada camada no Animate pode conter diversos tipos de mídia. Para manter uma
melhor organização, o ideal é separar em diferentes camadas cada elemento ou
grupo de elementos da sua animação. As categorias existentes de elementos no
software são:
● Símbolos
● Formas básicas
● Objeto de desenho
Essa variedade de elementos que podem ser trabalhados no software proporciona
uma grande liberdade de criação. As categorias citadas não são imutáveis,já que um
tipo pode ser convertido em outro dependendo de sua função. Ao animar textos, por
exemplo, podemos utilizar a linha do tempo principal ou animá-los em uma linha do
tempo própria, dentro de um clipe de �lme.
A composição do documento, como visto anteriormente, pode ser de vários clipes de
�lme, trabalhando de maneira hierarquizada e simultânea. Uma linha do tempo da
composição principal pode conter diversos clipes de �lme, cada um com sua própria
linha do tempo, suas camadas e elementos.
No próximo tópico, você vai criar uma animação com textos e gra�smos, que poderá
ser utilizada para abertura de uma animação maior, tela de créditos ou até mesmo
contendo uma narrativa própria. Dessa maneira, você poderá aplicar parte dos
conceitos estudados até aqui.
Você quer ver
A Adobe mantém uma série de tutoriais para o software Animate em seu site
o�cial. São vídeos curtos que abordam conteúdo para usuários iniciantes ou
● Bitmap
● Vídeo
● Áudio
● Grupos
● Texto
2. Animando textos
No Animate, um texto pode ser utilizado para a exibição de informações estáticas,
isto é, que não se modi�cam automaticamente ao longo da animação. Isso não
signi�ca que esse tipo de texto não possa ser modi�cado através da animação de
seus caracteres, cores e tipo de letra. O tipo estático somente se refere a
informações que não se modi�cam dependendo de fatores externos.
Para a inserção de texto que será modi�cado, enquanto a animação é tocada,
devemos utilizar o tipo de texto dinâmico. Com esse tipo de texto podemos incluir,
por exemplo, a pontuação de um jogador, informações sobre o clima em tempo real,
dentre outras informações variáveis.
O último tipo de texto que pode ser utilizado é o editável. Esse tipo é destinado a
peças interativas, com intenção de permitir que o usuário insira texto ao digitar em
um campo especí�co.
Para iniciar o exercício que será feito nesta unidade, vamos criar um texto do tipo
estático. Para inserir um texto em seu documento, clique na ferramenta de texto,
com o ícone da letra T. Após a seleção da ferramenta, clique em qualquer área da
folha branca e digite uma palavra.
Ao inserir um texto no documento, é exibida uma indicação para sua rápida
identi�cação. A indicação é feita nos limites da caixa de texto e apresenta um círculo
ou quadrado, vazado ou preenchido, dependendo das variações possíveis do texto:
horizontal, vertical, estático, dinâmico, dentre outras. No nosso exemplo, é possível
veri�car uma bolinha vazada no canto superior direito da caixa de texto, indicando
que é um texto estático horizontal.
experientes: https://adobe.ly/3cdbee8
https://adobe.ly/3cdbee8
Figura 4 - Caixa de texto com a identi�cação de seu tipo. Fonte: produzido pela autora, 2020.
2.1 Personalizando seu texto
No painel de propriedades do texto, podemos alterar os atributos do parágrafo
como entrelinhamento e margens, assim como podemos modi�car os atributos de
fonte, isto é, das letras, como sua família de caracteres, seu tamanho e
posicionamento. Para abrir o painel de propriedades e modi�car o texto inserido,
clique no botão indicado pela seta vermelha na �gura 5.
Figura 5 - Propriedades do texto selecionado. Fonte: produzido pela autora, 2020.
Observe o exemplo criado na �gura 5. Do lado direito da tela, podemos ver o painel
de propriedades aberto, indicando o tipo de texto (estático), seu tamanho e
posicionamento na tela, a fonte escolhida (Ravie), seu tamanho em pontos paica, isto
é, em medida de fonte (120 pt) e sua cor de preenchimento (laranja).
Nesse exemplo, a cor do fundo da tela foi modi�cada com um clique do botão direito
do mouse em cima da área branca e escolhendo o menu: “Documento > Cor do
palco”. As letras aparecem separadas para serem animadas individualmente. Esse
processo foi feito clicando com a ferramenta Seleção - a primeira do painel de
ferramentas e que aparece selecionada na �gura 5 -, com um clique do botão direito
do mouse sobre as letras e escolhendo a opção “Separar” do menu suspenso.
Durante esse exercício para editar o texto é necessário utilizar a ferramenta T,
enquanto para animá-lo utilizaremos a ferramenta Seleção.
Personalize seu texto, modi�cando as cores, tamanho, tipo de letra e lugar na tela.
Posicione seu texto já customizado no local que será seu posicionamento na tela ao
�nal na animação. Para melhor segurança do trabalho, clique na barra do aplicativo
em “Arquivo > Salvar”.
2.2 Criando uma interpolação de
movimento
Figura 6 - Linha do tempo da animação. Fonte: produzido pela autora, 2020.
Para iniciar a animação, precisamos determinar sua duração. Neste exercício,
trabalharemos com 30 frames , que para o tipo de documento escolhido no início
equivale a um segundo. Clique com o botão direito do mouse no retângulo abaixo do
número 30 da linha do tempo. Esse retângulo está alinhado com o nome da camada.
Escolha no menu suspenso a opção "inserir quadro" o que aumentará a duração da
animação de um para 30 frames . Observe que o primeiro retângulo dessa linha
contém um círculo preto, o que indica se tratar de um quadro-chave. O retângulo
abaixo do número 30, equivalente ao frame 30, contém apenas uma marcação,
indicando a �nalização da sequência.
Clique com o botão direito em uma das letras que foram separadas anteriormente.
Escolha a opção “Criar interpolação de movimento”, para criarmos uma
movimentação exclusiva para essa letra. Repita o processo com todas as outras.
Observe que, a cada interpolação criada, a letra correspondente é separada
automaticamente em uma nova camada. A cor da linha do tempo também se
modi�cou, indicando a existência de uma interpolação na camada.
Este exercício poderia ser feito com a animação da palavra como um todo, sem a
separação de suas letras, mas trabalhar com esse adicional, traz a oportunidade de
observar a funcionalidade das camadas. Como a intenção é de automatizar a
animação das letras individualmente, precisamos separá-las em camadas, caso
contrário, teríamos que animar quadro a quadro, isto é, modi�cando o
posicionamento de cada letra a cada novo frame da animação. Da maneira que
estamos fazendo, somente será indicado para o software o posicionamento inicial e
�nal de cada letra.
Na �gura 6, podemos observar o projeto da animação �nalizada. Para facilitar a
manipulação das letras, dê um clique duplo em cada nome de camada e renomeie
para a letra correspondente, como exibido no exemplo. Selecione o último quadro de
cada camada, isto é, todos os frames da coluna 30. Para fazer isso, basta clicar no
frame 30 da primeira camada e, sem soltar o clique, arrastar o mouse até a última
camada. Após concluir a seleção clique com o botão direito do mouse e escolha a
opção “Inserir quadro-chave > Tudo”. Veja que criamos um quadro-chave capaz de
guardar qualquer alteração que �zer no seu texto. Para este exemplo, modi�caremos
apenas o posicionamento das letras, mas você pode experimentar trabalhar com as
outras propriedades também.
Observe que esse novo quadro-chave possui um losango preto, indicando a criação
automática de quadros-chave, de acordo com a movimentação de seu objeto no
decorrer da linha do tempo. Esse losango também indica que as letras foram
copiadas para esse último quadro.
Clique no frame 1 da primeira camada e movimente a letra correspondente. Repita
esse processo para todas as letras, afastando-as do seu local de origem ou
colocando-as para fora da tela. Observe que, ao arrastar uma letra, é criado uma
espécie de caminho, indicando seu trajeto durante a animação. Você ainda pode
adicionar modi�cações adicionais em outros frames , incrementando a montagem da
palavra �nal. Ao �nalizar esse processo, toque a animação �nal no botão play ,
indicado com a seta vermelha na �gura 6.
Se você acompanhou até aqui, parabéns! Você concluiu sua primeira animação no
software Adobe Animate.
Agora, vamos exportar para que a animação possa ser visualizada mais facilmente,
sem depender do software que foi criada.Adicione alguns frames ao �nal das
camadas para dar um tempo para a visualização da palavra montada, antes que o
arquivo acabe e o vídeo seja fechado. Selecione o frame 50 de todas as camadas,
clique com o botão direito do mouse e escolha a opção “Inserir quadro”. Salve
novamente seu documento em “Arquivo > Salvar”. Após essa etapa vamos exportar o
documento para .mp4, um tipo de arquivo de vídeo de fácil visualização. Clique em
“Arquivo> Exportar > Exportar Vídeo/Mídia > Exportar”.
Na última unidade desta disciplina, serão abordados todos os tipos de arquivo para
exportação dentro do Animate. Por enquanto, con�ra o .mp4 que acabou de salvar.
Você sabia
O software Adobe Animate já oferece diversas opções de famílias de fontes, os
tipos de letras. Ainda assim, os trabalhos criativos muitas vezes precisam de
uma maior variedade. Para essa necessidade, é possível baixar e instalar
gratuitamente fontes de repositórios especí�cos na internet. O site DaFont, por
exemplo, disponibiliza diferentes tipos de letras separadas por dezenas de
categorias. Acesse em: www.dafont.com
http://www.dafont.com/
3. Transparência e modos de
mesclagem
Em um projeto do software Adobe Animate, as camadas comportam todos os
elementos inseridos ao longo de uma linha do tempo. Além de organizar quais
objetos da cena �cam na frente e quais se posicionam atrás no decorrer da
animação, as camadas também apresentam a possibilidade de modi�car sua
opacidade. Vamos aplicar esse e outros efeitos visuais no projeto criado
anteriormente.
Abra novamente o arquivo do projeto que foi salvo com a extensão .�a, o tipo de
arquivo utilizado dentro do software . Na linha do tempo, acima das camadas, clique
no ícone +, para adicionar uma nova camada e inserir mais um elemento na cena.
Clique e arraste a nova camada para debaixo das demais. Na barra do aplicativo,
localizada no topo da tela, clique em Arquivo > Importar > Importar para o palco e
escolha uma imagem de fundo para sua animação de texto. Lembre-se de somente
redimensionar a imagem do tipo bitmap para um tamanho menor do que o original.
Para não ter perda de qualidade no projeto, escolha uma imagem maior ou igual o
tamanho do documento. Nosso documento foi criado no formato Full HD , que mede
1920 x 1080 pixels.
Figura 7 - Projeto com imagem de fundo e aplicação de modos de mesclagem. Fonte: PEXELS, 2020.
De acordo com o exemplo criado na �gura 7, observe que a imagem escolhida
aparece atrás das letras, pois foi inserida abaixo de todas as camadas. Caso a
camada da imagem não esteja localizada abaixo das demais, alguma letra terá
desaparecido da cena. Essa camada com a imagem de fundo foi renomeada para
background , do inglês pano de fundo, que indica por padrão que é a camada de base
do projeto.
Para trabalhar com a transparência das camadas, clique com o botão direito do
mouse em uma camada que contém uma letra e escolha a opção “Propriedades >
opacidade”. Por padrão, há o 50% indicando qual a porcentagem de opacidade da
camada selecionada. É possível segurar o clique sobre o 50% e arrastar o mouse para
os lados, para modi�car essa quantidade. Quanto maior a porcentagem, mais opaca
�cará a camada, isto é, menos transparente. As camadas ainda permitem a inserção
de outros efeitos visuais que serão abordados na próxima unidade, que incluirá a
utilização de efeitos avançados no programa.
Para experimentar mais efeitos nesse projeto, vamos utilizar as possibilidades dos
clipes de �lme.
3.1 Modos de mesclagem
Os clipes de �lme são elementos muito importantes dentro do software Adobe
Animate. A utilização desse tipo de símbolo permite expandir os efeitos visuais que
podem ser aplicados na animação. No tópico anterior, criamos uma animação,
utilizando somente elementos do tipo texto. Para aproveitar outros recursos que o
programa oferece, vamos trabalhar com elementos do tipo símbolo.
Clique com o botão direito do mouse em cada uma das letras de seu projeto e
escolha a opção “Converter em símbolo > Tipo > Clipe de �lme > OK”. A partir desse
momento, poderemos aplicar os chamados modos de mesclagem em cada
elemento. Para a inserção de qualquer modo, clique no clipe de �lme
correspondente e abra o painel de “Propriedades > Mesclagem”.
Modos de mesclagem são composições entre dois ou mais objetos. No escopo da
mesclagem, a palavra composição é utilizada no sentido de combinação entre
elementos distintos. Essa interação é provocada pelo nível de transparência desses
elementos ou suas possíveis combinações de cores. Por esse motivo a aplicação de
um mesmo modo de mesclagem com diferentes imagens obtêm resultados distintos.
Ao combinar duas imagens, são relacionadas a cor da imagem de base, a cor da
imagem que recebe o modo de mesclagem e sua transparência. Como resultado,
temos uma combinação única de efeito visual. Para saber qual escolher, é possível
seguir as de�nições de cada um, porém, a escolha �nal deve ser feita após a
comparação visual dos efeitos aplicados.
Os modos de mesclagem presentes no Adobe Animate e também em outros
programas da Creative Cloud são os seguintes: normal; camada; escurecer;
multiplicar; clarear; tela; sobrepor; luz direta; diferença; adicionar; subtrair; inverter;
alfa; apagar.
Por padrão, o modo de mesclagem é o normal, que não provoca alteração na
camada de base. O modo camada não provoca alteração entre clipes de �lme,
permitindo seu empilhamento. Os modos multiplicar tela, sobrepor e luz direta
multiplicam uma das cores da combinação. O multiplicar resulta em uma imagem
mais escura e é muito utilizado para ocultar áreas brancas de uma camada mal
recortada por exemplo, já que ao escurecer os resquícios desaparecem. Os modos
tela e luz direta resultam em uma imagem mais iluminada, com alguma variação
entre eles. O efeito do modo sobrepor varia de acordo com as imagens escolhidas.
Os modos alfa e apagar trabalham com a transparência, no caso do primeiro, e com
a remoção dos pixels da camada de base, no caso do segundo. Os modos escurecer
e clarear trabalham de maneiras opostas: enquanto o primeiro substitui as cores
mais claras da camada por aquelas da camada debaixo, o segundo substitui as cores
mais escuras.
A diferença é o modo utilizado para o efeito do 3D anáglifo, aquele que precisa
utilizar óculos coloridos, normalmente azul e vermelho, para a correta visualização.
Nesse modo, a camada passa por um processo de modi�cação de acordo com seu
brilho, o que resulta em uma espécie de negativo em cores. O modo inverter resulta
na cor oposta àquela na roda de cores.
O modo adicionar combina a iluminação das camadas para deixá-la ainda mais
iluminada. Seu oposto é o modo subtrair, que combina as imagens deixando-as
mescladas e mais escurecidas. Esse último modo foi o utilizado na imagem de
exemplo na �gura 7. A cor laranja das letras originais se mesclaram com a imagem
de fundo, resultando em um tom azulado mais escuro do que a imagem da galáxia.
Para um melhor contraste entre �gura e fundo, foi aplicado também um �ltro grá�co
do tipo sombra, que será melhor abordado na próxima unidade dessa disciplina.
4. Simulações e partículas
Com o intuito de proporcionar a criação de produções mais atrativas, o software
Adobe Animate oferece recursos para simular movimentações realistas de objetos e
personagens, adicionando as leis da física do mundo real. É possível também simular
o comportamento da câmera como se estivesse sendo gravada por uma pessoa, ou
ainda como se ela mesma fosse um personagem.
A área de câmera �ca localizada na linha do tempo, acima das camadas. Ao clicar no
ícone da �lmadora, a câmera é adicionada como uma nova camada e pode ser
animada da mesma maneira que os elementos: adicionando quadro e quadros-
chave, enquanto modi�ca seu posicionamento. Os recursos de câmera que podem
ser animados incluem: �lmagem panorâmica; zoom in e zoom out ; rotação; �ltros de
cor e foque e desfoque.
Em relação ao realismo das animações, é possível programaras movimentações e
até mesmo a criação de objetos. Através da programação em ActionScript, linguagem
de programação utilizada dentro da interface do Animate, a �sicalidade do mundo
real pode ser aplicada, por exemplo, gerando automaticamente partículas de chuva.
A utilização de códigos de programação para a realização de animações é destinada
a usuários mais avançados do software , ou ainda, para a produção de animações
com parceria entre animadores e programadores.
Você quer ler
O software Animate apresenta diversas possibilidades criativas no universo da
animação 2D digital. Para aproveitar toda sua potencialidade você pode dominar
os recursos da ferramenta estudando-a com profundidade. O Guia do usuário
do Adobe Animate pode ser acessado em: https://adobe.ly/2JZr3sU . Há também
a possibilidade de baixar o arquivo pdf dessa documentação o�cial:
https://adobe.ly/3eforF3
Síntese
O Adobe Animate, software utilizado durante os exercícios desta disciplina, é utilizado
pro�ssionalmente para a criação de animações 2D digitais. Além dessa área
especí�ca, o Animate pode ser utilizado para o desenvolvimento de jogos, anúncios e
conteúdos interativos para navegadores no desktop e dispositivos móveis.
Ao entrar em contato com esse programa, o estudante também pode aproveitar os
demais softwares pertencentes a suíte Creative Cloud, que inclui o Photoshop
(conhecido pelas edições de imagens) e o Illustrator (voltado a criação de ilustrações).
A vantagem é que esses e outros programas da Adobe compartilham da mesma
lógica de interface, isto é, a presença de ferramentas, painéis e apresentação de
documentos são semelhantes.
Nesta unidade, foi possível experimentar a criação de uma animação digital 2D. Ao
colocar em prática os conceitos estudados anteriormente, �ca mais fácil pensar em
novas possibilidades para sua utilização. Apesar de ter sido criado um exercício a
partir de letras animadas, durante seu desenvolvimento você entrou em contato com
a criação de camadas, a linha do tempo do clipe de �lme, a criação de interpolações
automatizadas, a importação de imagens e a aplicação de efeitos.
https://adobe.ly/2JZr3sU
https://adobe.ly/3eforF3
A partir de agora você está apto explorar os tutoriais que foram indicados nesta
unidade, a documentação o�cial do programa, e até mesmo experimentar por conta
própria novas funcionalidades. Tudo isso para adentrar a última unidade desta
disciplina, que abordará as funcionalidades mais avançadas do Animate.
Durante esta unidade abordamos os seguintes tópicos:
● Interface do software Adobe Animate e os elementos existentes;
● Animação de um texto por meio da automatização de quadros;
● Inserção de efeitos visuais, partindo da mesclagem de camadas;
● Possibilidades de trabalhar com realismo nas produções animadas.
Download do PDF da unidade
Bibliografia
GREEN, Tom; LABRECQUE, Joseph. Beginning Adobe Animate CC: Learn to
E�ciently Create and Deploy Animated and Interactive Content . Oakville:
Apress. 2017.
Guia do Usuário do Adobe Animate. Disponível em: https://adobe.ly/2JZr3sU . Acesso
em 15/02/2020.
Referências Imagéticas:
Figura 1 a 6
Produzidas pela autora.
Figura 7 - Imagem de galáxia.
Disponível em: https://bit.ly/2wxcfhQ
https://adobe.ly/2JZr3sU
https://bit.ly/2wxcfhQ
Acesso em: 15/02/2020

Continue navegando