Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. Blender
Cgi

Criando texto Motion Graphic no Blender: parte 1

by
Difficulty:IntermediateLength:LongLanguages:

Portuguese (Português) translation by Jonathan Ramos (you can also view the original English article)

Prévia

Método 1: usando camadas de renderização

Passo 1

Em um novo arquivo, pressione A no teclado para selecionar todos os objetos padrão. Pressione a tecla Delete para excluí-los.

Pressione 1 no teclado numérico para visão frontal. Pressione 5 para sair do modo perspectiva. Pressione Shift + A e adicione um texto (Text).

Add text
Adicionando o texto

Com o objeto de texto selecionado, pressione Tab para entrar modo de edição. Altere o texto como quiser. Pressione Tab novamente para sair do modo de edição.

Edit text
Editando o texto

Passo 2

Com o objeto texto selecionado, clique no botão F no editor de propriedades para ver as configurações de fonte. No painel Font, clique no botão de pasta e procure por sua fonte favorita.

Text font settings
Configurações de fonte e texto

Passo 3

Pressione Shift + A e adicione um Mesh > Plane.

Add a plane
Adicionando um plano

Passo 4

Pressione Tab para entrar no modo de edição. Pressione A para selecionar todos os vértices. Pressione S e depois X para redimensionar ao longo do eixo X. Faça a altura e a largura do plano coincidir com o texto.

Editing the plane
Editando o plano

Você pode mover os vértices pra cima e pra baixo em vez de escalonar. Segure a tecla Shift e em seguida clique nos outros vértices para uma seleção múltipla.

Use as setas para movê-los. Pressione Z para alternar entre os modos wireframe e solid. Pressione Tab para sair do modo de edição.

Editing the plane
Editando o plano

Passo 5

Clique com o botão direito do mouse sobre o objeto Text e em seguida, mova com a ajuda das setas.

Move the text behind the plane
Movendo o texto para trás do plano

Passo 6

Com o texto selecionado, clique no botão Materials no painel de propriedades. Clique no botão New para adicionar um novo material.

Add new material to text
Adicionando um novo material para o texto

Altere o nome do material para text ou qualquer coisa que você queira. No painel Diffuse, altere a cor para branco. No painel Shading, marque a caixa Shadeless.

Material settings
Configuração do material

Passo 7

Certifique-se de que você está na visão frontal. Pressione 1 no teclado numérico para entrar ir pra visão frontal. Pressione Shift-A e adicione uma câmera.

Add a camera
Adicionando uma câmera

Mova a câmera para longe do objeto e do texto. Use as setas para isso.

Placing the camera
Colocando a câmera

Passo 8

Clique com o botão direito na câmera para selecioná-la. Clique no botão câmera no editor de propriedades.

No painel Lens, clique no modo Orthographic. Pressione 0 no teclado numérico para entrar na visão da câmera.

Aumente ou diminua o Orthographic Scale, até que o texto fique bom no quadro. Você também pode mover a câmera com a tecla G.

Camera settings
Configurações da câmera

Passo 9

Clique com o botão direito no texto para selecioná-lo. Vá ao quadro 11 usando Shift + seta pra cima ou digitando manualmente 11 no atual contador de quadros.

Coloque o mouse sobre a janela de exibição 3D, pressione I e clique em Location. Isto irá inserir um quadro-chave.

Add keyframe to the text
Adicionando um quadro-chave no texto

Passo 10

Vá para frame número 21 ou pressione Shift + seta para cima para avançar 10 frames ou digite manualmente 21 no contador de quadros.

Add another keyframe
Adicionando outro quadro-chave

Mova o objeto Text para cima para que ele esteja completamente acima do plano. Pressione I e selecione Location para inserir outro quadro-chave.

Pressione Shift + seta para esquerda para voltar ao primeiro frame. Pressione Alt + A para ver a animação.

Animate the text
Animando o texto

Passo 11

Clique no botão Layout e selecione Animation.

Switch to Animation layout
Alternando para layout de animação

No editor Dope Sheet você pode ver os dois quadros-chave. Você pode movê-los para deixar a animação mais lenta ou mais rápida. Clique com o botão direito sobre o quadro-chave e pressione G para mover.

Tweak the keyframes
Ajustando os quadros-chave

Passo 12

Clique no botão Play ou pressione Alt + A para visualizar a animação.

