1. Design & Illustration
  2. Graphic Design
  3. Techniques & Workflow

Como Criar uma Foto Manipulação de Vaga-lumes Cintilantes no Adobe Photoshop

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Você já pegou vaga-lumes em uma noite quente de verão?

Quando eu era criança, costumava chamá-los de "insetos relâmpago", eu sempre fui fascinada por como eles brilham e cintilam no céu, e amava soltá-los novamente na noite.

Então nesse tutorial, mostrarei como criar sua própria cena de vaga-lumes, usando técnicas de foto manipulação e ferramentas incríveis no Adobe Photoshop.

Se inspire! Encontre mais fotos para suas manipulações no Envato Market e Envato Elements.

Recursos do Tutorial

Os seguintes recursos foram usados na produção desse tutorial:

Encontrando Inspiração

Uma das melhores maneiras de ficar inspirado é procurar magia na vida diária. Então para essa manipulação, eu criarei uma cena com uma sensação de noite natural usando uma coleção dessas imagens de banco de imagens.

Stocks for photo manipulationStocks for photo manipulationStocks for photo manipulation

Eu normalmente recolho referências de várias fontes com o Pinterest. Mas você também se preparar para a foto manipulação com um rápido esboço miniatura (thumbnail).

O meu foi tão simples quanto esse pequenos rabiscos abaixo.

Thumnbail sketchThumnbail sketchThumnbail sketch

Vamos começar!

1. Como Remover um Objeto de uma Foto

Passo 1

Abra a imagem Grass stock no Adobe Photoshop.

Parece que já temos um amigo peludo nessa imagem! Então nós temos que remover o coelho da foto para fazer espaço para os vaga-lumes.

Grass stockGrass stockGrass stock

Mas primeiro vamos refletir a imagem. Vá até editar> transformar> refletir horizontal (edit> transform> flip horizontal).

Flip the imageFlip the imageFlip the image

Passo 2

Agora corte a foto para uma composição mais firme.

Selecione a ferramenta cortar (C) (crop tool) e corte a imagem como mostra abaixo.

Fique à vontade para ajustar o tamanho total da imagem para um semelhante ao meu resultado final de  2500 x 1932 pixels.

Crop the photoCrop the photoCrop the photo

Passo 3

Vamos remover o coelho.

Remove the rabbitRemove the rabbitRemove the rabbit
  1. Selecione a ferramenta letreiro retangular (M) (rectangular marquee tool) e faça a seleção de um pouco de grama do lado esquerdo. Copiar e colar a seleção em uma nova camada e renomeie com coelho (rabbit).
  2. Refletir a grama.  Vá até editar> transformar> refletir horizontal (edit> transform> flip horizontal). Então posicione sobre o coelho.
  3. Adicione uma máscara de camada à essa camada. Use um pincel redondo macio (B) (soft round brush) (100% de opacidade, 0% de dureza (hardness)) para mascarar as bordas duras do quadrado.

Dica: fique á vontade para levar a máscara tão longe quanto precisar. Essa é apenas uma maneira rápida de remover o coelho para que possamos prosseguir.

2. Como Adicionar os Frascos de Vidro

Passo 1

Agora vamos trabalhar nos frascos de vidro. Nós precisamos remover o plano de fundo branco primeiro, para que possamos inseri-los na composição.

Remove the white backgroundRemove the white backgroundRemove the white background
  1. Abra a sua imagem Glass Jar stock no Photoshop. Clique duplo na camada do plano de fundo para fazer dela uma camada normal.
  2. Usando a ferramenta varinha mágica (W) (magic wand tool) para seleciona o plano de fundo branco.
  3. Então pressione a tecla Delete para removê-lo completamente.

Passo 2

Crie uma nova camada acima da cobertura do coelho, e copiar e colar a jarra na grama.

Use a ferramenta de transformação livre (Control-T) (free transform tool) para rotacionar a jarra em uma angulação suave. Ela está posicionada na grama afinal, porém um pouco fora de centro. 

Paste the jarPaste the jarPaste the jar

