Como adicionar uma máscara no Affinity Designer

No tutorial anterior do Affinity Designer, aprendemos como usar a Artistic Text Tool. Estamos quase no fim, mas primeiro, vamos descobrir como adicionar uma máscara no Affinity Designer.

Você também pode aprender todos os fundamentos deste software em nosso tutorial definitivo do Affinity Designer para iniciantes. Aqui, entraremos em detalhes completos.

Se você é mais do tipo de pessoa que curte tutoriais em vídeo, confira o curso gratuito abaixo no canal do Tuts+ no YouTube.

Assista à aula: Como adicionar uma máscara no Affinity Designer


Vamos adicionar uma máscara ao nosso projeto do Affinity Designer. Para fazer isso, pegue o texto e solte-o na miniatura da camada.


Agora, estamos usando o texto como uma máscara. Podemos ter várias máscaras em uma única imagem.

Agora, duplique a imagem do Camadas painel selecionando-o e clicando Comando-J. Expanda a camada de imagem duplicada e exclua a máscara. Traga essa camada de volta para trás da camada de texto.

Usaremos um truque do Modo de Mesclagem para criar o efeito da imagem vazando da máscara. Então selecione a imagem, vá em Modo de mesclageme escolha Dividir no menu suspenso.

Tutorial do Affinity Designer para iniciantes: Use o Modo de Mesclagem de Divisão.Tutorial do Affinity Designer para iniciantes: Use o Modo de Mesclagem de Divisão.Tutorial do Affinity Designer para iniciantes: Use o Modo de Mesclagem de Divisão.

Os modos de mesclagem exigem algum tipo de cor atrás do objeto para mesclar. Seguiremos alguns passos para conseguir isso.

Vamos em frente e transformar isso em uma prancheta. Iremos para o Ferramenta de pranchetaclique Inserir pranchetae dê a ele uma cor de preenchimento do nosso painel de cores.

Aplique qualquer cor arrastando os controles deslizantes. Escureça o fundo para melhor visibilidade da imagem. Note que está começando a sangrar em alguns pontos.

Tutorial do Affinity Designer para iniciantes: Efeito de mesclagem na imagem.Tutorial do Affinity Designer para iniciantes: Efeito de mesclagem na imagem.Tutorial do Affinity Designer para iniciantes: Efeito de mesclagem na imagem.

Agora que fizemos isso, vamos trazer “Futura” de volta. É difícil ver a palavra, então criaremos um retângulo para enquadrá-la. Selecione o Ferramenta Retângulo e arraste a forma para fora.


Não importa o tamanho. Mais tarde, mostrarei um truque prático para deixá-lo exatamente do tamanho do nosso texto em apenas alguns cliques.
Tutorial para iniciantes do Affinity Designer: Selecione a ferramenta Retângulo.Tutorial para iniciantes do Affinity Designer: Selecione a ferramenta Retângulo.Tutorial para iniciantes do Affinity Designer: Selecione a ferramenta Retângulo.

Selecione a ferramenta Retângulo

Selecione o retângulo. Use o seletor de cores para deixá-lo com o mesmo vermelho que o da imagem original. Livre-se do traço. Volte para o preenchimento e altere a cor de “Futura” para branco.

Tutorial básico do Affinity Designer: Altere a cor do texto do Futura para branco.Tutorial básico do Affinity Designer: Altere a cor do texto do Futura para branco.Tutorial básico do Affinity Designer: Altere a cor do texto do Futura para branco.

Ainda está difícil de ler, então coloque o retângulo acima de todo o resto. Agora, vamos garantir que o retângulo tenha o tamanho exato do nosso texto.


O que quer que selecionarmos primeiro será a coisa para a qual todo o resto será dimensionado. Se selecionarmos o texto primeiro, isso significa que o retângulo será dimensionado para o tamanho do texto, e não o contrário.

Então selecione o texto primeiro. Segure Mudançae então selecione o retângulo. Vá até o Alinhar painel, centralizando-o verticalmente e para Limites de seleção.

Abaixo você verá o Faça o mesmo opção. Como o nome sugere, isso ajuda você a fazer a forma ter a mesma largura e altura. Finalmente, basta clicar Aplicar.

vocêveja o Ferramenta de Contorno para adicionar um pouco de preenchimento. Vamos também deixar os cantos afiados.

Na última parte, vamos dar alguma textura ao retângulo. Vá até o Preencher. No Aba Gradienteselecione a cor vermelha e adicione um pouco de ruído.

Use o seletor de cores, selecione uma cor do retângulo e aplique-a. Não importa se é a mesma — queremos apenas adicionar um pouco de textura aqui.

Perfeito! Aplicamos nosso ruído e estamos prontos para prosseguir.

Explore nossos melhores tutoriais do Affinity Designer

Agora você está um passo mais perto de se tornar um guru do Affinity Designer. Ainda há muito mais que você pode aprender com nossos tutoriais do Envato Tuts+ e ga-analytics#sendElementsClickEvent”>Envato Blog.

E se você não quiser começar do zero, vá buscar um modelo profissionalmente projetado na biblioteca ga-analytics#sendElementsClickEvent”>Envato. Uma assinatura lhe dará acesso a milhões de recursos criativos!

Confira mais dos nossos melhores tutoriais do Affinity Designer:

Deixe uma resposta