1. Design & Illustration
  2. Photo Manipulation

Como Criar uma Manipulação de Foto de um Panda Gigante no Affinity Photo

Scroll to top
Read Time: 12 min

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

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

Um dos melhores lugares para se inspirar é na TV e no cinema. No tutorial de hoje, a imagem que eu vou mostrar foi altamente influenciada pelo anime, mais especificamente pelos filmes do Studio Ghibli, como A Viagem de Chihiro ou Meu Amigo Totoro.

Vamos estar utilizando camadas de ajuste para obter uma escala de cor vívida, mas calmante, e você também vai aprender como extrair pelos e como criar uma névoa brilhante e colorida.

Vamos começar!

O Que Você Vai Precisar

Você vai precisar dos seguintes recursos para concluir este projeto:

Encontre mais recursos no Envato Elements!

1. Como Melhorar uma Foto de Paisagem

Para começar tudo, vamos estar posicioanando em nossa imagem de base da paisagem. Quando se trata de imagens de paisagem, é comum que a imagem original já seja de tirar o fôlego e precise apenas de alguns pequenos aprimoramentos!

Cuidado com o super processamento de imagens!

Passo 1

Crie um Novo Documento.

Configurações do Documento

  • Size: 4468 x 2742 px
  • DPI: 300

Passo 2

Posicione e posicione a paisagem de modo que fique ligeiramente inclinada.

place backgroundplace backgroundplace background

Passo 3

Crie uma nova Camada de Pixel.

Defina o modo de camada para Color.

Com um Pincel de Pintura muito grande, macio e redondo, pinte um leve borrão no céu.

Configurações do Pincel de Pintura

  • Hardness: 0%
  • Color: Light Blue #A0D8F9
add coloradd coloradd color

Passo 4

Crie uma camada de ajuste de Brightness/Contrast acima de todas as camadas atuais.

Configurações de Brightness/Contrast

  • Brightness: 18%
  • Contrast: -20%

Agrupe três camadas de fundo em um novo grupo chamado "Plano de Fundo".

add contrast add contrast add contrast

2. Como Adicionar Pequenos Detalhes para Aumentar a Atmosfera

Em seguida, vamos adicionar alguns pequenos detalhes. Embora esses detalhes possam não parecer significativos, são coisas como essa que adicionam atmosfera à sua peça! Nunca economize nos detalhes!

Passo 1

Crie uma nova Camada de Pixel. Defina a Opacidade para 70%.

Com um Pincel de Pintura muito pequeno, duro e redondo, pinte os pássaros no céu distante. Pinte os pássaros pretos onde há céu branco e pássaros brancos onde há azul.

Configurações do Pincel de Pintura

  • Width: 3 to 5 px
  • Flow: 75%
  • Hardness: 100%
  • Force Pressure: On
  • Stabilizer: Marcado
  • Length: 10 to 15
  • Color: Black and White
paint birdspaint birdspaint birds

Como Desenhar um Pássaro

Ao desenhar um pássaro tão distante, não há muito sentido em se preocupar com os detalhes. Eu gosto de desenhar apenas duas linhas bagunçadas e um ponto. Depois de desenhar um ou dois, você pode copiá-los e colá-los em vários tamanhos.

Há também pincéis pré-feitos "flying bird silhouette" que você pode encontrar em toda a web. Lembre-se, os pincéis do Adobe Photoshop são compatíveis com o Affinity Photo!

Passo 2

Crie uma nova Camada de Pixel.

Com um Pincel de Pintura pequeno, duro e redondo, pinte pequenos pedaços de folhas, detritos e pontos ao vento para dar à imagem uma sensação de movimento. Utilize vários tons de verde.

Configurações do Pincel de Pintura

  • Width: 3 to 10 px
  • Flow: 100%
  • Hardness: 80%
  • Color: Bright Green #CDE943, Green #B3CF5D, e Dark Green #6F9B0D

Agrupe todas as camadas de folhas e pássaros em um novo grupo chamado "Detalhes".

paint windpaint windpaint wind

3. Como Extrair e Criar Pelos Estilísticos

Existem várias maneiras diferentes de extrair pelos e, embora algumas técnicas funcionem melhor do que outras, realmente depende do estilo geral que você deseja. A técnica que utilizaremos hoje funciona melhor em peças estilísticas, ao contrário de peças hiper-realistas.

Passo 1

