Tutorial de Affinity Photo: O Anjo de Natal

Affinity Photo: Recortar rochas e criar uma bola de vidro - "O anjo de Natal" (Partes 11–12/14)

Marco Kolditz
publicado:

Todas as coisas boas vêm em três. Portanto, aprenda na Parte 11 da nossa série natalina de Affinity Photo uma terceira maneira de recortar motivos. Logo em seguida, você criará magicamente uma bola de vidro do nada. Uma situação redonda!


Parte 11: Recortar rocha com a ferramenta de seleção e inserir no fundo

É impressionante como o anjo com suas asas em metal brilhante se apresenta. Mas a aparição estátua ainda flutua no espaço vazio. Por isso, vamos dar a ele agora um novo fundo rochoso. E como a formação rochosa não cresce simplesmente na imagem por conta própria, ela precisa ser recortada de outra imagem primeiro. O meio para o processo de recorte desta vez: a ferramenta de seleção. Descubra como seu treinador Marco Kolditz procede para fixar a rocha no lugar:

Tutorial do Affinity Photo: Recortar rochas e inserir um novo fundo.
Primeiro, uma rocha é recortada de uma imagem e então posicionada sob o anjo.

O que você aprenderá na Parte 11 do Tutorial do Affinity Photo

  • Criar seleção usando a ferramenta de seleção
  • Como utilizar a função Gradeamento
  • O que prestar atenção ao inserir um novo fundo

Recorte de rocha com a ferramenta de seleção

Agora vamos cuidar da rocha onde o anjo de Natal deverá ficar em pé. Para isso, abri a imagem da rocha. Queremos recortar a parte inferior da rocha (1). Como recortar objetos usando a Máscara Rápida ou com a Ferramenta de Caneta, já mostrei a você.

Aqui vamos usar um método diferente, que funciona muito bem com contrastes fortes. No imagem, claramente vemos a rocha escura em um fundo branco. Portanto, para este motivo, a ferramenta de seleção (2) é a mais indicada, ativada pela tecla de atalho W.

Tutorial de Affinity Photo: Pincel de seleção na barra de ferramentas.
Ação de recorte: Ative a ferramenta de seleção através do ícone ou pressionando a tecla W.

Dou zoom e mudo para a ferramenta de seleção. Com ela, posso pintar sobre a imagem. Inicialmente, escolhi uma Largura de 3 px (1), que não funciona muito bem nesta imagem. Você pode ver áreas que ainda não foram selecionadas (2). Portanto, se deseja selecionar objetos maiores com a ferramenta de seleção, recomendo aumentar a Largura (3).

Agora estou pintando sobre a rocha e você pode ver que áreas são selecionadas automaticamente (4). A ferramenta de seleção se baseia no forte contraste e nas linhas. Isso significa que, de certa forma, ela reconhece: aqui é claro, aqui é escuro, então essa deve ser a borda do objeto a ser selecionado.

Tutorial do Affinity Photo: A largura do pincel de seleção determina a seleção feita.
Você tem a escolha: largura pequena, seleção pequena, largura grande, seleção grande.

Verificar e melhorar a seleção da ferramenta de seleção

Neste ponto (1), não funcionou tão bem, pois uma área não foi selecionada. Mas não tem problema – basta clicar novamente e a área será selecionada (2).

Ao dar zoom na imagem, vemos que também foram selecionadas essas áreas (3). Nesse caso, você pode reduzir a Largura novamente (4>6), pressionar a tecla Alt e clicar nas áreas (5), para desfazer a seleção (7).

Tutorial do Affinity Photo: Verificar as bordas da seleção
Selecionou demais ou de menos? Dê zoom na imagem e verifique os detalhes.

Mantendo pressionada a tecla barra de espaços, movo pela imagem para corrigir essas áreas problemáticas. Isso funciona muito bem e rapidamente.

Tutorial de Affinity Photo: Verificar as bordas da seleção
Verifique as áreas de contorno e faça correções conforme necessário.

Com um pincel de seleção maior, seleciono as outras áreas. Mais tarde, é possível retocar novamente áreas selecionadas em excesso com uma máscara.

Tutorial do Affinity Photo: A seleção do rochedo feita com a ferramenta de pincel de seleção.
Aqui está a seleção - agora, cria-se uma máscara a partir dela.

Criar máscara

Com base na seleção, posso criar uma máscara. Para isso, clico na camada de fundo (1) e seleciono o ícone de máscara (2). Para remover a seleção, pressiono Ctrl+D. A rocha agora está recortada.

Tutorial do Affinity Photo: Aplicar a máscara à seleção para recortar um motivo.
A máscara está funcionando - parece estar tudo em ordem, não é verdade?

Verificar e corrigir as bordas da seleção com uma camada de cor