Animation controls
Controles da animação

Passo 13

Arraste a barra verde na linha de tempo para um quadro entre os dois quadros-chave. Pressione F12 para renderizar uma imagem estática. Você notará que o plano também está sendo renderizado, o que não queremos. O texto atrás do plano não deve renderizar também.

Render any in-between frame
Renderizando qualquer quadro entre os quadros-chave

Passo 14

Clique com o botão direito no texto para selecioná-lo. Pressione M e selecione a segunda caixa para mover o texto selecionado para a segunda camada.

Move text to second layer
Movendo o texto para a segunda camada.

Passo 15

Clique com o botão direito no plano e em seguida, pressione M e clique no primeiro bloco para movê-lo para a primeira camada.

Move plane to first layer
Movendo o plano para primeira camada

Passo 16

Segure Shift e então clique com o botão esquerdo sobre os botões de camada para torná-las visíveis. Você também pode pressionar ~ para tornar todas as camadas visíveis na janela de visualização.

Make layers visible in viewport
Tornando as camadas visíveis na janela de exibição

Passo 17

Clique no botão Render Layers no editor de propriedades.

No painel Layers, existem três categorias de camadas. A primeira é a camada da cena. Estas são as camadas visíveis na janela de exibição.

A segunda é chamada de Layer. As camadas selecionadas aqui serão incluídas na renderização final.

O terceiro grupo é para a camada Mask. Os objetos desta camada vão ser usados como máscaras. Clique no segundo botão de camada (onde temos os objetos de texto) para renderizar a camada.

Selecione a primeira camada Mask. Isso definirá os planos que estão em uma camada como máscaras.

Render layers panel
Painel de camadas de renderização

Vá para qualquer quadro entre os dois quadros-chave e pressione F12 para renderizar. Você verá que o plano e o texto por trás dele não constam na renderização final.

Rendered preview
Pre-visualizando a renderização final

Passo 18

Da mesma forma, adicione um segundo texto para o subtítulo. Adicione um plano cobrindo-o. Mova os dois novos objetos para trás dos dois primeiros. Deixe o novo texto um pouco mais longe.

Add another set of text and plane
Adicionando outro conjunto de texto e plano

Passo 19

Anime o segundo objeto de texto descendo. Vá para o quadro 25. Com o texto selecionado, pressione I para inserir um quadro-chave. Selecione Location.

Animate the second text object
Animando o segundo objeto de texto

Passo 20

Pressione Shift + seta para cima para pular dez quadros. Mova o texto para baixo. Pressione I e selecione Location para inserir outro quadro-chave.

Pressione Shift + seta para esquerda para ir ao quadro 1. Pressione Alt + A para visualizar a animação.

Add keyframe for second text
Adicionando um quadro-chave para o segundo texto

Passo 21

No layout de animação e na Dope Sheet, você pode ajustar e mover o quadro-chave para definir o tempo. Quanto mais distantes os quadros-chave, mais lento será a animação.

Tweak keyframes in Dope sheet
Ajustando os quadros-chave em uma Dope Sheet

Passo 22

Clique com o botão direito no texto para selecioná-lo. Clique no botão material no editor de propriedades e selecione o material já criado para o primeiro texto.

Assign material to the second text
Atribuindo o material para o segundo texto

Passo 23

Com o texto selecionado, pressione M e mova o objeto para a segunda camada. Em seguida, clique com o botão direito sobre o segundo plano e pressione M e, em seguida, clique sobre a primeira camada para movê-lo para lá.

Todo o texto está agora na segunda camada e os planos estão na primeira camada (máscara).

Move text to second layer and plane to first
Movendo o texto para a segunda camada e o plano para a primeira

Passo 24

Vá para o quadro 45 e pressione F12 para renderizar o quadro atual.

Você notará que o segundo texto ainda não é visível. Isto é porque ele está sendo mascarado pelo primeiro plano. Então você precisa também animar o primeiro plano ou diminui-lo automaticamente com o movimento do primeiro título.

Render an image to check
Renderizando uma imagem para verificar

Passo 25

Pressione Shift + seta para a esquerda para ir para o primeiro quadro. Clique com o botão direito no primeiro plano para selecioná-lo.

Select the first plane
Selecione o primeiro plano

Passo 26

