Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Instagram
Design

 Como Criar Uma Revelação de Foto  Animada em  Aquarela para o Instagram Stories no Photoshop

by
Length:ShortLanguages:
This post is part of a series called How to: Instagram .
Instagram Stories: How to Create a Color Story
How to Decorate Photos for Instagram With Drawings: Photoshop in 60 Seconds

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

What You'll Be Creating

Nesse tutorial, nós vamos criar um efeito revelação de foto animada no Adobe Photoshop para o Instagram Stories, que nós podemos usar em qualquer imagem.

Eu criei a animação para Animated Creative Portrait Reveal Stories Template do mesmo modo que para o meu portfólio no GraphicRiver.

httpsgraphicrivernetitemanimated-creative-portrait-reveal-stories-template21354581

Materiais do Tutorial

  • Qualquer foto que quiser usar para essa manipulação. Você pode encontrar algumas fotos grátis no Unsplash e Pixabay ou comprar fotos de alta qualidade no PhotoDune. Eu escolhi essa foto do Unsplash.
  • Um conjunto de pincéis que eu criados por mim especificamente para esse tutorial.

1. Como Preparar o Documento

Passo 1

Use Control-N para criar um novo documento e use as seguintes configurações: 1080 x 1920 px; 300 dpi.

Creating new document

Passo 2

Vá até Arquivo> Inserir e coloque sua imagem dentro do documento.

Placing the image

Passo 3

Redimensione sua imagem até as bordas do documento e clique em Enter.

Resizing the image

Passo 4

Clique direito na camada, e então clique em Converter para Objeto Inteligente (Convert to Smart Object).

Creating the smart object

Passo 5

Crie um novo grupo abaixo do seu objeto inteligente no painel Camadas (layers) usando o ícone Grupo de Camadas (group layer), e renomeie como "Máscara de Camadas"(mask layers).

Creating group of layers

Passo 6

Selecione o grupo de camadas e crie nove novas camadas usando a combinação Shift-Control-N.

Creating mask layers

2. Como Criar o Efeito de Pintura

Passo 1

Selecione seu objeto inteligente e vá até Filtro> Ruido> Mediana. Use as seguintes configurações: raio:4.

Adding median effect to smart object

Passo 2

Vá até Filtro> Galerias de Filtros> Arestas Acentuadas. Use as seguintes configurações: Largura da Borda:7; Brilho da Borda:28; Suavização:5.

Adding accented edges effect

Passo 3

Vá até Filtro> Galerias de Filtros> Tinta-Base (Filter > Filter Gallery > Underpainting). Use as seguintes configurações: tamanho do pincel: 2; cobertura da textura: 2; escala: 100%; relevo:4.

Creating underpainting effect

Passo 4

Vá até Filtro> Galerias de Filtros> Pincel a Seco. Use as seguintes configurações: tamanho do pincel: 2; detalhe do pincel: 10; textura:2.

Adding dry brush effect

Passo 5

Vá até Filtro> Galerias de Filtros> Corte. Use as seguintes configurações: número de níveis:8; simplicidade da aresta: 0; fidelidade da aresta:2.

Creating cutout effect

Passo 6

Clique duplo no ícone configurações perto do filtro corte no painel Camadas e altere o Modo de Mesclagem do filtro para Luz Suave.

Changing fitler blending mode

Como você pode ver, alguns dos detalhes da nossa foto foram perdidos aos o processamento da imagem com filtros. As pupilas se tornam pouco visíveis; para consertar isso nós vamos precisar criar uma sobreposição.

Example of image after processing

Passo 7

Crie uma duplicata do seu objeto inteligente usando o Clique Direito> Duplicar.

Creating duplicate of the smart object

Passo 8

Agora nós precisamos limpar os filtros inteligentes da nossa sobreposição. Clique direito> Limpar Filtro Inteligente no segundo objeto inteligente.

Clearing the smart object from filters

Passo 9

Vá até Imagens> Ajustes> Sombras/Realces e use as seguintes configurações: quantidade de sombra:100%; quantidade de realce: 0%.

Adding filters to overlay smart object

Passo 10

Vá até Filtro> Outros> Alta Frequência e defina as seguintes configurações: raio:9.0 px.

Adding high pass filter

Passo 11

Altere o Modo de Mesclagem da sobreposição para Luz Linear e Opacidade para 35%.

Changing blending mode