Se você está usando um frasco de banco de imagens semelhante a esse, então você observará que dentro está branco como o plano de fundo. Para deixá-la mais transparente como um frasco normal nós precisaremos fazer os seguintes passos.

Primeiro selecione a camada da jarra, e segure Control-I para inverter. Isso vai deixá-lo preto na maior parte.

Invert the jarInvert the jarInvert the jar

Passo 3

Crie um novo grupo e posicione a camada da jarra dentro dele.

Configure o modo de mesclagem da camada da jarra em divisão, e então segure Control-J para fazer mais cópias, num total de três.

Nós vamos ter que inverter o frasco primeiro, para que possamos aplicar um efeito que o torne mais transparente. Duplicando as camadas com divisão nós ajuda a trazer o frasco de volta sem bloquear a grama por trás  dele Abaixo está o resultado.

Duplicate the jarDuplicate the jarDuplicate the jar

Agora selecione todas as camadas no grupo e clique direito para mesclar todas as camadas juntas.

Isso vai fazer a jarra ficar preta de novo, então certifique-se de configurar o modo de mesclagem da camada em divisão novamente.

Merge the groupMerge the groupMerge the group

Passo 4

Continue a trabalhar na jarra.

A seguir adicione uma máscara de camada. Use um pincel redondo duro (B) (100% de opacidade, 100% dureza) para pintar de preto na máscara de camada e remover o reflexo branco.

Então segure Control-J para duplicar essa camada junto com nova máscara, configurando a opacidade da cópia em 50%.

Remove the reflectionRemove the reflectionRemove the reflection

Agora nós temos um frasco limpo que parece superrealista.

Passo 5

Corrija a cor da frasco para mais contraste e autenticidade.

Crie uma nova camada acima do grupo frasco Clique direito para configurar essa camada como máscara de recorte do grupo.

Preencher a camada com uma cor rosa pálido #b6a8b8 usando a ferramenta balde de tinta (G)(paint bucket tool) antes de configurar o modo de mesclagem da camada para superexposição de cor (color burn).

Color correct the jarColor correct the jarColor correct the jar

Passo 6

Agora pinte uma sombra no frasco. Esse passo vai tirar as linhas brancas duras.

Crie uma nova camada acima do preenchimento de cor rosa e configure com máscara de recorte do grupo frasco também.

Use um pincel redondo macio (B) (70-90% opacidade, 0% dureza) para pintar uma sombra marrom #262019 ao redor de todas as bordas do vidro. Continue a pintar mais sombras na parte inferior do vidro também.

Coloque a cor conforme você continua. Use a ferramenta borracha (E) (erase tool) a qualquer hora para remover algumas sombras se elas ficarem muito pesadas. Então configure o modo de mesclagem da camada em multiplicação.

Paint shadow onto the jarPaint shadow onto the jarPaint shadow onto the jar
Trabalhe ao redor do vidro com a sombra, e se ficar muito pesada use a ferramenta borracha (E).

Passo 7

Nós completamos o primeiro vidro; bom trabalho!

Vamos acrescentar outra.

Para fazer isso, selecione todas as camadas do primeiro vidro (incluindo a sombra e preenchimento) e pressione Control-J para duplicá-los.

Redimensione o segundo frasco. Enquanto todas as camadas ainda estiverem selecionadas, segure control-T para fazer a transformação livre (free transform) do vidro, redimensionando ele bem menor mais para trás. Ajuste as sombras e posicione conforme o necessário.

Duplicate the glass jarDuplicate the glass jarDuplicate the glass jar

O resultado até agora.

Result after second jarResult after second jarResult after second jar

3. Como Adicionar os Vaga-lumes

Passo 1

Agora que nossas jarras já estão posicionadas no lugar, nós podemos começar a adicionar os vaga-lumes.

Tenha em mente que esses não são vaga-lumes reais. Eu não consegui encontrar uma imagem deles em bancos de imagem, então nós simplesmente vamos construir um nós mesmos.

Primeiro, baixe essa mosca 3D (3D Fly stock) no ângulo certo. Uma posição simples como essa pode ser alterada facilmente para fazer parecer que está voando.