Coloque e posicione  o nosso panda gigante no lado direito da tela.

place pandaplace pandaplace panda

Passo 2

Utilizando a Ferramenta Selection Brush, faça uma seleção aproximada ao redor do panda.

Aperte Control-Shift-I para inverter e reverter a seleção, se necessário. Dependendo de como você fez a seleção, talvez não seja necessário.

Clique no botão Refine localizado à direita da barra de Ferramenta de Seleção.

Refine as Configurações

refine edge settings refine edge settings refine edge settings

Execute o Refine Edge Brush na borda do pelo do panda.

Passo 3

Clique em Apply e adicione uma Layer Mask ao panda para mascarar a área selecionada. Com um pincel redondo semi-macio, mascare  qualquer fundo restante.

Configurações do Pincel de Pintura

  • Hardness: 50%
extract panda extract panda extract panda

Passo 4

Utilize a Ferramenta Clone Brush para limpar toda a grama e palha no pelo preto do panda.

Configurações do Pincel Clone

  • Hardness: 50%
clean panda clean panda clean panda

Passo 5

Agrupe uma nova Camada de Pixel no panda gigante.

Utilize um Pincel de Pintura grande, macio e redondo para pintar de branco em torno das bordas do panda, preenchendo o cabelo.

Configurações do Pincel de Pintura

  • Hardness: 0%
  • Color: White
fill in furfill in furfill in fur

Passo 6

Posicione uma outra nova Camada de Pixel no panda gigante.

Utilize um Pincel de Pintura médio, macio e redondo para pintar de branco os destaques do panda para intensificá-los.

Para criar uma luz mais intensa, você pode pintar em várias camadas diferentes—eu utilizo duas. Você também pode diminuir a Opacidade da camada se o destaque for muito forte.

Configurações do Pincel de Pintura

  • Hardness: 0%
  • Flow: 30%
  • Color: White
add highlight add highlight add highlight

Passo 7

Posicione uma outra nova Camada de Pixel no panda gigante.

Utilize um Pincel de Pintura pequeno e redondo para pintar fortes luzes brancas nas bordas da madeira em que nosso panda está deitado.

Configurações do Pincel de Pintura

  • Width: 3 to 5 px
  • Flow: 100%
  • Hardness: 100%
  • Force Pressure: On
  • Stabilizer: Marcado
  • Length: 10 to 15
  • Color: White
add highlight add highlight add highlight

Passo 8

Crie e agrupe uma camada de ajuste Brightness/Contrast em nosso panda.

Configurações de Brightness/Contrast

  • Brightness: -2%
  • Contrast: 4%

Agrupe todas as camadas do panda em um grupo chamado "Panda".

add contrast add contrast add contrast

4. Como Colocar uma Pessoa no Topo da Pelo

Em seguida, vamos adicionar uma menina às costas do nosso panda! Ao colocar um indivíduo em uma nova superfície, você deve ter em mente a forma e a textura dessa área.  Por exemplo, quando se sentam na pele, haveria mechas de cabelo se esfregando nas pernas do indivíduo e na parte inferior do corpo.

Manter essas coisas em mente ajudará a evitar que seu indivíduo pareça flutuando!

Passo 1

Posicione e dimensione a menina nas costas do panda.

Extraia o indivíduo utilizando o seu método preferido. Eu sugiro a Ferramenta Pen ou a Ferramenta Selection Brush.

Você terá que criar uma nova borda, como parte das costas do indivíduo é cortada na imagem original!

Utilize um Pincel de Pintura muito pequeno, duro e redondo para mascarar formas do pelo na parte inferior do corpo da menina.

Configurações do Pincel de Pintura

  • Width: 2-5 px
  • Hardness: 100%
  • Force Pressure: On
  • Stabilizer: Marcado
  • Length: 10 to 15
  • Color: Black
place girl place girl place girl

Passo 2

Crie e agrupe uma camada de ajuste da Cor Seletiva em nosso indivíduo. Defina o modo de camada para Color.

Configurações de Cores Seletivas

  • Color: Yellows
  • Cyan: 100%
  • Magenta: -100%
  • Yellow: 100%

Mascare tudo, menos a camiseta da menina, para realmente tornar a cor da blusa dela aparente.

color t-shirt color t-shirt color t-shirt

Passo 3

Crie e agrupe uma nova Camada de Pixel na camada "menina". Traga a Opacidade para 42% e o modo de camada para Multiply.