É assim que a nossa imagem ficará após a implementação de todas as manipulações listadas acima:

3. Como Criar Traçados de Máscara

Passo 1

Clique direito na camada da sobreposição e selecione Máscara de Recorte.

Creating clipping mask

Passo 2

Depois disso, clique direito no objeto inteligente principal e selecione Máscara de Recorte novamente.

Creating second clipping mask

Passo 3

Agora vamos desenhar traçados com o nosso conjunto de pincéis grátis. Selecione a primeira camada no grupo "Máscara de Camada" e então clique em B para ativar a Ferramenta Pincel e desenhe um traçado com o primeiro pincel do conjunto.

Creating first mask layer

Passo 4

Desenhe um traçado em cada camada usando diferentes pincéis.

Creating strokes on mask layers

Passo 5

Agora nós precisamos criar alguma textura para o plano de fundo. Selecione a camada plano de fundo (background) e use a combinação Shift-5, e então selecione a cor #ecdccb no painel Seletor de Cores (color picker).

Filling the background with color

Passo 6

Vá até Filtro> Galeria de Filtros> Texturizador. Use as seguintes configurações: Escala: 100%; Relevo: 2.

Adding texture fitler to the background

Passo 7

Altere o Modo de Mesclagem do grupo máscara de camada para Multiplicação.

Changing the blending mode

4. Como Criar uma Animação

Passo 1

Selecione todas as máscaras de camada enquanto segura o Shift, e altere a Opacidade para 0%.

Passo 2

Agora nós estamos prontos para começar a criar a nossa animação. Vá até Janela> Linha do Tempo e Clique em Criar Linha do Tempo.

Creating timeline

Passo 3

Abra a primeira camada do painel Linha do Tempo e altere o indicador da hora para 0:00:00:00.

Moving time indicator to the start of animation

Passo 4

Você precisa criar o primeiro quadro principal. Clique no ícone Cronômetro perto da  Opacidade para criar o primeiro Quadro principal.

Creating first keyframe

Passo 5

Mova o Indicador de hora para 0:00:00:13 e altere a Opacidade da camada para 100%.

Creating Second Key Frame

Passo 6

Selecione os quadros principais que criou e, então clique direito e selecione Copiar.

opying the frames

Passo 7

Altere o Indicador da Hora para 0:00:00:07 e crie o primeiro quadro principal.

Passo 8

Clique direito no Quadro Principal e selecione Colar.

Pasting the keyframes

Passo 9

Agora, nós precisamos Copiar e Colar os quadros principais do mesmo modo que fizemos acima para todas as máscaras de camada.

Creating keyframes for other layers

Passo 10

Mova o Indicador da Hora para 0:00:02:22 e crie um novo Quadro principal

Creating third keyframe for layer 8

Passo 11

Altere o Indicador da hora para 0:00:03:07 e então mude a Opacidade da camada para 0%.

Creating fourth keyframe for layer 8

Passo 12

Mova o Indicador da Hora para 0:00:00:07 e crie um novo Quadro principal

Passo 13

Vá até a Camada 7 no Painel Linha do Tempo e mude o Indicador da hora para 0:00:02:29, e então Cole seus Quadros Principais.

Passo 14

Nós agora precisamos Copiar e Colar os quadros principais do mesmo modo que nós fizemos acima para todas as máscaras de camada, de modo que nós criaremos uma animação que desaparece gradualmente.

Creating keyframes for other layers

5. Como Renderizar a Animação para o Instagram Stories

Passo 1

Nossa animação agora está pronta para renderizar. Clique no ícone no canto superior direito e selecione Renderizar Vídeo.

Opening render panel

Passo 2

Defina as seguintes configurações no painel Rederizar Vídeo: Formato: H.264; Tamanho: Tamanho do Documento; Intervalo: Todos os Quadros.

Rendering Video

Agora Você Terminou, Trabalho Incrível!

Seu video está pronto para ser carregado para o seu Instagram Story! Desse modo nós podemos criar o efeito de revelação animada de fotos no Adobe Photoshop usando objetos inteligentes.

Espero que você tenha gostado desse tutorial; fique à vontade para me contactar para qualquer ajuda com as técnicas que nós usamos. Você também pode conferir meu Modelo Animated Creative Portrait Reveal Stories no meu portfólio no GraphicRiver

httpsgraphicrivernetitemanimated-creative-portrait-reveal-stories-template21354581
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.