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

Como Criar uma Manipulação Fotográfica de um Gato e Peixes Voadores com o Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

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

Neste tutorial, eu vou mostrar a você como usar o Adobe Photoshop para criar uma manipulação fotográfica que apresenta um gato vendo peixes voadores.

Primeiro, nós vamos construir a cena base usando um céu e as imagens de paredes. Depois disso, nós adicionaremos o gato, os peixes e as árvores, e mesclaremos todos eles juntos usando camadas de ajuste, máscaras e pincéis. Depois, vamos pintar algumas luzes que darão um efeito de sonho em nossa montagem e vamos completar o tutorial com várias camadas de ajuste.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

1. Como Construir a Cena Base

Passo 1

Crie um novo documento de 2000 x 1700 px no Photoshop com as seguintes configurações:

new filenew filenew file

Passo 2

Abra a imagem do céu. Use a Ferramenta Letreiro Retangular (M) para selecionar apenas a área do céu, e arraste-a para dentro da tela de pintura branca usando a Ferramenta Mover (V)

add skyadd skyadd sky

Passo 3

Para suavizar o céu, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 8 px:

sky gaussian blursky gaussian blursky gaussian blur

Passo 4

Duplique a camada do céu e mova-a para cima e para a direita. O objetivo é mover a área de luz do céu para uma posição mais alta na esquerda.

sky duplicatedsky duplicatedsky duplicated

Clique no segundo ícone na parte inferior do painel de Camadas (Layers) para adicionar uma máscara para esta camada. Use um pincel arredondado suave com a cor preta para apagar o lado direito da área de pintura, já que precisamos apenas do lado esquerdo duplicado.

duplicated sky maskingduplicated sky maskingduplicated sky masking

Passo 5

Selecione as duas camadas do céu e pressione Ctrl-G para criar um grupo para elas. Altere o modo deste grupo para Normal 100% e crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) dentro deste grupo (Camada > Nova Camada de Ajuste > Equilíbrio de Cores (Layer > New Adjustment Layer > Color Balance)):

sky color balancesky color balancesky color balance

Passo 6

Crie uma camada de ajuste de Curvas e reduza a luminosidade um pouco. Nesta máscara de camada, use um pincel suave de cor preta para pintar na parte de baixo do lado esquerdo e fazer com que o canto superior direito fique mais escuro para combinar com a fonte de luz principal.

sky curves sky curves sky curves

Passo 7

Abra a imagem da parede. Use a Ferramenta Laço Poligonal (L) para pegar apenas a parede e posicione-a na metade inferior da área de pintura principal.

add walladd walladd wall

Passo 8

Crie uma nova camada e defina-a como Máscara de Corte (Clipping Mask). Ative a Ferramenta Carimbo (S) para remover detalhes indesejados na parede:

wall cloningwall cloningwall cloning

Passo 9

Crie uma camada de ajuste de Curvas para iluminar a parede. Nesta máscara de camada, use um pincel suave de cor preta com uma opacidade reduzida (20-25%) para pintar na área inferior da parede para que ela não fique muito brilhante.

wall curveswall curveswall curves

Passo 10

Crie uma nova camada, altere o modo para Sobrepor 100% (Overlay) e preencha-a com um cinza 50%:

Dodge new layerDodge new layerDodge new layer

Ative a Ferramenta Subexposição (O) (Dodge Tool (O)) com o Intervalo de Tons Médios (Midtones Range), Exposição por volta de 10-15% para pintar mais luz na superfície esquerda da parede já que está mais perto da luz do que a da direita. Você pode ver como eu fiz no modo Normal e o resultado no modo Sobrepor (Overlay).

Dodging resultDodging resultDodging result

Passo 11

Adicione uma camada de ajuste de Equilíbrio de Cores (Color Balance) e altere as configurações dos Tons Médios (Midtones) e Realces (Highlights). Use um pincel suave de cor preta para reduzir o efeito na área escondida da parede e deixe a luz quente refletida, principalmente, na superfície.

wall color balance midtoneswall color balance midtoneswall color balance midtones
wall color balance highlightswall color balance highlightswall color balance highlights

Passo 12

Use uma camada de ajuste de Filtro de Fotos (Photo Filter) para dar um pouco mais de luz quente para a parede. Escolha a cor #a4640a:

wall photo filterwall photo filterwall photo filter

Passo 13

Para fazer a sombra da placa superior da parede, use a Ferramenta Letreiro Retangular (M) para pegar uma seleção abaixo da placa e preenchê-la com a cor #171516.

wall shadow selectionwall shadow selectionwall shadow selection

Reduza a opacidade desta camada para 60% e aplique um Desfoque Gaussiano (Gaussian Blur) de 4 px para suavizar a sombra.

wall shadow gaussian blurwall shadow gaussian blurwall shadow gaussian blur

Use uma máscara de camada para suavizar a opacidade da sombra na área de baixo.

wall shadow maskingwall shadow maskingwall shadow masking

2. Como Retocar o Gato

Passo 1

Recorte o gato do fundo e coloque-o do lado direito da superfície da parede.

add catadd catadd cat

Passo 2

Para fazer a sombra do gato na parede, crie uma nova camada abaixo da camada do gato. Segure Ctrl e clique na miniatura da camada do gato para carregar sua seleção. Preencha esta seleção com a cor #171516.

load cat selectionload cat selectionload cat selection

Vire-a verticalmente (Editar > Transformação > Virar Verticalmente) (Edit > Transform > Flip Vertical) e use a Ferramenta Transformação Livre (Ctrl-T) para deixá-la mais longa e fina.

cat shadow transformingcat shadow transformingcat shadow transforming

Reduza a Opacidade desta camada para 70% e aplique um Desfoque Gaussiano (Gaussian Blur) de 5 px para esta camada.

cat shadow gaussian blurcat shadow gaussian blurcat shadow gaussian blur

Adicione uma máscara para esta camada e apague as partes de sombra indesejadas na área inferior da parede e no rabo (vamos fazer a sombra do rabo em uma camada separada).

cat shadow maskingcat shadow maskingcat shadow masking

Passo 3

Crie uma nova camada e carregue a seleção do gato, assim como fizemos no passo anterior. Pressione Ctrl-I para inverter a seleção.

cat selection invertcat selection invertcat selection invert

Use a Ferramenta Laço (L) para adicionar o corpo do gato à seleção até que somente o rabo esteja desselecionado.

cat tail unselectedcat tail unselectedcat tail unselected

Pressione Ctrl-I novamente, e temos a seleção do rabo agora. Crie a sombra do rabo na parede assim como fizemos com o corpo.

cat tail shadowcat tail shadowcat tail shadow

Passo 4

Adicione uma camada de ajuste de Matiz/Saturação (Hue/Saturation) para alterar a cor da coleira. Altere os valores dos Cianos:

cat hue saturationcat hue saturationcat hue saturation

Passo 5

Crie uma camada de ajuste de Curvas para iluminar o gato. Pinte nas áreas de sombra e no topo da cabeça para que elas não sejam afetadas ou sejam menos afetadas por esta camada de ajuste.

cat curvescat curvescat curves
cat curves maskingcat curves maskingcat curves masking

Passo 6

Crie uma nova camada, e use um pincel suave de cor branca para pintar no contorno do gato e na área de sombra mais  forte do gato para iluminar esses detalhes. Altere o modo desta camada para Subexposição Linear 100% (Linear Dodge). Varie a opacidade do pincel dependendo do brilho dos diferentes detalhes para conseguir um melhor resultado.

brighten catbrighten catbrighten cat

Passo 7

Crie uma nova camada, altere o modo para Sobrepor 100% (Overlay) e preencha-a com um cinza 50%. Use as Ferramentas de Subexposição e Superexposição (O) (Dodge e Burn Tool) para continuar refinando a luz e a sombra no gato.

cat DBcat DBcat DB

Passo 8