Utilizando um Pincel de Pintura médio, macio e redondo, aplique sombras marrom escuro na parte inferior da menina, focando em onde o seu corpo e o panda se encontram.

Configurações do Pincel de Pintura

  • Hardness: 0%
  • Flow: 20%
  • Color: Dark Brown #351706
paint shadows paint shadows paint shadows

Passo 4

Repita o passo 3, só que desta vez, pinte pequenas sombras semelhantes a pelos semelhantes à traços de cabelo que você pintou no passo 1.

paint shadows paint shadows paint shadows

Passo 5

Crie e agrupe uma nova Camada de Pixel na camada do panda. Defina a Opacidade para 70%.

Com um Pincel de Pintura grande, macio e redondo, pinte uma névoa branca de luz sobre a cabeça e as costas da menina.

paint haze paint haze paint haze

Passo 6

Crie e agrupe uma nova Camada de Pixel na camada do panda. Defina a Opacidade para 35%.

Com um Pincel de Pintura médio, macio e redondo, pinte os destaques brancos e suaves do cabelo e do pescoço do indivíduo.

Configurações do Pincel de Pintura

  • Hardness: 0%
  • Flow: 20%
paint light paint light paint light

Passo 7

Crie e agrupe uma nova Camada de Pixel na camada do panda. Defina a Opacidade para 75%.

Utilizando um Pincel de Pintura pequeno, duro e redondo, pinte os destaques brancos no corpo do indivíduo. Você pode ir para o cabelo um pouco, mas focar no corpo primeiro.

Configurações do Pincel de Pintura

  • Width: 2-5 px
  • Hardness: 100%
  • Flow: 70%
  • Force Pressure: On
  • Stabilizer: Marcado
  • Length: 10 to 15
  • Color: White
paint body highlight paint body highlight paint body highlight

Passo 8

Com o mesmo pincel acima, pinte os destaques dos fios de cabelo em frente da cabeça do indivíduo e pinte os fios de cabelo mais macios e os destaques na parte de trás.

Utilize a Ferramenta Eraser Brush para se livrar de quaisquer bordas fortes.

paint hair paint hair paint hair

Passo 9

Crie e agrupe uma camada de ajuste Brightness/Contrast no panda.

Configurações de Brightness/Contrast

  • Brightness: -26%
  • Contrast: -10%

Mascare a parte da frente do indivíduo utilizando um Pincel de Pintura grande e macio para criar uma sombra nas costas da menina.

add shadow add shadow add shadow

Passo 10

Crie e aninhe uma segunda camada de ajuste de Brightness/Contrast no panda.

Configurações de Brightness/Contrast 

  • Brightness: 5%
  • Contrast: 20%

Agrupe todas as camadas do indivíduo juntas em seu próprio grupo, nomeando-o "Menina".

add contrast add contrast add contrast

Passo 11

Em seguida, vamos estar adicionando algumas sombras básicas sob o nosso indivíduo.

Crie uma nova Camada Pixel abaixo do grupo "Menina". Defina a camada para Soft Light.

Utilizando um Pincel de Pintura  médio, semi-macio, redondo, aplique um marrom escuro por baixo do indivíduo para criar uma sombra sutil. Tente não torná-la muito parecida com uma bolha ou suave; sombras tem forma!

Configurações de Paint Brush 

  • Hardness: 0%
  • Flow: 20%
  • Color: Dark Brown #351706
add shadow add shadow add shadow

Passo 12

Repita o passo 11 para escurecer mais ainda e intensifique a sombra.

intensify shadow intensify shadow intensify shadow

Passo 13

Repita o passo 11 mais uma vez, só desta vez configure a camada para Normal em 33% de Opacidade. Lembre-se de dar um formato e estrutura para as sombras!

Agrupe todas as camadas de sombra em um grupo e nomeie o grupo de "Sombra".

intensify shadow intensify shadow intensify shadow

5. Como Adicionar Cor e Atmosfera

Em seguida, vamos adicionar mais luz e cor ao nosso céu utilizando algumas camadas simples configuradas para a tela. Eu sempre gosto de salvar esta parte para o final, quando eu sei que todos os meus outros elementos principais estão completos e não vão ser movidos drasticamente!

Primeiro, vamos adicionar um pouco de vegetação à plataforma em que nossos indivíduos estão sentados, e depois vamos passar para a adição de um pouco de neblina atmosférica.