Download the fly stockDownload the fly stockDownload the fly stock

Passo 2

Copiar e colar a primeira mosca em uma nova camada abaixo dos dois grupos dos frascos de vidro.

Com a transformação livre (Control-T), redimensione a mosca deixando muito menor. Posicione a mosca acima do primeiro frasco.

Para dar mais brilho a luz na mosca, adicione uma nova camada de ajuste curvas acima dela e configure-a como máscara de recorte da camada da mosca. Ajuste as curvas do RGB, dos canais verde (green) e azul (blue) conforme segue. Então mesclar (merge) as camadas de ajuste e da mosca juntas.

Add the first flyAdd the first flyAdd the first fly

Passo 3

Crie mais moscas!

Com a camada mesclada selecionada, segure Control-J para criar mais duplicatas da mosca iluminada; um total de 10 cópias deve servir.

Posicione cada uma ao redor dos vidros. Rotacionar, Redimensionar ou Refleti-las para deixar a cena mais dinâmica. Certifique-se de algumas estejam pousadas na parte superior do vidro ou apenas voando sobre ele.

Add more fliesAdd more fliesAdd more flies

Passo 4

Adicione uma última mosca. Você pode usar o mesmo ângulo ou tentar um novo se quiser.

Copiar e colar a mosca original do banco de imagens em uma nova camada acima do restante. Essa imagem deve ter a luz original. Vá até editar> transformar> refletir horizontal para refletir.

Essa mosca estará voando do lado direito. Redimensionar para que fique maior que o restante. Então posicione-a num ângulo descendente para uma sensação de profundidade de campo.

Add the last flyAdd the last flyAdd the last fly

Passo 5

Para reforçar a profundidade do campo, desfoque a mosca da direita.

Selecione a camada e vá até filtro> desfoque> desfoque gaussiano (filter > blur > Gaussian blur), adicionando um raio (radius) de 25 pixels.

Blur the flyBlur the flyBlur the fly

Passo 6

Agora que todas as moscas estão no lugar, nós podemos cobrir a parte inferior dos vidros com grama, de modo que encaixem perfeitamente no chão.

Use a ferramenta de marcação retangular (M) para fazer uma seleção da grama abaixo dos vidros. Copiar e colar duas cópias da grama em duas novas camadas. Posicione cada pedaço de grama sobre a parte inferior do vidro, e então mesclar (merge) as camadas juntas.

Cover the bottom of the jars with grassCover the bottom of the jars with grassCover the bottom of the jars with grass

Refinar a grama! Adicione uma máscara de camada para mascarar as bordas com um pincel macio redondo (B).

4.Como Finalizar a Manipulação dos Vaga-lumes

Quase terminado. Ótimo trabalho até agora.

Para conseguir os estágios finais dessa manipulação, nós ainda precisamos pintar o brilho amarelo nos vaga-lumes. Então nós vamos unir toda a composição com mais ajustes de sombra e luz.

Passo 1

Copiar e colar a imagem Starry Sky em uma nova camada acima do restante.

Configure o modo de mesclagem em divisão e a opacidade em 87%.

Essa camada vai adicionar imediatamente uma enxurrada de estrelas à cena.  Ajuste a intensidade com uma simples máscara de camada.

Add a starry skyAdd a starry skyAdd a starry sky

Passo 2

Altere o esquema de cores com algumas camadas de ajuste (adjustment layers).

Para alterar a cena do dia para a noite.

Adicione uma nova camada de ajuste pesquisa de cores. Configure o 3DLUT File para NightfromDay.CUBE.

Então configure o modo de mesclagem para luz direta e a opacidade para 73%.

Add a color lookup adjustmentAdd a color lookup adjustmentAdd a color lookup adjustment

Passo 3

A seguir, adicione uma nova camada de ajuste mapa de degradê.

Configure a cor de vermelho escuro #270209 para vermelho #d90f31, e então configure o modo de mesclagem da camada como subexposição linear (adicionar) (linear dodge (add)).

Diminua a opacidade para 30%.

Add a gradient map adjustmentAdd a gradient map adjustmentAdd a gradient map adjustment

