Infográficos Animados no PowerPoint – Tutorial Completo

Quer aprender a criar infográficos animados no PowerPoint para impressionar nas suas apresentações? Então vem que eu te ensino!

Infográficos animados no PowerPoint nascem de formas simples (retângulos, elipses e linhas) combinadas em Mesclar Formas, com subtração e fragmentação, sobre um fundo em cor sólida, gradiente ou imagem, mais ícones e caixas de texto. Depois é só aplicar transições entre slides e animações de entrada como Apagar e Esmaecer.

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

O que você aprende neste vídeo

Resposta rápida: O tutorial constrói quatro infográficos no PowerPoint: indicadores circulares, uma evolução em semicírculos, barras e gráfico de pizza. Formas, gradientes, ícones, textos e o recurso Mesclar Formas criam os elementos. Depois, agrupamentos e animações de Apagar e Esmaecer fazem cada dado surgir no sentido natural de leitura do gráfico.

Neste vídeo (50 min):

• 1:36 - Criação da capa com imagem, retângulos, transparência e gradiente
• 4:10 - Montagem do cabeçalho e da estrutura visual do primeiro slide
• 9:10 - Construção dos indicadores circulares com formas concêntricas
• 11:01 - Uso do círculo vazio como base do indicador percentual
• 12:12 - Ajuste do semicírculo que representa a parcela preenchida
• 20:30 - Criação do infográfico de evolução com formas recortadas
• 30:00 - Montagem do gráfico de barras com percentuais e legendas
• 33:33 - Construção manual do gráfico de pizza para permitir animações individuais
• 36:01 - Fragmentação do círculo com retângulos e Mesclar Formas
• 42:00 - Agrupamento dos elementos que devem se mover juntos
• 43:00 - Início da animação dos infográficos e definição da ordem
• 44:05 - Combinação de Apagar e Esmaecer para revelar gráfico e valor

Trechos do vídeo:

• Construir o gráfico com formas separadas permite animar cada parte individualmente.
• Agrupe rótulo, ícone e forma quando eles precisarem responder ao mesmo movimento.
• A direção da animação deve acompanhar o sentido em que o gráfico cresce.

Infográficos Animados no PowerPoint

Esse é um tutorial completo de infográficos para que você consiga criar uma apresentação incrível no PowerPoint com elementos muito visuais que vão deixar sua apresentação mais profissional.

Pode ficar tranquilo que eu vou te ensinar a criar elementos no PowerPoint, pois alguns deles nós vamos utilizar outros elementos para dar origem a um elemento diferenciado.

Além disso vou te mostrar como formatar esses elementos para que eles mantenham o estilo da apresentação e vou te mostrar como inserir ícones no PowerPoint para deixar a apresentação ainda melhor!

Novo slide

Para dar início a nossa apresentação interativa no PowerPoint, precisaremos criar um slide novo, que vai receber os formatos necessários.

Para isso, vamos:

• Optar pela guia Página Inicial
• Clicar em “Novo Slide”

• Escolher “Em Branco”

Capa da apresentação

Primeiramente precisaremos personalizar o fundo do nosso slide.

Fundo do Slide

Para iniciar, queremos adicionar uma cor que vai representar uma cor predominante de fundo do nosso slide, para ser diferente do branco padrão.

Para isso, precisamos:

• Ir na Guia Design
• Formatar Tela de Fundo
• Preenchimento sólido (ou de imagem)
• Mudar a cor conforme desejado

Na aula de hoje optamos pelo fundo do slide com imagem. Selecionamos uma imagem para ser o plano de fundo.

Há também a opção de colocar:

• preenchimento de gradiente, que seria uma possibilidade de mudança de tonalidade ou de cores

Precisaremos após disso, inserir um retângulo em gradiente na nossa capa. Então, necessitaremos de um retângulo para o nosso slide. Vamos, então:

• Optar pela Guia Inserir > Formas > Retângulo
• Clicar no slide e arrastar para redimensionar e posicionar a forma no slide

Faremos o mesmo processo acima para cada objeto (retângulo) inserido.

Em seguida, aplicaremos um gradiente para esse retângulo, e colocaremos uma transparência em cada cor, resultado em:

Faremos um procedimento parecido para inserir uma linha que ficará à esquerda do nosso título.

Precisaremos também inserir uma caixa de texto, com o procedimento também descrito anteriormente. Então:

• Colocaremos as respectivas fontes
• Personalizações de cor são feitas através da seleção do texto e escolhendo a cor da fonte (branca, no caso)

Veja abaixo o resultado da inserção de mais um retângulo com o mesmo gradiente do retângulo quase transparente de fundo, de uma caixa de texto, e de uma linha, conforme mostramos no vídeo:

Slide 2)

O slide 2 será composto por diversas formas, que possuem procedimento de inserção no slide de forma parecida com o que foi mostrado anteriormente.

Precisaremos de:

• Para o título:
  • 1 retângulo com mesmo gradiente do retângulo inserido na capa
  • 2 caixas de texto (1 para item e 1 para descrição)
• Para o corpo do slide, na esquerda:
  • 3 caixas de texto
  • 1 retângulo da cor verde (paleta escolhida)
• Para o corpo do slide, na direita:
  • 7 caixas de texto (2 subtítulos e 5 descrições dos gráficos)
  • 2 linhas verdes, que acompanham os subtítulos
  • 5 elipses (círculos preenchidos na cor verde da paleta escolhida)
  • 5 elipses (círculos “finos”, parecendo uma rosca, com preenchimento em cinza)
  • 5 semicírculos (na paleta verde, que vão cobrir parcialmente as “roscas”)
  • 5 ícones que representem os temas dos subtítulos (gênero e idade)

O slide, depois de inserir as formas, terá a seguinte forma:

Slide 3)

O slide 3 será composto por diversas formas, que possuem procedimento de inserção no slide de forma parecida com o que foi mostrado anteriormente.

Uma forma diferente para criar a figura “composta” do slide vai ser formada da seguinte forma:

• Criando a elipse
• Criando um retângulo
• Selecionando as duas formas
• Optando por Forma de Formato > Mesclar Formas > Subtração

Você terá algo como:

Repetindo esse procedimento mais uma vez, para um “semicírculo” para a parte de cima, e inserindo mais uma elipse, teremos a “elipse final” em 3 tons.

Precisaremos, então, de:

• Para o título:
  • 1 retângulo com mesmo gradiente do retângulo inserido na capa
  • 2 caixas de texto (1 para item e 1 para descrição)
• Para a parte superior do slide:
  • 3 caixas de texto (1 título, 2 de descrição)
• Na parte inferior do slide:
  • 3 elipses (círculo), 2 cortadas e 1 inteira, em 3 tons diferentes
  • 1 ícone (alvo)
  • 3 mini-ícones
  • 3 retângulos de cantos arredondados com gradiente
  • 6 caixas de texto (3 com os percentuais, e 3 com as descrições/anos)

Você terá algo como:

Slide 4)

O slide 4 será composto por diversas formas, que possuem procedimento de inserção no slide de forma parecida com o que foi mostrado anteriormente.

Precisaremos de:

• Para o título:
  • 1 retângulo com mesmo gradiente do retângulo inserido na capa
  • 2 caixas de texto (1 para item e 1 para descrição)
• Para o corpo do slide, na esquerda:
  • 1 caixa de texto
  • 1 retângulo da cor azul
• Para o corpo do slide, na direita:
  • 1 caixa de texto (subtítulo)
  • 5 retângulos (verdes, com leve gradiente)
  • 2 caixas de texto em cada retângulo, totalizando 10
  • 1 caixa de texto (descrição)

Você terá algo como:

Slide 5)

O slide 4 será composto por diversas formas, que possuem procedimento de inserção no slide de forma parecida com o que foi mostrado anteriormente.

Precisaremos de:

• Para o título:
  • 1 retângulo com mesmo gradiente do retângulo inserido na capa
  • 2 caixas de texto (1 para item e 1 para descrição)
• Para o corpo do slide, na esquerda:
  • 4 caixas de texto (descrição de cada fatia)
  • 12 linhas (3 compondo a descrição de cada fatia)
  • 1 retângulo da cor verde (paleta escolhida)
  • Forma complexa que é formada por:
    • 1 elipse (círculo)
    • 3 retângulos brancos (com pouca altura – parecendo uma linha)
    • 4 caixas de texto, representando os percentuais
    • Para formar essa forma, iremos selecionar primeiro a elipse, depois os retângulos, optar por mesclar formas > fragmentação > apagar todos os itens “intermediários”, como mostramos no vídeo, deixando apenas as fatias da “pizza”

      

  • Para o corpo do slide, na direita:
    • 3 caixas de texto
    • 1 retângulo da cor verde (paleta escolhida)

Teremos algo como:

Transição entre slides

Colocaremos uma transição na entrada de todos os slides, para dar um efeito de “movimento” na passagem dos slides.

Para isso, precisaremos das seguintes etapas:

• Selecionar o slide alvo do efeito de transição
• Ir na guia Transições
• Escolher a transição “Transformar”, por exemplo

Transições aplicadas:

• Slide 1: Transformar; Duração 01,00; Avançar Slide: ao clicar com o mouse
• Slides 2-5: Empurrão; Duração 01,00; Avançar Slide: ao clicar com o mouse

Animações no PowerPoint

Para dar um toque final à sua apresentação, você pode colocar animações nas figuras ou formas!

Para isso, precisaremos criar uma animação para as formas que queremos “animar” que foram inseridas anteriormente. Então:

• Clicaremos na forma específica do slide
• Iremos na guia Animações do PowerPoint
• Optaremos pela animação “Apagar”, por exemplo

Vamos configurar o mesmo efeito para todas as letras, da seguinte forma:

• Slide 2:
  • Apagar nas “barras” que preenchem os círculos cinzas
  • Esmaecer para os percentuais
• Slide 3:
  • Apagar para as 3 formas retangulares de cantos arredondados
• Slide 4:
  • Apagar para todas as barras horizontais (opções de efeito > da esquerda)
  • Esmaecer para as caixas de texto “descrição” das barras horizontais
• Slide 5:
  • Apagar, a “fatia maior” (para baixo)
  • Apagar, as “fatias menores” (para cima)
  • Esmaecer, as caixas de texto e as linhas que compõem as descrições

Perguntas frequentes

Conclusão – Infográficos Animados no PowerPoint

Nessa aula você lidou com:

• Formatar tela de fundo
• Preenchimento de gradiente
• Formas no PowerPoint
• Animações em apresentações
• Transições no PowerPoint

Até o próximo post, Impressionadores! Fique ligado no nosso canal do Youtube para mais conteúdo de PowerPoint! Valeu!

Hashtag Treinamentos

Para acessar outras publicações de PowerPoint, clique aqui!

---

---