Adicione uma camada de ajuste de Equilíbrio de Cores (Color Balance) e altere os valores dos Tons Médios (Midtones) e dos Realces (Highlights):

cat color balance midtonescat color balance midtonescat color balance midtones
cat color balance highlightscat color balance highlightscat color balance highlights

Passo 9

Crie uma nova camada e não configure ela como Máscara de Corte (Clipping Mask). Use um pincel médio-duro pequeno com uma cor amarela clara #fef5dc para pintar alguns bigodes no gato.

cat whiskerscat whiskerscat whiskers

3. Como Adicionar os Peixes

Passo 1

Recorte a imagem do peixe 1 do seu fundo e posicione-o acima do gato. Duplique esta camada e deixe o peixe um pouco maior. Mova-o para o canto direito da tela de pintura.

add fishes 1add fishes 1add fishes 1

Passo 2

Isole todos os peixes restantes e posicione-os juntos da esquerda para a direita. Você pode duplicar o peixe e redimensioná-lo, mas lembre-se de não fazer alguns deles muito grandes ou muito pequenos em relação aos outros. Eu coloquei o peixe 7 para combinar com a direção do olhar do gato. Aqui está o meu resultado, mas sinta-se livre para fazer seu próprio arranjo.

add more fishesadd more fishesadd more fishes

Passo 3

Você pode ver que os peixes tem um esquema de cores muito parecido. Eu vou avançar para o processo comum de retoque e vou fazer com que eles combinem bem juntos, para que você não veja os passos repetidamente e fique entediado. Meu objetivo é deixar alguns peixes mais laranjas, e o resto com um tom mais magenta/rosado.

Primeiro, use uma camada clone (defina-a como Máscara de Corte (Clipping Mask)) para cada uma das camadas de peixe duplicadas para fazer com que elas pareçam diferentes da original. Você pode clonar o olho, a barbatana e outros detalhes nos corpos dos peixes.

fishes cloningfishes cloningfishes cloning

Passo 4

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) para remover a saturação dos peixes esverdeados/amarelados. Aqui está as configurações que usei para o peixe 1, e você pode aplicá-las para todos os outros peixes. Dependendo do quão saturado o peixe é, você pode alterar as configurações um pouco, até gostar do resultado.

fishes 1 hue saturationfishes 1 hue saturationfishes 1 hue saturation

Aqui está o resultado dos peixes depois de adicionar uma camada de ajuste de Matiz/Saturação (Hue/Saturation) com configurações parecidas.

fishes hue saturation resultsfishes hue saturation resultsfishes hue saturation results

Passo 5

Crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) para alterar a cor do peixe. Aqui estão os valores que apliquei para o peixe selecionado, aquele que eu quero que seja mais laranja do que os outros. Aumente o Azul dos Tons Médios (Midtones) e o Amarelo dos Realces (Highlights).

fishes color balance 1 midtonesfishes color balance 1 midtonesfishes color balance 1 midtones
fishes color balance 1 highlightsfishes color balance 1 highlightsfishes color balance 1 highlights

E aqui estão as configurações para o resto dos peixes (aumente o valor do Ciano). Lembre-se de alterar as configurações para que elas sejam adequadas à peixes específicos.

fishes color balance 2 midtonesfishes color balance 2 midtonesfishes color balance 2 midtones
fishes color balance 2 highlightsfishes color balance 2 highlightsfishes color balance 2 highlights

Passo 6

Crie um grupo para os peixes. Todos os peixes estão muito escuros, então use uma camada de ajuste de Curvas para aumentar a luminosidade e contraste deles.

fishes curvesfishes curvesfishes curves

Use um pincel suave de cor preta para reduzir o brilho na frente dos corpos dos peixes (as partes direcionadas para a direita) e nas áreas de sombra.

fishes curves masking resultfishes curves masking resultfishes curves masking result

Passo 7

Use as Ferramentas Subexposição e Superexposição (O) (Dodge e Burn Tool) para refinar a luz e a sombra dos peixes. O peixe que estiver mais próximo da esquerda ou for mais escuro que os outros precisa ter mais luz adicionada.

fishes DBfishes DBfishes DB

Passo 8

Crie uma nova camada e use um pincel suave de cor branca com 2 px, para fazer um brilho dentro do olho do peixe 7. Isso vai enfatizar a aparência deste peixe e criar mais de uma conexão com o gato.

fish 7 eye highlightfish 7 eye highlightfish 7 eye highlight

4. Como Adicionar as Árvores

Passo 1

Mova a árvore 1 para o canto inferior esquerdo da área de pintura e aplique um Desfoque Gaussiano (Gaussian Blur) de 8 px nesta camada.

add tree 1add tree 1add tree 1

Passo 2

Adicione uma camada de ajuste de Matiz/Saturação (Hue/Saturation) e altere o valor da Matiz (Hue) do Principal (Master):

tree 1 hue saturationtree 1 hue saturationtree 1 hue saturation

Passo 3

Use uma camada de ajuste de Equilíbrio de Cores (Color Balance) e trabalhe nas configurações dos Tons Médios (Midtones):

tree 1 color balancetree 1 color balancetree 1 color balance

Passo 4

Crie outra camada de ajuste de Matiz/Saturação (Hue/Saturation) e altere os valores dos Amarelos.

tree 1 hue saturation 2tree 1 hue saturation 2tree 1 hue saturation 2

Passo 5

Crie uma camada de ajuste de Curvas para aumentar a luminosidade e adicionar um tom azulado na árvore.

tree 1 curvestree 1 curvestree 1 curves

Passo 6

Adicione a árvore 2 no canto inferior direito da parede e aplique um Desfoque Gaussiano (Gaussian Blur) de 8 px nela.

add tree 2add tree 2add tree 2

Passo 7

Use uma camada de ajuste de Matiz/Saturação (Hue/Saturation) e altere as configurações do Principal (Master):

tree 2 hue saturationtree 2 hue saturationtree 2 hue saturation

Passo 8

Continue alterando a cor da árvore com uma camada de ajuste de Equilíbrio de Cores (Color Balance).

tree 2 color balancetree 2 color balancetree 2 color balance

Passo 9

Ilumine a árvore usando uma camada de ajuste de Curvas.

tree 2 curvestree 2 curvestree 2 curves

5. Como Fazer os Ajustes Finais

Passo 1

Para criar uma luz com efeito de sonho para a cena, crie uma nova camada acima de todas as camadas. Use um pincel suave com uma cor clara #e9cfbd para pintar sobre a tela de pintura, e então altere o modo desta camada para Divisão 20% (Screen).

paint lightpaint lightpaint light
light screen mode 20light screen mode 20light screen mode 20

Passo 2

Use uma máscara de camada para apagar a parte superior e inferior da cena para deixar o efeito de sonho visível principalmente em torno do lado esquerdo central e do peixe.

light maskinglight maskinglight masking

Passo 3

Crie uma camada de ajuste de Mapa de Degradê (Gradient Map) e escolha as cores #48517d e #b68760. Altere o modo desta camada para Luz Suave 100% (Soft Light).

whole scene gradient mapwhole scene gradient mapwhole scene gradient map

Passo 4

Crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) e altere as configurações dos Tons Médios (Midtones) e Realces (Highlights):

whole scene color balance midtoneswhole scene color balance midtoneswhole scene color balance midtones
whole scene color balance highlightswhole scene color balance highlightswhole scene color balance highlights

Passo 5

Use uma camada de ajuste de Vibratilidade (Vibrance) para melhorar o efeito final. Use um pincel suave de cor preta para reduzir o azul na parte inferior da parede, já que achei ela muito saturada.

whole scene vibrancewhole scene vibrancewhole scene vibrance

Parabéns, Você Terminou!

Eu espero que você tenha gostado do tutorial e tenha aprendido algo de novo para o seu próprio projeto. Sinta-se livre para compartilhar os resultados e deixar comentários no espaço abaixo. Aproveite a arte de 'Photoshopear'!

final resultfinal resultfinal result
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.