Criar um Matte Painting de uma Paisagem Fantástica no Adobe Photoshop

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

Final product image — What You'll Be Creating

Neste tutorial eu irei mostrar a você como criar um matte painting (ou pintura fosca em tradução direta) chamada "Terra das Águias".

Nós vamos começar este tutorial esboçando o conceito/ideia e então combiná-los com alguns referências fotográficas no Adobe Photoshop. Ao longo deste tutorial, você aprenderá como usar camadas de ajuste, máscaras e pincéis, assim como gerenciar a cor e a atmosfera, para conseguir um belo resultado. Você também vai aprender como trabalhar com grupos, criar a iluminação, prestar atenção nos detalhes e muito mais.

Arquivos do Tutorial

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

1. Esboçando a Ideia e Procurando Referências Fotográficas

Passo 1

O primeiro passo é esboçar a sua ideia para planejar o que você pretende criar. Use uma mesa digitalizadora e desenhe na tela. Ou você pode desenhar em um papel usando o lápis e escaneá-lo para seu computador se isso for mais familiar para você. A minha ideia é criar uma linda paisagem com elementos medievais, cobertos por uma atmosfera nebulosa e iluminada pela luz solar. Eu fiz um esboço rápido em preto e branco, e então adicionei algumas cores:

No esboço, a fonte de luz principal aparece no canto superior direito da cena. É muito importante definir a fonte de luz logo no início, para que você possa manipulá-la adequadamente mais tarde.

Passo 2

Procurar por referências fotográficas decentes não é uma tarefa fácil. É muito importante procurar imagens com perspectiva, sombra e luz adequadas. Aqui estão algumas fotos que eu escolhi para os próximos estágios.

2. Adicionando a Paisagem Base

Passo 1

No Photoshop, crie um novo documento de 2200 x 2200 px e preencha-o com a cor branca.

Passo 2

Abra a imagem da paisagem. Use a Ferramenta Mover (V) para arrastá-la para a nossa área de desenho branca e converta esta camada para um Objeto Inteligente (Smart Object).

Passo 3

Vá para Camada > Nova Camada de Ajuste > Cor Seletiva (Layer > New Adjustment Layer > Selective Color) e altere as configurações dos Amarelos.

Passo 4

Arraste a imagem do Céu 1 para cima da paisagem.

Clique no segundo ícone na parte inferior do painel de Camadas (Layers) e adicione uma máscara para esta camada. Use um pincel suave de cor preta para remover qualquer borda dura e mesclá-lo suavemente com o fundo:

3. Adicionando as Montanhas e as Pedras

Passo 1

Abra a imagem da montanha. Selecione a área da montanha com a Ferramenta Letreiro Retangular (M).

Adicione esta área selecionada em cima da paisagem.

Adicione uma máscara para esta camada e use um pincel suave de cor preta para mesclar as montanhas com o fundo. O nosso objetivo é fazer com que as camadas da montanha pareçam estar mais distantes e mais altas do que a paisagem atual, e isso também irá ajudar a criar uma profundidade de campo. Você precisa variar a opacidade do pincel enquanto mascara para conseguir um resultado melhor. Você pode notar que essas montanhas devem ficar mais desfocadas e mais desbotadas comparadas com outros elementos, já que elas estão a uma distância maior do espectador.

Passo 2

Use uma camada de ajuste e defina-a como Máscara de Corte (Clipping Mask) para que as cores das montanhas coincidam com o fundo. Vá para Camada > Nova Camada de Ajuste > Matiz/Saturação (Layer > New Adjustment Layer > Hue/Saturation) e reduza o valor da Saturação para -86.

Passo 3

Abra a imagem do rochedo. Use a Ferramenta Laço Poligonal (L) para selecionar a área do rochedo e adicione-a no canto inferior direito da nossa imagem principal onde o cavaleiro e seu cavalo irão ficar. Use a Ferramenta Transformação Livre (Ctrl-T) para rotacionar o rochedo um pouco.

Passo 4

Há uma sombra indesejada no canto direito do rochedo. Para removê-la, crie uma nova camada acima da camada do rochedo e lembre-se de definir ela como Máscara de Corte (Clipping Mask). Na camada do rochedo, selecione uma parte da superfície da rochedo com a Ferramenta Laço (L).

Pressione Ctrl-C para copiar esta seleção. Selecione a nova camada e pressione Ctrl-V para colar a área selecionada na sombra indicada.