Pressione Tab para entrar modo de edição. Pressione B selecione os dois vértices de baixo.

Select bottom two vertices
Selecionando os dois vértices inferiores

Passo 27

Pressione Ctrl-H para adicionar o gancho. Selecione Hook to New object. Pressione Tab para sair do modo de edição. Selecione o objeto gancho e pressione G para movê-lo e verifique.

Você notará que os dois vértices agora estão conectados a um objeto Empty. Pressione Esc para redefinir a localização.

Add Hook to bottom two vertices
Adicionando o gancho nos dois vértices

Passo 28

Segure Shift e, em seguida, clique com o botão botão direito sobre o objeto Empty e sobre o título.

Pressione Ctrl + P para criar uma relação de pai entre os dois. Selecione Object no pop up. Pressione Shift + seta para a esquerda para ir para o primeiro quadro.

Pressione Alt + A para visualizar a animação. Você vai notar que o objeto de máscara agora diminui juntamente com o movimento do texto do título.

Make the text parent of hook
Criando a relação entre o texto e o gancho

Passo 29

Vá ao quadro 45 e pressione F12. Agora você pode ver o texto de legenda. Na próxima parte deste tutorial, você aprenderá como aplicar esta animação em um vídeo.

Render an image
Renderizando uma imagem

Método 2: usando o modificador booleano

Passo 1

Esse método é a melhor opção se você quiser usar um logotipo que está em formato .png com um fundo transparente. Para importar imagens .png como objetos 3D, que você precisa ativar a add-on Import Images as Planes.

Pressione Ctrl + Alt + U para aparecer a janela de preferências do usuário. Clique na guia add-ons. Na caixa de pesquisa escreva image e em seguida, ative Import Images as Planes. Feche a janela.

Activate Import Images as Planes Add-on
Ativando o add-on

Passo 2

Na janela de exibição 3D, pressione 1 no teclado numérico para visão frontal. Pressione 5 para alternar para o modo de perspectiva. Pressione Shift + A e clique em Mesh > Image as Planes.

Add Images as Planes
Adicionando imagens como planos

Passo 3

Procure a imagem .png. Nas opções de importação marque a caixa Use Alpha.

No painel Material Settings, marque a caixa Shadeless. Pressione o botão Z Transparency. Finalmente clique em Import Image as Planes.

Import settings
Configurações de importação

Passo 4

Pressione Alt + Z para visualizar a imagem na janela de exibição. Pressione Shift + A e vá em Mesh > Cube.

Add a cube
Adicionando um cubo

Passo 5

Pressione Z para ir ao modo wireframe. Com o cubo selecionado, pressione Tab para entrar no modo de edição. Pressione A para selecionar todos os vértices e então S e Z para diminuir o cubo no eixo Z.

Redimensione o cubo para que seja um pouco maior que o plano do logotipo. Verifique também a visão lateral.

Scale and plane the cube so that it covers the logo
Dimensionando o cubo para que cobrir o logotipo

Passo 6

Pressione Tab para sair do modo de edição. Com o cubo selecionado, coloque o mouse na janela outliner. Pressione .(del) no teclado numérico para ver o objeto selecionado na janela outliner, caso não esteja.

Clique sobre o botão com o símbolo da câmera. Isto irá desativar a renderização do cubo. No editor de propriedades, clique no botão cubo para ver as propriedades do objeto. No painel de exibição, selecione Wire dentro de Maximum Draw Type.

Isto irá exibir o cubo no modo wireframe na janela de exibição.

Cube display settings
Configurações de exibição do cubo

Passo 7

Clique com o botão direito no plano para selecionar o logo. Clique no botão de modificadores no editor de propriedades. Clique em Add Modifier e selecione Boolean.

Add Boolean modifier to logo plane
Adicionando o modificador booleano no logo

Passo 8

Em Operation selecione Intersect e para Object selecione o cubo que está cobrindo o logo.

Boolean modifier settings
Configurações de modificador booleano

Pressione G e mova o mouse. Você verá que o plano só é visível dentro do cubo. clique com o botão direito para cancelar a mudança.

Move the plane around to see effect
Movendo o plano para ver o efeito

Passo 9

Pressione Shift + A e adicione uma câmera. Nas propriedades da câmera, clique no botão Orthographic. Pressione a tecla Ins no teclado numérico para a visão da câmera.

Com a câmera selecionada, pressione G e ajuste o quadro. Altere o slider Scale para caber o logotipo e o título no quadro.

Add camera
Adicionando a câmera

Passo 10

Vá para o quadro 11. Digite o número manualmente ou pressione Shift + seta para cima para avançar 10 frames.

Clique com o botão direito no plano para selecioná-lo. Use as setas para mover para fora do cubo. Pressione I e selecione Location para inserir um quadro-chave.

Animate the logo coming from outside to inside the cube
Animando o logo vindo de fora para dentro do cubo

Passo 11

Arraste a linha do tempo verde para quadro 31. Com o logo selecionado, mova-o para o centro do cubo para que você possa vê-lo. Pressione I para inserir um quadro-chave. Selecione Location no pop up.

insert keyframe for logo
Inserindo quadro-chave no logo

Passo 12

Pressione Shift + seta para a esquerda para ir para o primeiro quadro. Pressione Alt + A para visualizar a animação. Pressione a tecla Esc para parar.

Arraste a linha do tempo e vá para qualquer quadro um entre os quadros. Pressione F12 para renderizar.

Preview the animation and render any in between image
Visualizando a animação e renderizando um quadro

Passo 13

Vou adicionar outro .png transparente com texto do título. Pressione Shift + A e depois Mesh > Images as Planes.

Add title image as plane
Adicionando a imagem de título como plano

Procure a imagem de título que deve ser um .png com fundo transparente.

Nas opções de importação, marque a caixa de seleção Use Alpha. Nas configurações de material, marque a caixa de seleção Shadeless e clique no botão Z Transparency. Finalmente clique em Import Images as Planes.

Import settings
Configurações de importação

Passo 14

Pressione Alt + Z para ver visualização texturizada. Selecione o título, coloque-o ao lado do logo e do lado de fora do cubo.

Place the title next to logo
Colocando o título ao lado do logo

Passo 15

Com o título selecionado, clique com o botão direito sobre ele para selecionar, clique no botão de modificadores no editor de propriedades. Clique no botão Add Modifier e selecione Boolean.

Add Boolean modifier to the text plane
Adicionando o modificador booleano ao plano do texto

Selecione Difference para a operação e Cube para objeto. Este é o mesmo cubo que está cobrindo o logo. Você não precisa criar outro cubo cobrindo o título.

Boolean modifier settings
Configurações de modificador booleano

Pressione Z para alternar para o modo wireframe. Clique com o botão direito no objeto do título e use as setas para mover e ver o efeito.

O objeto do título não estará visível se estiver dentro do cubo.

Move the plane and see the effect
Movendo o plano e ver o efeito

Passo 16

Se o cubo for pequeno você pode aumentar sua largura. Clique com o botão direito no cubo para selecioná-lo.

Pressione Tab para entrar modo de edição. Pressione B e selecione os vértices da esquerda. Use as setas para movê-los. Pressione Tab novamente para sair do modo de edição.

Make the cube bigger
Aumentando o cubo 

Passo 17

Agora anime o título. Vá ao quadro 29 digitando manualmente o número ou arrastando a linha verde.

Com o título selecionado e dentro do cubo, vou acrescentar o primeiro quadro-chave. Pressione I para trazer o menu de quadro-chave e selecione Location.

Animate the title plane
Animando o plano do título

Passo 18

Avance 20 quadros arrastando a linha do tempo, ou digitando manualmente o número.

Mova o título com as setas para a direita do cubo para que fique visível. Pressione I e em seguida selecione Location para inserir outro quadro-chave. Pressione Alt + A para visualizar a animação.

Add keyframe to the plane
Adicionando um quadro-chave ao plano

Passo 19

Pressione tecla Ins no teclado numérico para a visão da câmera. Botão direito na câmera para selecioná-la. Pressione G e mova a câmera para ajustar o quadro que o título e logotipo estão no centro.

Ajuste o slider Scale para ajustar o logo e o título no quadro. Você pode ajustar os quadros-chave no editor Dope Sheet.

Camera settings
Configurações da câmera

No próximo Tutorial

Na próxima parte desta série de tutorial, eu vou te mostrar um outro método que pode ser usado para malhas 3D, bem como objetos de texto. Também mostrarei como aplicar estas animações em um vídeo.


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.