Através de Camada > Nova camada de preenchimento (1), crio uma camada de cor em um azul (2). Desloco a camada para baixo (3) para verificar se as bordas foram realmente bem selecionadas (4).

Tutorial de Affinity Photo: Colocar uma camada de cor atrás da seleção mascarada
Adicione um plano de fundo colorido à sua imagem mascarada - assim você poderá identificar as últimas falhas.

No momento, as bordas parecem muito duras. Isso significa que não temos anti-aliasing aqui, mas sim efeitos de denteado desagradáveis (1). Corrigimos isso selecionando a máscara (2) e indo em Filtro > Desfoque > Desfoque Gaussiano. Assim, suavizamos um pouco a máscara - a imagem permanece inalterada.

Sem desfoque, a borda é nítida. Se eu aumentar um pouco o raio (3), o valor permanece em 0 px, mas a borda é ligeiramente desfocada (4). Confirmo isso com Aplicar.

Tutorial de Affinity Photo: Verificar as bordas do motivo recortado em um fundo colorido.
Use um leve desfoque para obter arestas menos nítidas.

Com a ferramenta de pincel de seleção (1), cor da frente preta (2) e uma largura menor (3), pode-se otimizar ainda mais as bordas. Estou na máscara (4) e pinto de preto. Onde há pequenos brilhos brancos nas bordas (5), eu os apago (6).

Tutorial do Affinity Photo: Corrigindo os reflexos brancos nas bordas da seleção com o pincel de restauração.
Observe brilhos brancos como esses e corrija-os.

Portanto, já se pode alcançar bons resultados com o pincel de seleção. Com o pincel de pincel, pode-se otimizar manualmente ainda mais. Quanto mais tempo investido, quanto mais detalhado o trabalho, melhores serão os resultados.

Tutorial de Affinity Photo: Rocha em destaque
Você fez a sua seleção!

Rasterizar para economizar espaço de armazenamento

Em um tutorial anterior, mostrei como recortar um objeto com a ajuda de uma máscara e, em seguida, inserir apenas o objeto em outro documento, sem a máscara. Embora seja um passo destrutivo, se souber que não deseja mais editar o objeto através da máscara, economiza espaço de armazenamento e possivelmente também recursos de computação, dependendo de quantas camadas são usadas no final.

Através dessa estrutura de seleção (1), vemos que ainda estamos trabalhando com a imagem completa - não apenas com a rocha. O restante da imagem ainda está presente, apenas sendo ocultado no momento. No entanto, queremos trabalhar apenas com a rocha.

Para isso, há uma função chamada Rasterizar. Clicando com o botão direito do mouse na camada da rocha (2), escolho a opção Rasterizar... (3). Dessa forma, a máscara é aplicada, o resto da imagem desaparece completamente e temos apenas a rocha selecionada na camada.

Renomeio a camada para "Rocha" (4). Agora copio a rocha com Ctrl+C.

Tutorial do Affinity Photo: Aplicar máscara na imagem para isolar o motivo.
Aplique a máscara à imagem, para que o objeto realmente se destaque.

Inserir rochas como novo elemento de fundo

Mudo para a outra imagem e insiro as rochas com Ctrl+V. Mas cuidado: Na paleta de camadas, agora não está selecionada nem uma camada nem um grupo. É importante que, por exemplo, clique na camada ou grupo mais acima (1), depois pressione Ctrl+V para que a rocha seja colocada acima (2).

Naturalmente queremos mover as rochas para baixo, havendo algo a observar: Quando pegas esta camada e moves para baixo, verás as barras azuis – neste ponto (3), eu por exemplo iria colocar as rochas no grupo "Asas".

Portanto: Move um pouco mais para baixo, para que a barra azul ocupe toda a largura (4), e solta. A camada estará agora no fundo (5).

Tutorial de Affinity Photo: colocando rochas como novo plano de fundo
Ao mover suas camadas, observe as barras azuis. O comprimento delas decide exatamente onde sua camada será colocada.

Atenção à incidência de luz nos componentes da imagem

Afasta a imagem, move as rochas para baixo (1). Preciso virar ainda, porque aqui (2) temos a sombra do lado direito, aqui está do lado esquerdo (3). Com a camada ativa, clico nas rochas, escolho Transformar e Virar Horizontalmente (4).

Tutorial de Affinity Photo: Transformando o novo fundo para se adequar à imagem.
Só jogar e pronto? Não! Sempre observe as condições de iluminação dos elementos individuais em uma composição de imagens.

Alinhar as rochas

Agora posso aumentar as rochas, também escalar de forma não proporcional e girar, até que o anjo esteja exatamente onde desejo sobre as rochas. Também observo as bordas da imagem, para que não haja áreas transparentes. E também quero que as rochas estejam mais ou menos retas.

Tutorial de Affinity Photo: Transformar novo motivo para ajustá-lo ao fundo.
Escalar, girar ... até ficar perfeito!