Passo 1

Duplique a camada de material paisagístico que utilizamos para nosso plano de fundo. Traga a duplicata acima de todas as camadas anteriores. Defina a paisagem duplicada para Lighten.

Aumente a duplicata de forma significativa, posicionando-a de forma que haja uma quantidade substancial de folhas e verde no canto inferior direito da nossa tela.

add grass add grass add grass

Passo 2

Adicione uma Camada Mask para duplicar a camada da paisagem. Mascare tudo, exceto o canto inferior direito.

mask grass mask grass mask grass

Passo 3

Crie uma nova Camada Pixel acima de todas as camadas anteriores. Defina a camada para Screen e 60% de Opacidade.

Pinte uma mistura de azul claro, verde, amarelo e laranja para criar uma névoa tipo arco-íris na metade superior da tela.

Configurações de Paint Brush 

  • Hardness: 0%
  • Flow: 50%
  • Color: Blue #5CBBFF, Green #4AFF55, Yellow #F8FF2C, e Orange #fFB809

Abaixo está minha camada com 100% de Opacidade definida como Normal apenas para que você possa ver melhor como e onde eu pintei.

add light add light add light

Passo 4

Crie uma nova Camada Pixel acima de todas as camadas anteriores. Defina a camada para Screen 60% de Opacidade.

Utilizando o mesmo pincel acima, pinte mais azul claro nas costas da menina, levando a luz ligeiramente para as costas do panda.

Configurações de Paint Brush

  • Flow: 20%
  • Color: Light Blue #5CBBFF
add sky light add sky light add sky light

Passo 5 

Repita o passo 5, mas desta vez utilize um verde vivo sobre a metade inferior da tela.

Configurações de Paint Brush

  • Color: Vivid Green #F3FF0A

Agrupe todas as quatro camadas que você acabou de criar em um grupo chamado "Atmosfera".

add green light add green light add green light

6. Como Criar uma Escala de Cor Vívida e Calma

Finalmente, para unir todos os nossos elementos e dar a todos um visual final uniforme, vamos aplicar um efeito de cor vívido, mas calmante. Eu amo salvar este passo por último, pois realmente dá a tudo um último toque de cor e contraste!

Vamos estar utilizando um total de cinco ajustes de camada, ordenados do último para o primeiro.

Passo 1

Crie uma camada de ajuste de Equilíbrio de Cor acima de todas as camadas atuais.

Configurações de Color Balance

  • Red: 21%
  • Blue: 34%
create color balance create color balance create color balance

Passo 2

Crie uma camada de ajuste Curvas acima da camada "Equilíbrio de Cor"

Configurações de Curves

create curves create curves create curves
curves results curves results curves results

Passo 3

Crie uma camada de ajuste de Mapa Gradiente acima da camada "Curvas"

Configurações de Gradient

  • Color: Black to White
  • Opacity: 35%
  • Layer Mode: Soft Light
create gradient map create gradient map create gradient map

Passo 4

Crie uma camada de ajuste Divisão de Tons acima da camada "Mapa Gradiente".

Configurações de Split Toning

split toning settings split toning settings split toning settings
split toning results split toning results split toning results

Passo 5

Crie uma camada de ajuste Cor Seletiva acima da camada "Divisão de Tons"

Configurações de Selective Color

  • Layer Mode: Color

Color: Greens

  • Cyan: 33%
  • Magenta: 82%
  • Yellow: 43%

Color: Cyans

  • Cyan: 100%
  • Magenta: 78%
  • Yellow: -100%

Agrupe as cinco camadas de ajuste juntas em um grupo e nomeie-o "Escala de Cor".

selective color settings selective color settings selective color settings

Terminamos!

Preste atenção aos pequenos detalhes—como o pelo encosta na pele, ou como as pequenas folhas e sementes são frequentemente encontradas flutuando no fundo de filmes de animação—permite que você as incorpore ao seu trabalho e traga vida e atmosfera à sua peça!

Como em tudo, quanto mais você pratica, melhor você se torna—não apenas em ver esses detalhes, mas também em criá-los você mesmo!

Então, como sempre, continue experimentando com diferentes técnicas, e não esqueça de postar a sua versão abaixo, junto com quaisquer perguntas, comentários, ou críticas!

final result final result final result

Quer aprender mais? Recomendo os seguintes tutoriais:

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