Como Criar uma Manipulação de Foto de um Panda Gigante no Affinity Photo
() translation by (you can also view the original English article)



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.



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



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".



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



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".



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.



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



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%



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%



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



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



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



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".



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



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.



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



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.



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.



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%



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



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.



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.



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".



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



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



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".



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.



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



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.



Passo 4
Crie uma nova Camada Pixel acima de todas as camadas anteriores. Defina a camada para Screen e 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



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".



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%



Passo 2
Crie uma camada de ajuste Curvas acima da camada "Equilíbrio de Cor"
Configurações de Curves






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



Passo 4
Crie uma camada de ajuste Divisão de Tons acima da camada "Mapa Gradiente".
Configurações de Split Toning






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".



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!



Quer aprender mais? Recomendo os seguintes tutoriais:
- Affinity PhotoTransição do Adobe Photoshop para Affinity PhotoAbbey Esparza
- Manipulação de FotoComo Criar um Efeito de Exposição Dupla Escura no Affinity PhotoAbbey Esparza
- Pós-ProduçãoAprenda o Affinity Photo Com os Nossos Cursos Coffe BreakAndrew Blackman
- Affinity DesignerTransição do Adobe Illustrator para o Affinity DesignerAndrei Stefan