Agora nosso anjo finalmente tem um apoio sólido nas rochas!

Tutorial de Affinity Photo: Resultado intermediário com o anjo em cima de uma rocha.
Aos poucos, uma imagem se forma a partir das imagens.

Recortar motivos com o pincel de seleção - Resumo da Parte 11

  • Em alto contraste entre o motivo e o fundo, podes usar o pincel de seleção para recorte.
  • Tecla de atalho para o pincel de seleção: a tecla w.
  • Uma vez selecionada a área, podes desfazer com a tecla Alt- pressionada.
  • Dica: Coloca uma área colorida no fundo para verificar as margens da tua seleção.
  • Desfoque as bordas com o Desfoque Gaussiano se necessário.
  • Use também, se necessário, o pincel, para otimizar a seleção.
  • Utiliza a função de rasterizar para aplicar uma máscara a uma imagem. Embora seja destrutivo, economiza espaço, especialmente em compostagens maiores.
  • Ao posicionar novos elementos em uma composição, sempre presta atenção à incidência de luz em todos os elementos.

Parte 12: Criar globo de vidro com filtros do Affinity Photo

Simplesmente mágico – mas de maneira alguma mágica! Marco Kolditz agora pega um ponto de luz e, com alguns cliques habilidosos, transforma-o numa esfera. Como transformar isso finalmente num globo de vidro? Na verdade, é bastante simples – como tantas vezes, é apenas saber como fazer.

Tutorial do Affinity Photo: De uma mancha de lente é gerada uma bola de vidro.
Agora o anjo entra na bola de vidro. Como criar uma a partir de um simples ponto luminoso, aprenderás nesta seção.

O que aprenderás na Parte 12 do tutorial do Affinity Photo

  • Como transformar um ponto luminoso numa bola de vidro
  • Como integrar a bola de vidro em uma composição
  • Uso de filtros especiais como Polar em Cartesiano

Uma mancha de lente como ponto de partida para a bola de vidro

Agora vamos criar a bola de neve. Para isso, criei uma imagem com manchas de lente. Infelizmente, o Affinity Photo (versão 1.6) não oferece uma função padrão para gerar essas manchas de lente. Eu as criei no Photoshop, onde existe um filtro de renderização simples para gerar essas manchas de lente.

Tutorial de Affinity Photo: A imagem de uma mancha de fígado gerada serve como base para a esfera de vidro.
Esta mancha de lente gerada serve de base para a bola de vidro.

A imagem está em uma camada. Vamos usar um filtro, especificamente em Distorcer>Polar em Cartesiano. E pronto, temos este resultado interessante:

Tutorial do Affinity Photo: Filtro Polar em Cartesianas
Usar o filtro Polar em Cartesiano.

Vamos espelhar isso: Com a camada ativada, clique na imagem e selecione Transformar>Espelhar Verticalmente.

Tutorial do Affinity Photo: Espelhamento vertical
Virar de cabeça para baixo, usando a transformação Espelhar Verticalmente.

Agora aplicamos sob Filtro e Distorcer o ponto Cartesiano em Polar. E já temos esse efeito:

Tutorial de Affinity Photo: Filtro Cartesiano para Polar.
Abracadabra ... o filtro Cartesiano em Polar transforma a mancha de lente em uma forma esférica.

De colorido para preto e branco na bola

Atualmente, parece realmente uma bola de vidro, mas ainda colorida. Renomeio a camada para "Reflexo" (1). Além disso, represento a bola em preto e branco, selecionando o ajuste de Preto e Branco (2). Mantenho os parâmetros como estão (3).

Arrasto a camada com o ajuste de Preto e Branco para a camada "Reflexo" (4), para que o ajuste de Preto e Branco afete apenas essa camada (5).

Tutorial de Affinity Photo: Ajuste em preto e branco da esfera.
Adeus cores – através de um ajuste de preto e branco.

Agora ajusto o contraste: Para isso, escolho um ajuste de Curvas. Como ele está diretamente na camada "Reflexo" (2), já que anteriormente selecionei a camada de Preto e Branco dentro da camada "Reflexo". Escureço um pouco as áreas escuras (3). Deixo as áreas claras como estão (4), caso contrário, o branco ficaria estourado, como pode ser visto (5). Aumento o valor do Gamma (6).

Tutorial de Affinity Photo: Correção de tons para a esfera.
Melhorando o contraste através do ajuste de curvas.

Assim, a bola está pronta para a próxima etapa.

Tutorial do Affinity Photo: Resultado intermediário da esfera de vidro gerada
Em sua forma mais refinada: a bola.

Criando uma máscara para a bola

Vamos remover o fundo. Para isso, vamos criar uma seleção. Normalmente, eu usaria a ferramenta de Seleção de Elipse . Com ela, é possível desenhar um círculo facilmente pressionando a tecla Shift. Ao desenhar, gostaria que essa seleção pudesse ser movida. No Photoshop, isso seria possível pressionando a tecla espaço. Infelizmente, isso não é possível no Affinity Photo (versão 1.6).

Tutorial de Affinity Photo: Criar uma máscara para a bola de vidro com a ferramenta de elipse.
Para selecionar precisamente a bola com a ferramenta Elipse, é necessário um pequeno truque ...

Portanto, mostrarei as régua através de Exibir>Régua (1). Clicando em uma régua, posso arrastar uma linha de guia, que colocarei na borda superior da bola (2). Faço o mesmo na borda esquerda da bola (3).

Agora, usando a ferramenta Seleção - Elipse (4), traço um círculo a partir do ponto de interseção das duas linhas guia (5). Vou um pouco além da borda da esfera para que possamos ver a borda mais tarde.

Tutorial de Affinity Photo: Criar uma máscara para a esfera de vidro com a ferramenta Elipse.
Coloque réguas no topo e à esquerda da esfera. Assim, você tem uma orientação perfeita para selecionar a esfera.

Clicando no ícone de máscara, eu crio uma máscara. Pressionando Ctrl + D, eu desfaço a seleção. Assim, a esfera já está criada.

Tutorial do Affinity Photo: Criar máscara para a bola de vidro.
Crie uma máscara a partir de sua seleção - e a esfera está recortada.

Colocando a esfera na imagem

Pulei os seguintes passos, pois se tratam de etapas de edição que já realizamos previamente. Abaixo está nosso rochedo. Atrás da esfera está nosso anjo de Natal. Coloquei a esfera com a máscara no topo.

Agora, quero representar um pedaço do rochedo abaixo da esfera.

Tutorial de Affinity Photo: Posicionar bola de vidro na composição
Até o momento, a esfera está preta e destoante em relação aos elementos da imagem.

Aqui tenho duas máscaras: Uma é uma máscara em forma de círculo (1). A outra é uma máscara onde mascarei a parte inferior do rochedo que pretendo mostrar no fim (2).

Tutorial de Affinity Photo: Mascare áreas específicas do motivo.
Duas máscaras - uma para a esfera de vidro, outra para a parte do rochedo que ficará na frente da esfera.

A máscara não está ativa (1). Ao clicar na máscara com a tecla Shift pressionada, ela se torna ativa (2).

Criar uma segunda máscara é bem simples: Vou excluí-la rapidamente. Ao selecionar essa camada (3) e clicar novamente no ícone de máscara (4), temos outra máscara onde, por exemplo, podemos mascarar novamente o rochedo.

Tutorial do Affinity Photo: Ajustando o fundo e a frente um ao outro.
Duas máscaras para uma camada.

Dê-nos a esfera de vidro!

Nesta camada da esfera de vidro, agora altero o modo de mesclagem da camada. Escolho Multiplicação negativa (1). Desta forma, é criado esse efeito de vidro muito bonito. Para facilitar a visualização do efeito, criei também, no final da lista de camadas na paleta de camadas, uma camada de preenchimento com a cor azul através de Camada (2).

Tutorial de Affinity Photo: Resultado intermediário com anjo de Natal em cima de uma rocha, dentro de uma bola de vidro.
Ajuste o modo de mesclagem para Multiplicação negativa e a esfera parece uma esfera de vidro.

Criando uma esfera de vidro no Affinity Photo - Resumo da Parte 12

  • Use a imagem de um reflexo gerado e o filtro Polar em Cartesiana, uma reflexão vertical e o filtro Cartesiana em Polar, para criar uma forma esférica com reflexão.
  • Utilize um ajuste Preto e Branco e a Correção de Tom, para ajustar cor e contraste da esfera.
  • Através do modo de mesclagem Multiplicação negativa, transforme a esfera em uma esfera de vidro.
  • Ao posicionar novos elementos de imagem em uma composição, observe sempre quais outros elementos de imagem estão na frente e atrás dos novos elementos de imagem.

> Para as partes anteriores 9 e 10 do tutorial

> Para as próximas partes 13 e 14

Os conteúdos das partes 11–12/14 são baseados em um vídeo-tutorial do nosso instrutor Marco Kolditz:

Publicado em de Marco Kolditz
Publicado em:
De Marco Kolditz
Marco Kolditz atua como artista digital, editor e instrutor de vídeo em Munique sob o nome de MEER DER IDEEN. Além disso, ele administra um blog e um canal no Youtube com o mesmo nome. Além dos treinamentos em vídeo para PSD-Tutorials, Marco Kolditz já publicou vários tutoriais em vídeo sobre Adobe Photoshop e Adobe Illustrator, além de artigos especializados em composições criativas no Photoshop para outras revistas especializadas, como a DigitalPHOTO.
Voltar para a visão geral