Use uma máscara de camada para mesclar a parte copiada da superfície e ocultar a sombra indesejada.

Passo 5

Use uma camada de ajuste de Matiz/Saturação e reduza o valor da Saturação Principal (Master Saturation) para -61. Remova também o azul que está projetado na borda do rochedo, reduzindo o valor da Saturação dos Azuis para -82.

Passo 6

Crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) e aumente os valores do Vermelho e Amarelo dos Tons Médios (Midtones).

Passo 7

Adicione uma camada de ajuste de Curvas para escurecer o rochedo já que ela está muito mais brilhante que o fundo no momento.

Nesta máscara de camada, use um pincel suave de cor preta para apagar a parte da frente do rochedo que pega a luz do céu. Você pode ver logo abaixo, o resultado da máscara de camada e o resultado da imagem.

Passo 8

Crie uma nova camada (defina-a como Máscara de Corte (Clipping Mask)), altere seu modo para Sobrepor 100% (Overlay) e preencha-a com um cinza 50%.

Use a Ferramenta de Subexposição (O) e Superexposição (O) (Dodge e Burn Tool) com o Intervalo de Tons Médios (Midtones Range), Exposição (Exposure), por volta de 20-30% para refinar a luz e sombra do rochedo. Use a Ferramenta Subexposição (O) para clarear a frente e a borda e a Ferramenta Superexposição (O) para escurecer a parte de trás. Você pode ver o que eu fiz no modo Normal e o resultado no modo Sobrepor (Overlay).

4. Adicionando a Névoa

Passo 1

Adicione a imagem do céu 2 na parte inferior do documento no qual estamos trabalhando e deixe esta camada entre as camadas das montanhas e do rochedo. Nós iremos usar ela para criar a névoa.

Adicione uma máscara para esta camada, e use um pincel suave de cor preta para suavizar as bordas duras e reduzir a intensidade da névoa.

Passo 2

Crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) (defina-a como Máscara de Corte (Clipping Mask)) para alterar a cor da névoa para uma cor mais quente.

Passo 3

Crie uma camada de ajuste de Curvas (defina-a como Máscara de Corte (Clipping Mask)) para aumentar a visibilidade da névoa. Nesta máscara de camada, use um pincel suave de cor preta para apagar a névoa acima da área das árvores/plantas.

Este passo servirá para criar uma distância entre o rochedo e a base da paisagem e aumentar a profundidade, assim como a atmosfera da cena.

5. Combinando o Cavaleiro e o Cavalo

Passo 1

Abra a imagem do cavaleiro. O cavaleiro nesta imagem parece estar pronto para uma batalha, mas temos que considerar que queremos que ele fique calmo para apreciar a beleza da paisagem. Foi muito difícil achar uma foto com uma pose parecida com a que eu fiz no esboço, então eu decidi combinar várias fotos para conseguir o resultado desejado.

Primeiro use a Ferramenta Laço Poligonal (L) para selecionar o cavaleiro e a parte de trás do cavalo, e logo depois pressione Ctrl-J para duplicar a parte selecionada para uma nova camada. Crie uma nova camada entre a camada do cavaleiro extraído e a camada do fundo, e preencha-a com a cor #918989.

Passo 2

Abra a imagem do cavalo. Use a Ferramenta Laço Poligonal (L) (ou qualquer ferramenta que você se sinta familiarizado) para selecionar o cavalo e arraste-o para a imagem do cavaleiro. Coloque esta camada abaixo da camada do cavaleiro e use Ctrl-T para reduzir sua escala para um tamanho adequado.

Passo 3

Use uma camada de ajuste de Matiz/Saturação (Hue/Saturation)(defina-a como Máscara de Corte (Clipping Mask)) para a camada do cavalo, e defina sua Saturação com o valor de -55 e a Luminosidade (Lightness) para +1.

Passo 4

Adicione uma camada de ajuste de Curvas (defina-a como Máscara de Corte (Clipping Mask)) para iluminar o cavalo.

Passo 5

Crie uma nova camada (defina-a como Máscara de Corte (Clipping Mask)), altere seu modo para Luz Suave 100% (Soft Light) e preencha-a com um cinza 50%. Use a Ferramenta de Subexposição (O) (Dodge Tool) e a Ferramenta Superexposição (O) (Burn Tool) para refinar o contraste do cavalo: iluminar as sombras e escurecer os realces.

Passo 6

Crie uma nova camada e use um pincel suave arredondado com a cor #e6e6e6 para pintar na sombra abaixo da cabeça do cavalo para iluminá-la um pouco mais. Altere o modo desta camada para Luz Suave 100% (Soft Light).

Passo 7

Volte para a camada do cavaleiro. Vá para Editar > Distorção de Marionete (Edit > Puppet Warp) e arraste os pontos no braço e na manga em direção à coxa dele. Nossa intenção é fazer com que seu braço pareça estar segurando a rédea (nós iremos adicioná-la nos próximos passos).

Passo 8

Crie uma nova camada (defina-a como Máscara de Corte (Clipping Mask)), altere seu modo para Sobrepor 100% (Overlay), e preencha-a com um cinza 50%. Aplique a Ferramenta Subexposição (O) (Dodge Tool) e a Ferramenta Superexposição (O) (Burn Tool) para a manga e o casaco para refinar a sombra/luz ali.

Passo 9

Em uma nova camada, use um pincel suave de cor preta com a Opacidade de 40% para pintar a sombra da manga.

Passo 10

Crie uma nova camada e ative a Ferramenta Carimbo (S), lembre-se de selecionar a opção Todas as Camadas (All Layers). Use esta ferramenta para carimbar sobre o buraco entre a manga e o casaco, buraco este criado depois da aplicação da Distorção de Marionete (Puppet Warp).

Passo 11

Abra a imagem da rédea. Selecione somente a rédea usando a Ferramenta Laço Poligonal (L) e adicione-a no cavalo que está no documento do cavaleiro. Use a Ferramenta Deformar (Editar > Transformação > Deformar) (Warp Tool) (Edit > Transform > Warp) para ajustar a rédea um pouco para que ela se encaixe melhor na cabeça do cavalo.

Adicione uma máscara para esta camada e use um pincel duro de cor preta para remover qualquer detalhe indesejado.

Passo 12

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) para alterar a cor da rédea. Altere a Saturação para +20 e a Matiz (Hue) para -17 para deixá-la com uma cor parecida com a da cela.

Passo 13

Adicione uma camada de ajuste de Curvas para escurecer a rédea um pouco. Nesta máscara de camada, use um pincel suave de cor preta para apagar o efeito de escurecimento nas áreas que já são escuras.

Passo 14

Crie duas novas camadas acima de todas as camadas. Na primeira, use um pincel duro arredondado com a cor #3f1d20, e na segunda use uma cor mais clara #a1403c para pintar a parte que falta da rédea onde o cavaleiro seguraria com sua mão.

Passo 15

Crie uma nova camada e use um pincel duro arredondado com a cor #f8f8f4 com um tamanho de de 2-5 px para pintar mais pelos na cabeça do cavalo.

Passo 16

Crie uma nova camada e use um pincel duro arredondado com a cor #decab7 para pintar o rabo do cavalo.

Em uma nova camada, use uma cor mais clara para o pincel #f8f8f4 e pinte alguns pelos mais claros no rabo.

Passo 17

Crie uma nova camada abaixo da camada da rédea e use um pincel suave de cor preta para pintar a sombra da rédea na cabeça do cavalo.

Desligue a camada do fundo e de preenchimento e então pressione Ctrl-Alt-Shift-E para mesclar todas as camadas vísiveis em uma nova.

6. Adicionando o Cavaleiro e seu Cavalo

Passo 1

Mova o cavaleiro para dentro do documento da paisagem e posicione-o sobre o rochedo.

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) para o cavaleiro (defina-a como Máscara de Corte (Clipping Mask)) e altere as configurações dos Vermelhos e Cianos.

Passo 2

Adicione uma camada de ajuste de Equilíbrio de Cores (Color Balance)(defina-a como Máscara de Corte (Clipping Mask)) e altere os valores dos Tons Médios (Midtones).

Passo 3

Use uma camada de ajuste de Curvas para escurecer as costas do cavaleiro e do cavalo. Nesta máscara de camada, use um pincel suave de cor preta para apagar na frente deles já que eles são iluminados pela luz solar.

Passo 4

Crie uma nova camada (defina-a como Máscara de Corte (Clipping Mask)), altere seu modo para Sobrepor 100% (Overlay) e preencha-a com um cinza 50%. Use a Ferramenta Subexposição (O) (Dodge Tool) para iluminar a parte frontal do cavaleiro e do cavalo, e a Ferramenta Superexposição (O) (Burn Tool) para escurecer as costas.

Passo 5