Passo 4

Continue ajustando as cores.

Adicione uma nova camada de ajuste pesquisa de cores.

Configure o 3DLUT File para Candelight.CUBE e a opacidade em 71%.

Add a color lookup adjustmentAdd a color lookup adjustmentAdd a color lookup adjustment

Então prossiga com outra nova camada de ajuste mapa de degradê.

Configure a cor do azul, amarelo e rosa predefinidos, e então diminua a opacidade para 30% e altere o modo de mesclagem da camada para Matiz.

Add a gradient map adustmentAdd a gradient map adustmentAdd a gradient map adustment

Passo 5

Quase lá!

Já que as cores estão bem, nós podemos agora experimentar com mais sombras. Vamos criar um leve efeito de vinheta para atrair mais a atenção para os frascos de vidro e os vaga-lumes.

Crie uma nova camada acima do restante e configure como multiplicação. Use um pincel macio redondo (70% de opacidade, 0% e dureza) para pintar de marrom #403a2c ao redor de todas as bordas da composição

Traga um pouco do marrom para a grama para amarrar tudo junto.

Create a vignette effectCreate a vignette effectCreate a vignette effect

Passo 6

Ilumine a cena com alguma luz!

Crie uma nova camada acima o restante. Usar um pincel redondo macio (0% dureza, 70% de opacidade) para pintar de amarelo #b8b660 o final de cada mosca.

Paint glow onto the fliesPaint glow onto the fliesPaint glow onto the flies

Então crie outra nova camada acima da anterior e configure com Sobrepor.

Agora pinte um brilho ao redor dos vidros, mosca e grama com um amarelo muito mais brilhante #f7cb57.

Ajuste a opacidade da camada se necessário.

Paint glow onto the scenePaint glow onto the scenePaint glow onto the scene

Passo 7

Vamos finalizar com mais alguns ajustes de cor.

Comece com uma nova camada de ajuste cor seletiva.

Ajuste os valores para vermelhos, amarelos, neutros, brancos e pretos conforme segue.

Add a selective color adjustmentAdd a selective color adjustmentAdd a selective color adjustment

Então crie uma nova camada de ajuste equilíbrio de cores.

Configure os valores de sombras (shadows), tons médios (midtones) e luzes (highlights) conforme segue.

Add a color balance layerAdd a color balance layerAdd a color balance layer

Aqui está o resultado. Nós adicionamos muito mais calor e intensidade de cor.

Result after color balanceResult after color balanceResult after color balance

Passo 8

Para destacar as cores ainda mais, crie duas novas camadas e configure ambas como sobrepor.

Use a ferramenta balde de tinta (G) para preencher a primeira camada com verde azulado #2afbd1. Ajuste a opacidade em 15%. Então preencha a segunda camada com amarelo #fbae2a. Configure a opacidade em 40%.

Aqui está o resultado.

Result after overlay layersResult after overlay layersResult after overlay layers

Passo 9

Nossos detalhes finais vão nos ajudar a unir tudo nessa manipulação. Use um pincel duro redondo para pintar realces amarelos #dcc95e na grama ao redor dos frascos de vidro

Alguns traços de realce ao longo do caminho, então sinta-se a vontade para experimentar nesse passo!

Paint highlights on the grassPaint highlights on the grassPaint highlights on the grass

É isso!  Confira o resultado final abaixo!

Tudo Terminado! Ótimo Trabalho!

Libere suas memórias mais nostálgicas com uma divertida foto manipulação. Nesse tutorial nós aprendemos como criar uma cena inteira de vaga-lumes do zero, usando lindas imagens de bancos de imagens e recursos 3D. Fique a vontade para encontrar imagens semelhantes por você mesmo ou personalizar essa manipulação com mais detalhes.

Espero que tenha apreciado esse tutorial! Como você faria? Compartilhe seus resultados e comentários abaixo.

Para mais tutoriais de foto manipulação como esse, confira esses links:

Fireflies photo manipulation Photoshop tutorial by Melody NievesFireflies photo manipulation Photoshop tutorial by Melody NievesFireflies photo manipulation Photoshop tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads