Slides com Visual do Instagram no PowerPoint

Já pensou em criar uma apresentação de slides com visual do Instagram no PowerPoint? Eu vou te mostrar como fazer isso hoje!

Slides com visual do Instagram reproduzem a interface da rede — moldura de post, foto de perfil, curtidas e legenda — dentro do PowerPoint. Montados com formas, ícones e as proporções certas, eles dão um formato criativo e familiar a apresentações, aulas e carrosséis, prendendo a atenção do público de cara.

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: A aula recria no PowerPoint uma identidade visual inspirada no Instagram. Você monta a capa, aplica a paleta em gradientes, cria logo, cabeçalho e navegação, desenha cartões de equipe, post e conversa e liga os ícones aos slides. Transições completam a apresentação e reforçam a sensação de navegar pela interface da rede social.

Neste vídeo (42 min):

• 1:34 - Planejamento da apresentação e criação do primeiro slide em branco
• 2:26 - Busca e instalação de uma fonte pelo Google Fonts
• 5:07 - Criação do gradiente com as cores da identidade visual
• 6:33 - Extração e organização da paleta de cores usada na apresentação
• 9:21 - Construção de uma logo com formas, contorno e imagem
• 12:59 - Montagem do cabeçalho e do menu visual dos slides
• 16:23 - Criação dos cartões de integrantes com foto, nome e borda em gradiente
• 21:57 - Configuração de hiperlinks nos ícones de navegação
• 25:06 - Montagem de um post com imagem, perfil, ações e legenda
• 30:06 - Criação de uma página que reproduz uma conversa no chat
• 39:43 - Aplicação e teste das transições entre os slides

Trechos do vídeo:

• A identidade visual nasce da combinação entre fonte, paleta, gradientes e formas consistentes.
• Hiperlinks transformam os ícones em um menu funcional dentro da apresentação.
• Os layouts de perfil, post e conversa podem ser adaptados ao conteúdo da empresa ou do projeto.

Fala, Impressionadores! Na aula de hoje nós vamos criar slides com identidade visual do Instagram no PowerPoint!

Isso quer dizer que vamos fazer a criação de apresentações no PowerPoint com o estilo do Instagram para transformar sua apresentação e uma apresentação impressionadora!

Para usar o estilo do Instagram no PowerPoint eu vou te mostrar como fazer o download de fontes com o Google Fonts.

Além disso vou te mostrar como utilizar o preenchimento de gradiente para deixar sua apresentação com as mesmas cores do Instagram.

E aí bora aprender a criar essa apresentação impressionadora?

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)

Para iniciar a montagem da capa da nossa apresentação, precisaremos inserir dois retângulos que fiquem nas extremidades superiores e inferiores do nosso slide.

Para isso precisaremos criar formas retangulares, e você pode optar por retângulos normais ou com cantos arredondados. Repetiremos os passos abaixo para criar qualquer forma retangular usada na aula.

Vamos, então:

• Ir na Guia Inserir > Formas > Retângulos > Optar por Retângulo (ou retângulo com cantos arredondados)
  
• Clicar no slide e arrastar para redimensionar e posicionar a forma no slide

Veja após a inserção na posição que queremos:

Vamos em seguida criar um preenchimento de gradiente no retângulo inserido anteriormente com as cores do Instagram (nosso tema).

Para usar de um preenchimento de gradiente no PowerPoint, você precisa:

• Clicar na forma desejada
• Clicar com botão direito do mouse > Formatar Forma
• Optar pelo Ícone de Balde > Preenchimento
• Marcar a opção Preenchimento de gradiente
• Inserir as cores desejadas, como mostrado abaixo (Mais Cores…)

Aplicando nesse retângulo gradientes das cores citadas na videoaula, de tons diferentes, teremos:

Vamos também duplicar esse retângulo de cantos arredondados e com gradiente para o canto inferior do slide:

Em seguida criaremos um título para a capa da nossa apresentação.

Precisaremos, então, de caixas de texto para o nosso slide. Vamos, então:

• Optar pela Guia Inserir > Formas > Caixa de texto
• Clicar no slide e arrastar para redimensionar e posicionar a forma no slide
• Colocaremos as respectivas fontes (no slide utilizamos a Montserrat) e tamanhos
• Personalizações de cor são feitas através da seleção do texto e escolhendo a cor da fonte

Faremos o processo para cada objeto inserido.

Vamos aqui utilizar uma fonte diretamente baixada do Google Fonts, conforme mencionamos no vídeo.

Veja abaixo o resultado da inserção da caixa de texto, e da personalização de tamanho de fonte conforme mostramos no vídeo:

Para compor um fundo de imagem/ícone, vamos também inserir mais 2 retângulos de cantos arredondados:

• 1 com o padrão de gradiente do Instagram
• 1 que vai ser mais interno, apenas com o contorno em branco (sem preenchimento)

Para completar a capa da nossa apresentação, precisaremos incluir uma imagem para representar o logo da capa.

Para inserir uma imagem no slide, precisaremos:

• Na primeira guia do PowerPoint, clicar na guia Inserir
• Optar por Imagem (ou Ícone)
• Escolher a imagem disponibilizada a ser inserida
• Dimensionar e posicionar conforme necessário/desejado

Vamos repetir os passos acima para quaisquer imagens a serem inseridas nos nossos slides.

Então, vamos inserir no slide a imagem desejada (utilizaremos uma de exemplo abaixo), juntamente com os 2 retângulos inseridos anteriormente que vão compor seu “fundo”:

Forma final do 1º slide:

2º slide) Quem faz parte do nosso time?

Para montar o slide do “time”, que escolhemos como tema 2, precisaremos das seguintes formas:

• 1 Retângulo de cor branca (canto superior do slide), com sombra
• 1 Retângulo de cor cinza (preencherá todo o slide)
• 1 Caixa de texto (centro)
• 1 Retângulo de cantos arredondados (centro)
• 4 Elipses com contorno em degradê (centro)
• 4 Caixas de texto para serem o nome associado a cada elipse
• 1 Logo completo (nome e imagem) copiado do 1º Slide

Para criar essa sombra na “barra branca” representada pelo retângulo no canto superior, precisaremos:

• Clicar na forma
• Optar pela guia Forma de Formato
• Efeitos de Forma -> Sombra
• Programar a sombra como Deslocamento: Inferior

Para os contornos das elipses, faremos um contorno especial, em degradê. Para isso, precisaremos:

• Clicar na forma
• Botão direito > Formatar Forma
• Na guia à direita, abrir o menu de “Linha”
• Marcar a opção de Linha de Gradiente
• Colocar 3 marcadores, com as cores rosa, laranja e amarelo, conforme as cores dadas da paleta do Instagram no começo da aula
• Largura em 5 pt
  

Após as devidas personalizações e posicionamentos, vamos replicar as elipses e colocar uma caixa de texto embaixo de cada uma delas. Teremos quase a forma final do 2º slide:

Para finalizar, teremos ícones no canto superior direito, que representarão hiperlinks para navegação entre as páginas.

Para inserir hiperlinks, vamos:

• Clicar na forma desejada
• Selecionar a guia Forma de Formato
• Ação
• Habilitar “Hiperlink para”
• Optar pela opção desejada de página de navegação

Pronto, a partir daqui, ao fazer a apresentação (Atalho F5) você observará as transições criadas ao passar de um slide para o outro, como mostrado no vídeo, e o funcionamento dos hiperlinks ao clicar.

3º slide)

Para o terceiro slide vamos duplicar o slide 2, para aproveitar os retângulos branco, cinza, e os hiperlinks criados.

Vamos além delas, então, inserir as formas já conhecidas:

• 1 Retângulo, da cor branca, de cantos arredondados
• 1 Retângulo, da cor azul, de cantos arredondados
• 4 ícones, que representam imagens de ícones do Instagram
• 1 Elipse com linha em gradiente, copiada do slide anterior
• 2 Caixas de texto, uma com fonte maior e outra com fonte menor

Observe as estruturas já inseridas no terceiro slide:

4º slide)

Para o quarto slide também vamos duplicar o slide 2, para aproveitar os retângulos branco, cinza, e os hiperlinks criados.

O quarto slide vai ser composto pelas seguintes formas:

• 1 Retângulo, da cor azul, de cantos arredondados
• 1 Retângulo, da cor branca, de cantos arredondados
• 1 Linha cinza, pra representar uma divisória do título e o texto escrito no interior do retângulo branco
• 1 Elipse com linha em gradiente, copiada do slide anterior
• 1 Ícone/Imagem inserida no canto direito do “título”
• 2 Retângulos, de cantos arredondados, que vão ter pontos editados para virarem “balões de pensamento”, como mostramos na videoaula
• 3 Caixas de texto: 1 para o título, e 2 para cada “balão de pensamento”

Para editar pontos num retângulo, você deve:

• Com a forma clicada, iremos na guia Forma de Formato
• Ir em Editar Forma > Editar Pontos

Observe as estruturas já inseridas no terceiro slide:

5º slide)

Para o quinto slide também vamos duplicar o slide 2, para aproveitar os retângulos branco, cinza, e os hiperlinks criados.

O quarto slide vai ser composto pelas seguintes formas:

• 1 Retângulo, da cor branca, de cantos arredondados
• 1 Elipse com linha em gradiente, copiada do slide anterior
• 4 Caixas de texto: 1 maior para o título, 1 intermediário para o subtítulo e 2 para cada “detalhamento”

As formas vão ser combinadas e resultarão em:

Perguntas frequentes

Conclusão – Slides com Visual do Instagram

Nessa aula você lidou com:

• Formatação de formas no PowerPoint
• Como inserir ícones no PowerPoint
• Preenchimento de gradiente no PowerPoint
• Truques no PowerPoint
• Criação de apresentações no PowerPoint
• Estilo do Instagram no PowerPoint
• Dicas de PowerPoint

Valeu, Impressionadores! Fique ligado no nosso canal do Youtube para mais conteúdo de PowerPoint toda semana! Um abraço!

Hashtag Treinamentos

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

---

Quer aprender mais sobre PowerPoint com um minicurso gratuito?

---