Crie uma nova camada abaixo da camada do cavaleiro. Use um pincel suave de cor preta com a Opacidade de mais ou menos 40% para pintar uma pequena sombra suave abaixo das patas do cavalo.

Nomeie esta camada de "sombra 1".

Passo 6

Nós determinamos que a fonte de luz viria do canto superior direito da cena, então o cavaleiro e o cavalo devem ter uma sombra por trás deles. Crie uma nova camada abaixo da camada sombra 1, e segure a tecla Ctrl enquanto clica na miniatura da camada do cavaleiro para carregar sua seleção.

Preencha esta camada com preto (Shift-F5). Vá para Editar > Transformação > Virar Verticalmente (Edit > Transform > Flip Vertical).

Nesta camada de sombra, use a Ferramenta Laço Poligonal (L) para selecionar a perna traseira e então clique com o Botão Direito do Mouse nesta seleção e escolha Camada por Recorte (Layer via Cut).

Converta essas duas camadas para Objetos Inteligentes (Smart Objects). Use Ctrl-T para distorcer essas partes de sombra para encaixá-las na posição das pernas correlacionadas.

Reduza a Opacidade dessas camadas de sombra para 50%. Em cada uma das camadas de sombra, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o raio para 4 px.

Adicione uma máscara para a camada de sombra da perna traseira cortada e use um pincel suave de cor preta para apagar a área que se sobrepõe à sombra da outra perna.

Use uma máscara de camada para reduzir a opacidade do topo da outra camada de sombra:

7. Adicionando o Castelo

Passo 1

Abra a imagem do castelo. Use a Ferramenta Varinha Mágica (W) para selecionar o castelo e arraste-o para dentro do nosso arquivo com a paisagem. Coloque o castelo na parte de cima da montanha nebulosa.

Adicione uma máscara para esta camada e use um pincel suave de cor preta para apagar as bordas duras e fazer com que ele se desvaneça na montanha.

Passo 2

Crie uma camada de ajuste de Curvas (defina-a como Máscara de Corte (Clipping Mask)) para escurecer o castelo. Nesta máscara de camada, use um pincel suave de cor preta para apagar na parte superior do castelo, já que ela deve ser mais brilhante que a parte inferior.

Passo 3

Crie uma nova camada de ajuste de Matiz/Saturação (Hue/Saturation) e reduza a Saturação para -66.

Passo 4

Para coincidir o contraste do castelo com o da montanha, vá para Camada > Nova Camada de Preenchimento > Cor Sólida (Layer > New Fill Layer > Solid Color) e escolha a cor do fundo nebuloso #bec2c5. Reduza a Opacidade desta camada para 60% para fazer com que o castelo se mescle suavemente com a cena.

8. Adicionando as Águias

Passo 1

Abra a imagem da águia 1. Selecione a águia usando a Ferramenta Varinha Mágica (W) e adicione-a no lado esquerdo da imagem. Vire-a horizontalmente usando Editar > Transformação > Virar Horizontalmente (Edit > Transform > Flip Horizontally).

Pressione Ctrl-J para duplicar esta camada. Mova a camada duplicada para a borda mais baixa do fundo e amplie o tamanho.

Passo 2

Na camada duplicada da águia, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o raio para 8 px.

Passo 3

Selecione todas as camadas da águia e então pressione Ctrl-G para agrupá-las. Altere o modo deste grupo de Passagem (Pass Through) (modo padrão do grupo) para Normal 100%. Para remover um pouco do azul nas águias, crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) acima dessas camadas. Escolha o canal Azuis e altere a Matiz (Hue) para +49, Saturação para -75 e a Luminosidade (Lightness) para -38.

Já que alteramos o modo do grupo para Normal 100% (ao invés de Passagem (Pass Through)), esta camada de ajuste afetará somente as camadas dentro deste grupo (o grupo da águia).

Passo 4

Crie uma camada de ajuste de Equilíbrio de Cores (Color Balance) dentro do grupo e altere as configurações dos Tons Médios (Midtones) aumentando os valores de Vermelho e Amarelo. Nesta máscara de camada, use um pincel suave de cor preta para reduzir o efeito desta camada de ajuste na asa da águia maior ao fundo.

Passo 5

Use uma camada de ajuste de Curvas para iluminar as águias. Nesta máscara de camada, use um pincel suave de cor preta para apagar a parte inferior das águias para equilibrar seu contraste corporal (a parte superior é mais clara e a parte inferior é mais escura).

Passo 6

Crie uma nova camada acima da camada da águia menor (defina-a como Máscara de Corte (Clipping Mask)), altere o modo para Sobrepor 100% (Overlay) e preencha-a com um cinza 50%. Use a Ferramenta Subexposição (O) (Dodge Tool) para iluminar a cauda e a Ferramenta Superexposição (O) (Burn Tool) para escurecer a barriga.

Passo 7

Abra a imagem da águia 2. Isole-a do fundo usando a Ferramenta Varinha Mágica (W) e adicione-a na parte superior do céu, acima do castelo.

Passo 8

Use uma camada de ajuste de Curvas (defina-a como Máscara de Corte (Clipping Mask)) para iluminar a águia.

Passo 9

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) e altere as configurações dos Cianos para reduzir um pouco do ciano nas asas da águia.

9. O Ajuste de Cor Básico

Passo 1

Crie uma camada de ajuste de Mapa de Degradê (Gradient Map) acima de todas as camadas, escolha as cores #0f264b e #d3ce97 e altere o modo desta camada para Luz Suave 100% (Soft Light).

Passo 2

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

Passo 3

Vá para Camada > Nova Camada de Preenchimento > Cor Sólida (Layer > New Fill Layer > Solid Color) e escolha a cor #2e2001. Altere o modo desta camada para Exclusão 100%.

Passo 4

Use uma camada de ajuste de Curvas para escurecer a cena.

Nesta máscara de camada, use um pincel suave de cor preta para reduzir o contraste da parte superior da cena, principalmente nas montanhas, nas árvores e nas águias.

10. Adicionando a Luz do Sol

Passo 1

Crie uma nova camada acima de todas as outras e altere a cor do primeiro plano para #2c1602. Pegue um pincel suave arredondado e pinte por cima da cena onde você planejou que tenha luz. Altere o modo desta camada para Subexposição Linear 100% (Linear Dodge).

Em uma nova camada com o mesmo modo, use o mesmo pincel para pintar nas árvores, nas montanhas, no castelo e na águia do meio.

Passo 2

Altere a cor do pincel para #dccdc0 e comece a pintar a luz na frente do rochedo, do cavaleiro e do cavalo. Além disso, use o mesmo pincel para pintar na árvore, no castelo e nos lados das montanhas que pegam a luz. Altere o modo desta camada para Sobrepor 100% (Overlay).

Passo 3

Altere o tipo de pincel para os raios de luz e a cor para #fdf3ea. Escolha o pincel de sua preferência e pinte com ela na área de desenho.

Use Ctrl-T para distorcer a luz um pouco e coloque-a na área da luz do sol.

Adicione uma máscara para esta camada e use um pincel suave de cor preta para apagar qualquer raio de luz indesejado, como na parte de trás das montanhas, no meio da águia, e no rochedo.

Para suavizar a luz um pouco, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o raio para 6 px.

11. O Ajuste Final

Passo 1

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

Nesta máscara de camada, use um pincel suave de cor preta para reduzir o efeito do Mapa de Degradê nos lados da cena.

Passo 2

Crie uma camada de ajuste do tipo Misturador de Canais (Channel Mixer) e altere as configurações do Vermelho.

Defina o modo desta camada para Luz Suave 50% (Soft Light). Nesta máscara de camada, use um pincel suave de cor preta para reduzir o efeito desta camada de ajuste na área do sol e na parte de trás do rochedo.

Passo 3

Crie uma camada de ajuste de Cor Seletiva e altere os valores de Amarelos, Verdes e Neutros.

Passo 4

Crie uma camada de ajuste de Vibratibilidade (Vibrance) para melhorar a cor.

Passo 5

Use outra camada de ajuste de Cor Seletiva para adicionar um pouco de azul/magenta à cena.

selective color reds yellows cyans blues magentas neutrals

Passo 6

Crie uma camada de ajuste de Filtro de Fotos (Photo Filter) e escolha a cor #01e9ec.

Passo 7

Crie outra camada de ajuste de Vibratibilidade (Vibrance) para impulsionar as cores.

Nesta máscara de camada use um pincel de cor preta para remover ou reduzir o efeito nas áreas que você achar sobressaturadas.

Parabéns, Você Terminou!

Aqui está o resultado que você conseguirá depois de terminar este tutorial. Eu espero que tenha sido útil e que você tenha aprendido algumas técnicas novas. Se você tiver alguma pergunta ou ideia, sinta-se livre para deixá-la no espaço abaixo.