Recortar motivos no Affinity Photo - com a máscara rápida e o pincel de caneta, isto foi alcançado com a dançarina. Nos partes 6-8/14 da nossa série de tutoriais, agora você aprenderá outro método: Suba para a caneta de desenho e dê as asas merecidas ao anjo usando caminhos.
Parte 6: Recortar as asas - criar um caminho com a caneta de desenho
Enfrenta o segundo motivo, necessário para a montagem. Antes de recortares as asas, Marco Kolditz te explica como abordar o recorte usando a ferramenta da caneta no Affinity Photo. Depois de trabalhar com o pincel de caneta e a máscara rápida, você aprenderá uma segunda técnica de recorte. No final, haverá uma seleção baseada em caminhos, que será refinada no tutorial subsequente.
O que você aprenderá na parte 6 do tutorial do Affinity Photo
- Criar um caminho com a caneta de desenho como preparação para o recorte
- Fundamentos da ferramenta caneta de desenho e aplicação específica
- Trocar pontos âncora para criar curvas e cantos
Recortar com a caneta de desenho - explicação dos fundamentos
Vamos cuidar das asas. Para isso, escolhi esta imagem e a carreguei na camada de fundo no Affinity Photo. Poderíamos ativar a ferramenta de recorte novamente para ativar a máscara rápida e selecionar a asa com a ferramenta de pincel de caneta.
Neste caso, prefiro usar a ferramenta de caneta ou trabalhar com caminhos, pois temos curvas bonitas aqui que podem ser selecionadas facilmente com caminhos. Pego a ferramenta de caneta. Ela está escondida atrás deste ícone e também pode ser acessada com P:
Eu aumento o zoom na imagem. Quando eu clico em um ponto da imagem com a caneta de desenho, este pequeno retângulo aparece (1). Na paleta de camadas, ainda não se vê nada de especial. Assim que eu coloco um segundo ponto, tenho dois pontos âncora e uma linha entre eles (2). Agora na paleta de camadas há uma camada de curvas, ou seja, basicamente uma camada de caminho. Se eu colocar mais pontos âncora e fechar tudo, terei criado um caminho fechado (3).
Os pontos âncora são angulares. Se eu quiser uma curva, ou seja, curvas, devo clicar e arrastar no próximo ponto âncora (1). Assim, consigo obter uma curva. Do ponto âncora saem pequenos braços. Além disso, o ponto âncora não é mais quadrado, mas circular.
Se eu clicar e arrastar novamente (2), vejo belas curvas que se fundem com as outras curvas. Portanto, não há bordas visíveis, e cada um desses pontos âncora tem dois braços.
Se eu quiser mover esses pontos âncora individuais, sejam eles redondos ou angulares, devo manter pressionada a tecla Ctrl. O cursor do mouse muda em consequência (3) - eu clico em um ponto âncora e arrasto. Com isso, posso posicionar os pontos âncora onde eu quiser.
Isso também vale para os braços em tais curvas. Se eu clicar e arrastar um braço com a tecla Ctrl pressionada (4), posso alterar a curva. Ambos os braços movem-se em direção um ao outro, evitando a formação de uma borda desagradável.
Se eu quiser que uma curva seja e que tudo se transforme em uma borda, devo manter pressionada a tecla Alt, clicar e arrastar (1). Assim crio uma borda. Os braços movem-se independentemente um do outro (2). Com a tecla Ctrl pressionada, posso ajustar os braços. Agora temos uma curva, uma borda e novamente uma curva (3). Pelo retângulo, você pode ver que há uma borda aqui.
Criar um caminho com o lápis
Dessa forma, é possível trabalhar facilmente com caminhos. Com a técnica, selecionamos a asa. Eu apago a camada de path existente. Coloco o primeiro ponto de ancoragem aqui (ponto quadrado em 1), o segundo neste local, onde eu puxo diretamente para criar uma curva (ponto redondo em 1). Nisso, eu me certifico de que a curva é colocada ao longo da asa. Se ela se estender além da asa, eu mantenho pressionada a tecla Ctrl, clico no ponto de ancoragem e posso corrigi-lo um pouco.
Aqui coloco o terceiro ponto de ancoragem (2). Com o lápis, é necessário praticar um pouco – quanto mais você trabalhar com a ferramenta, mais saberá onde clicar na imagem. Assim, não é necessário definir um ponto de ancoragem milímetro por milímetro, mas você pode deixar mais espaçamento e trabalhar mais com essas curvas.
Aqui nós vemos que o braço provavelmente está muito longo. Então, eu corrijo isso com a tecla Ctrl pressionada (de 2 para 3). No geral, eu trabalho para que o caminho esteja localizado mais dentro da asa do que fora.
Também faço mais ajustes aqui até que tudo se encaixe. Assim, trabalha-se passo a passo pela imagem.
Na próxima imagem, vemos que temos um trecho levemente curvo pela frente. Portanto, provavelmente será suficiente colocar o próximo ponto de ancoragem bem acima. Eu clico e arrasto – e temos novamente uma curva, porém que não segue a curva da nossa asa. Então, eu também ajusto isso, estendendo o braço.
Como mencionado, é necessário dedicar tempo até realmente pegar o jeito. A ferramenta lápis é altamente recomendada quando se trata de recortar objetos como copos ou dispositivos técnicos. Para objetos com curvas e também retas, trabalhar com caminhos é simplesmente mais eficiente do que, por exemplo, recortar com a MáscaraRápida.
Agora estamos entrando em uma área mais complicada. Aqui temos uma curva e então um canto. Eu coloco o ponto de ancoragem e ajusto a curva (1 para 2).
Quando eu coloco o próximo ponto de ancoragem e arrasto, temos de fato uma curva (3), mas também aqui embaixo (seta em 3). Para manter o canto, eu mantenho pressionada a tecla Alt, clico no ponto de ancoragem e arrasto. Assim, transformo o ponto de ancoragem arredondado em um ângulo novamente (4). Com a tecla Ctrl pressionada, eu movo os braços livremente um do outro.
Na parte superior, temos uma área onde a asa não é contínua (5). Isso pode ser corrigido mais tarde com uma máscara.
Dessa forma, você pode trabalhar pela imagem. O bom é que, com um caminho, obtemos contornos muito nítidos, ou seja, não áreas pixeladas ou irregulares, como poderiam surgir ao trabalhar, por exemplo, com a pincel de pintura.
O resultado atual: Eu selecionei toda a asa usando a ferramenta Caneta-.
Criar caminho com a Caneta - Resumo da Parte 6
- Com a Caneta, você cria uma camada de curvas com base em caminhos.
- A Caneta é recomendada para objetos com bordas retas e curvas.
- Para ativar a Caneta, clique no ícone ou use o atalho P.
- Clicando, você cria um ponto de âncora angular para cantos.
- Clicando e arrastando, você cria um ponto de âncora redondo para curvas.
- Você move os pontos de âncora (e alças) clicando e segurando a tecla Ctrl-.
- Com a tecla Alt-, você transforma um ponto redondo em um ponto angular.
- Por fim: A prática leva à perfeição! Experimente a Caneta em diferentes formas.
Parte 7: Recortar a asa, criar máscara e entalhes
Agora, após recortar a dançarina, é hora de recortar as asas. O caminho você pode converter em máscara ou em Seleção. Como proceder será explicado no sétimo tutorial da série de Natal. Enquanto isso, você faz alguns entalhes nas bordas das asas, resultando em uma imagem totalmente recortada e ainda mais realista, pois parece desgastada em algumas partes.
O que você aprende na Parte 7 do Tutorial Affinity Photo
- Como criar uma máscara a partir de um caminho
- Criar máscaras de caminho e de pixel
- Caneta - Funções de Seleção e Máscara
- Fazer mais ajustes com o Pincel
- Combinar camadas visíveis no Affinity Photo
Criar uma máscara a partir de um caminho
Após criarmos o caminho para a asa no tutorial anterior, agora na paleta de camadas temos a imagem como camada de fundo e a camada de curvas, ou seja, nosso caminho. Como podemos transformar isso em uma máscara? - Existem duas maneiras...
Com a camada de curvas ativada (1) e a imagem abaixo, que desejo mascarar, eu clico em Máscara (2). Assim, a asa é mascarada e selecionada. O restante fica transparente (3). Na paleta de camadas, há a imagem com uma máscara (4) - com uma máscara de caminho ainda editável.
Agora não posso simplesmente usar a ferramenta Pincel- e pintar com a cor preta para tornar essa área transparente - isso não funciona porque temos uma máscara de caminho. No entanto, se eu selecionar nossa camada de fundo (4) e clicar no ícone de máscara (5), posso criar uma nova máscara (6). Posso então clicar novamente e arrastar para a camada de fundo (7). Agora tenho uma máscara de pixel e uma máscara de caminho (8).
Uma observação: Você pode ativar as Configurações do Assistente para fazer com que uma máscara seja aplicada automaticamente na camada selecionada. Geralmente, desativo o assistente, pois, embora traga vantagens, às vezes também traz desvantagens.
Vou mostrar-lhe o que significa quando ele está ativado: Eu ativo a camada de fundo novamente (1), clico neste ícone de máscara (2). Neste caso, o Affinity Photo sabe que quero aplicar uma máscara a esta camada (3). Assim, o assistente é útil. No entanto, às vezes o assistente entra em ação e faz coisas que na verdade não foram planejadas. Por isso, eu o tinha desativado.
Então temos a máscara de caminho e a máscara de pixel. Quando ativo a máscara de pixel (1) e a ferramenta Pincel- com cor de primeiro plano preta (3), consigo pintar áreas transparentes (4).
Podemos trabalhar com uma combinação de máscara de caminho e máscara de pixel. Alteramos a máscara de caminho com a ferramenta Lápis- - a máscara de pixel com o Pincel.
Criar uma seleção a partir de um caminho
Se quiser trabalhar apenas com uma máscara de pixel, siga estes passos: Temos de volta o nosso fundo original e a camada de curvas. A ferramenta Lápis- está ativada (1). Estou na camada de curvas (2). Desta vez, escolho Seleção (3). Assim, o caminho é convertido numa seleção de pixel (4).
Com a seleção, podemos criar uma máscara de pixel. Para isso, ativo o fundo (1), as configurações do assistente também (2), e clico na máscara (3), adicionando assim uma máscara de pixel à camada selecionada (4). Com Ctrl+D eu cancelo a seleção atual.
Editar a máscara da asa
Podemos continuar a editar e otimizar a máscara. Para isso, dou zoom na imagem e ajusto as áreas marginais. Atualmente, está tudo muito suave. Pego no Pincel (1) com a cor de primeiro plano preta (2) e pinto na máscara (3) para introduzir pequenas falhas que resultarão num efeito mais realista no final (4).
Assim, continuo à volta da seleção inteira. Como estou a usar uma mesa digitalizadora, consigo variar a espessura do pincel ao pressionar com diferentes intensidades com a caneta.
Podemos completamente ignorar as áreas, pois estarão atrás da modelo mais tarde:
Unir camadas visíveis
Poderíamos colocar essa camada, a imagem com a máscara, no nosso Composing. No entanto, gostaria de lhe mostrar como criar uma camada separada, onde apenas esta asa está, sem máscara. Para isso, selecione a camada atual (1) e vá em Camada e clique em Unir visíveis (2). Alternativamente, isso pode ser feito com Ctrl+Alt+Shift+E. Assim, todas as camadas abaixo são mescladas em uma (3).
Com isso, eu tenho a asa em uma camada separada em um fundo transparente, sem máscara. E agora podemos colocá-la na composição.
Criando máscaras no Affinity Photo – Resumo da Parte 7
- Para criar uma máscara a partir de um caminho, as funções Caneta, Máscara e Seleção estão disponíveis.
- Máscaras de pixel podem ser editadas posteriormente com o Pincel.
- Se necessário, use o assistente.
- Você pode combinar camadas visíveis com Ctrl+Alt+Shift+E.
Parte 8: Posicionar e transformar as asas
Nos tutoriais anteriores, recortamos a anjo de Natal e suas asas correspondentes. Agora, é hora de combinar os elementos. Descubra o que você precisa ter em mente ao inserir uma imagem em outra e como você pode transformar elementos. Você usará rotação, espelhamento horizontal e ampliação e redução (proporcional ou não) para fazer o anjo voar.
O que você aprenderá na Parte 8 do tutorial do Affinity Photo
- Como inserir imagens em outras imagens e o que observar ao fazer isso
- Alterar o tamanho do documento e da tela
- Posicionar e transformar elementos: espelhar horizontalmente, mover, rotacionar, ampliar e reduzir (proporcionalmente)
Copiar uma imagem de um arquivo e colá-la em outro arquivo
Recortamos a asa e agora a colocamos atrás do anjo de Natal. Para isso, abri os arquivos da asa (1) e do anjo de Natal (2). Na paleta de camadas, vemos a asa recortada, que está em uma camada de pixels (3).
Gostaria de selecionar essa camada e arrastá-la para o outro arquivo, mas isso não funciona no Affinity Photo (Versão 1.6). Também não consigo simplesmente clicar na asa e arrastá-la para o outro arquivo. Então, precisamos seguir outro caminho, através de Copiar e Colar: Selecione a camada para copiar e pressione Ctrl+C para Copiar. Então, eu vou para o outro arquivo.
Agora eu poderia pressionar Ctrl+V para colar a asa. No entanto, precisamos ter cuidado: Na paleta de camadas, o grupo não está atualmente selecionado (1). Se eu simplesmente pressionar Ctrl+V agora, nada acontecerá. Onde está a asa? Ela foi colocada em algum lugar dentro do grupo (2).
Eu excluo a camada, fecho o grupo e certifico-me de que o grupo está ativo desta vez (3). Se eu pressionar Ctrl+V agora, o conteúdo copiado será colocado acima do grupo ou camada anteriormente selecionada (4). É exatamente isso que queríamos alcançar.
Alterar o tamanho do documento e da tela
Agora precisamos garantir que a asa fique atrás do anjo de Natal. Geralmente, isso é fácil de fazer, posicionando a camada abaixo da camada da "bailarina".
No entanto, percebemos em nosso documento que não há muito espaço disponível. Precisamos criar mais espaço. Devemos ampliar o documento ou, como é chamado no Affinity, ampliar a tela. Isso é feito em Documento, onde existem duas opções: Alterar o tamanho do documento… (1) e Alterar o tamanho da tela… (2).
Onde está a diferença? Com alteração do tamanho do documento (3) aumenta ou diminui a imagem, ou seja, os pixels na imagem são recalculados e os conteúdos são assim aumentados ou diminuídos. Neste caso, não queremos isso.
Em vez disso, escolhemos alteração do tamanho da tela (4). Agora posso definir quanto grande a tela ou o documento deve ser. Escolho o ponto central (5) como âncora, para que a imagem seja ampliada a partir do centro. Defino o tamanho para 8.000 px (6). Com o ícone do cadeado, o outro valor é ajustado proporcionalmente. Portanto, eu desbloqueio o ícone do cadeado (7) e insiro 8.000 px também para o segundo valor. Confirmo com Alterar tamanho.
Nota: Erro de exibição no Affinity Photo
Não se surpreenda com essa linha (1), é um erro de exibição. Se eu der zoom na imagem, ela some (2). Aparentemente, um problema de exibição no Affinity Photo (Versão 1.6) - ao salvar a imagem, a linha não é salva, porque na realidade ela não existe.
Posicionar as asas atrás da estátua
Renomeio a camada de pixel para "Asas direita" (1). Para isso, também crio um novo grupo: A camada está ativada e clico no ícone de pasta (2) ou pressiono Ctrl+G. Renomeio o grupo para "Asas" (3). Agora arrasto o grupo para a parte inferior (4) para posicionar as asas atrás da estátua (5).
Refletir horizontalmente as asas
Duplico as asas. Para isso, seleciono "Asas direita" e pressiono Ctrl+J (1). Renomeio a cópia para "Asas esquerda" (2). Arrasto ela para a esquerda (3), depois a reflito: Clico com o botão direito na asa e escolho Transformar>Espelhar horizontalmente (4). Assim, a asa fica refletida (5).
Mover e rotacionar motivos
Vamos nos preocupar primeiro com a asa direita: Ao clicar nela, posso movê-la (1).
Para rotacionar, movo o cursor do mouse para o canto superior (2). Não diretamente no ponto de ancoragem, mas um pouco mais externamente, então a seta dupla aparece. Ao clicar e arrastar, a asa gira.
Por outro lado, se eu clicar em um dos pontos de ancoragem (1) e arrastar, a dimensão muda proporcionalmente (2 e 3). Se você não quiser redimensionar de forma proporcional (4), mantenha pressionada a tecla Shift ao arrastar o ponto de ancoragem.
Agora posiciono a asa conforme desejado, girando e esticando um pouco. Aqui embaixo, devo garantir que não haja área livre visível (1). Além disso, a asa não deve começar atrás do pescoço (2). Gosto assim (3).
Para a asa esquerda: Vou girar mais forte, para que as duas asas sigam os braços. Aqui também ajusto o tamanho, às vezes trabalho de forma não proporcional. A asa deve começar mais ou menos no joelho (1) e também atrás do ombro (2).
Com menos zoom, percebe-se que a asa direita parece um pouco maior que a esquerda (1). Neste caso, a direita deve ir um pouco para trás e a esquerda mais para o lado. Vou ajustar isso novamente (2).
Agora ambas as asas estão posicionadas atrás da estátua.
Posicionando e transformando elementos no Affinity Photo - Resumo parte 8
- Insira imagens em outros através de cópia e colagem com Ctrl+C e Ctrl+V.
- Ao colar, observe qual elemento está selecionado na paleta de camadas.
- Use o tamanho do documento para ajustar o tamanho da sua imagem.
- Use o tamanho da tela para ajustar a área de trabalho disponível.
- Clicando com o botão direito, é possível inverter a imagem horizontalmente ou verticalmente sob Transformar.
- Mova os elementos clicando e arrastando.
- Utilize transformações como espelhamento, rotação e (proporcional) aumento e redução para ajustar os elementos da imagem conforme desejado.
- Ao clicar no manipulador de um elemento, você pode aumentá-lo e diminuí-lo proporcionalmente. Mantendo pressionada a tecla Shift, você alterna para alteração de tamanho não proporcional.
> Para os partes anteriores 4 e 5
> Para os próximos partes 9 e 10
O conteúdo do post é baseado em um tutorial em vídeo do nosso treinador Marco Kolditz: