Para manter uma máscara de ajuste de gradiente editável no Affinity Photo 2 para Mac, crie o esmaecimento em uma camada de preenchimento separada e use essa camada para mascarar o ajuste. Mantenha o gradiente como preenchimento para poder voltar aos seus manipuladores e pontos de controle mais tarde.

Este tutorial usa uma composição original de formas abstratas coloridas. A tarefa é fazer um ajuste de cor esmaecer gradualmente sobre essa arte, mantendo editáveis de forma independente tanto as configurações do ajuste quanto o esmaecimento. A documentação da Affinity identifica explicitamente as camadas de preenchimento como capazes de preservar um caminho de gradiente editável. Preenchimentos de gradiente e bitmap

O que precisa continuar editável?

Há dois controles distintos: o ajuste altera a aparência da arte, e a máscara controla onde essa alteração aparece. Manter uma camada de ajuste permite reabrir suas configurações. Manter uma camada de preenchimento com gradiente preserva a construção do esmaecimento. A Affinity documenta os ajustes como não destrutivos e as camadas de preenchimento como contendo cores sólidas ou de gradiente ajustáveis. Usar camadas de ajuste, Camadas de preenchimento

Uma máscara de pixels continua editável por meio de pintura e outras operações de máscara, mas essa é uma forma de edição diferente de manter um caminho de gradiente. A Affinity documenta o desenho de gradientes diretamente em máscaras de ajuste; seu guia de gradientes recomenda especificamente uma camada de preenchimento quando o caminho precisa continuar editável. Escolha a estrutura de camadas antes de desenhar o esmaecimento. Usar camadas de ajuste, Preenchimentos de gradiente e bitmap

As instruções abaixo são para o aplicativo de desktop Affinity Photo 2, separado. O aplicativo Affinity mais recente introduziu uma Mask Tool na versão de setembro de 2026. Sua interface oferece opções adicionais de mascaramento, portanto, estas instruções de menu do Photo 2 não devem ser consideradas uma descrição dessa ferramenta mais recente. Notas da versão de setembro de 2026

Crie um documento de teste abstrato simples

Use um novo documento com dimensões ilustrativas de 1600 × 1000 pixels. Desenhe uma elipse grande em tom teal, um retângulo arredondado laranja e uma elipse violeta menor, com alguma sobreposição. Essas dimensões e cores são sugestões para praticar, não configurações obrigatórias.

Escolha as ferramentas de forma correspondentes no painel Tools e arraste para desenhar cada objeto. Defina os preenchimentos pelos controles de cor. Mantenha as formas em camadas separadas para facilitar a inspeção do exemplo; não é necessário convertê-las em pixels. As ferramentas de forma da Affinity permitem desenhar arrastando e alterar as propriedades das formas depois. Desenhar e editar formas geométricas

Selecione a camada de forma mais acima. No painel Layers, clique em Adjustments, escolha HSL e reduza a saturação o suficiente para que a alteração fique evidente. Feche a caixa de diálogo do ajuste. Posicione o ajuste acima das três formas para que ele afete toda a composição. Mais tarde, você poderá reabrir as configurações clicando duas vezes na camada. Usar camadas de ajuste

Neste exemplo, o objetivo é manter as cores originais à esquerda e o resultado dessaturado à direita. Deixar essa direção explícita facilita identificar uma máscara invertida.

Crie o gradiente editável e aplique-o ao ajuste

Crie uma camada de preenchimento separada

Selecione o ajuste e escolha Layer > New Fill Layer. O novo preenchimento aparece acima da camada selecionada. Renomeie-o como Editable fade para deixar clara sua finalidade. As camadas de preenchimento cobrem automaticamente a tela e são redimensionadas quando o tamanho da tela muda, o que as torna práticas para criar um esmaecimento sobre toda a composição. Camadas de preenchimento

Com essa camada de preenchimento selecionada, ative a Gradient Tool. Na barra de contexto, defina Type como Linear e arraste horizontalmente pela tela. Esses são os controles documentados para aplicar um gradiente a uma camada de preenchimento. Camadas de preenchimento

Faça o esmaecimento passar de opaco a transparente

Defina os dois pontos de controle do gradiente como brancos. Selecione o ponto de controle esquerdo e defina sua Opacity como 0%; selecione o ponto de controle direito e defina sua Opacity como 100%. Mantenha a Opacity geral da camada de preenchimento em 100%. A opacidade dos pontos de controle está disponível nos controles do gradiente e determina o grau de transparência de cada ponto. Preenchimentos de gradiente e bitmap

Essa configuração varia deliberadamente a transparência. Um preenchimento de preto a branco totalmente opaco é um gradiente de cor; ele não fornece a extremidade transparente necessária para este fluxo de trabalho. Aqui, o lado esquerdo do preenchimento é transparente e o direito é opaco. Depois de aplicado como máscara, esse esmaecimento controla a visibilidade do ajuste. Isso combina os controles de opacidade de preenchimento documentados pela Affinity com seu fluxo de trabalho de máscaras de camada. Preenchimentos de gradiente e bitmap, Máscaras de camada

Mascare o ajuste com o preenchimento

Certifique-se de que Editable fade esteja imediatamente acima do ajuste HSL. Selecione o preenchimento e escolha Layer > Mask to Below. A camada de destino é a camada de ajuste, portanto, o esmaecimento controla a alteração de cor em vez de ocultar as próprias formas. A Affinity documenta Mask to Below como uma operação de mascaramento e oferece suporte a máscaras em ajustes. Máscaras de camada

A estrutura desejada é um ajuste acima da arte, com Editable fade anexada abaixo desse ajuste como sua máscara. O preenchimento não deve mais aparecer como uma sobreposição branca. Em vez disso, as formas coloridas devem passar gradualmente para a aparência dessaturada ao longo da tela.

Selecione outra camada, depois selecione novamente a camada de preenchimento aninhada e ative a Gradient Tool. Edite o gradiente existente em vez de desenhar um substituto. Essa verificação de retorno à edição confirma que você manteve um preenchimento, em vez de criar apenas um esmaecimento baseado em pixels. Camadas de preenchimento

Ajuste o esmaecimento sem recriá-lo

Selecione Editable fade sempre que quiser alterar a transição. Mova uma extremidade para mudar o alcance ou o ângulo do gradiente. Use Reverse gradient na barra de contexto para inverter as extremidades se o ajuste aparecer no lado errado. A Affinity documenta esses controles em suas ferramentas de gradiente. Ferramenta Gradiente

No documento ilustrativo com 1600 pixels de largura, experimente posicionar a extremidade transparente aproximadamente em x = 400 e a opaca em x = 1200. Em seguida, experimente x = 650 e x = 950. Compare a transição ampla com a mais estreita. Essas coordenadas são um exercício prático, não resultados medidos nem uma fórmula obrigatória.

Use este guia de decisão para escolher o que editar em seguida:

O que você quer alterar Controle a editar
Quanto de cor o ajuste remove As configurações do ajuste HSL
Onde a transição começa e termina As extremidades do gradiente da camada de preenchimento
Qual lado recebe o ajuste Reverse gradient
Como o esmaecimento se distribui entre as extremidades O ponto médio do gradiente
A visibilidade máxima em uma extremidade A Opacity desse ponto de controle do gradiente

O ponto médio altera a distribuição entre os pontos de controle; é útil quando a transição está posicionada corretamente, mas parece concentrada em um dos lados. Trate a intensidade do ajuste e a posição do esmaecimento como decisões separadas para identificar qual alteração melhora a composição. Preenchimentos de gradiente e bitmap

Verifique a estrutura de camadas antes de redesenhar

Se um gradiente branco estiver cobrindo a arte, verifique se o preenchimento ainda é uma camada comum acima do ajuste. Confirme a relação de mascaramento e a camada de destino. Se a própria arte desaparecer ao longo do esmaecimento, verifique se você aplicou a máscara a uma forma em vez de ao ajuste. O posicionamento da máscara determina qual conteúdo é afetado. Máscaras de camada

Se o ajuste for aplicado a apenas uma forma, verifique o aninhamento do ajuste. O recorte pode limitar um ajuste a uma única camada ou grupo. Neste exemplo, coloque-o acima das três camadas de forma, no mesmo nível, para que o teste abranja toda a composição. Recorte de camada

Se os manipuladores do gradiente não reaparecerem, verifique o tipo da camada selecionada antes de arrastar novamente. Selecione a própria camada de preenchimento, não o ajuste nem uma máscara de pixels. A Affinity distingue explicitamente a aplicação de gradientes a máscaras da preservação do caminho do gradiente em uma camada de preenchimento. Preenchimentos de gradiente e bitmap

Preserve a versão principal editável

Evite Rasterize to Mask neste fluxo de trabalho. Esse comando converte o conteúdo compatível da camada em uma máscara rasterizada. Evite também rasterizar as formas abstratas apenas para criar o esmaecimento: a Affinity documenta a rasterização como uma conversão em pixels, após a qual a edição vetorial deixa de estar disponível. Primeiro, duplique uma camada se você precisar deliberadamente de uma versão em pixels para outra operação. Rasterização

Ao alterar o ajuste, feche a caixa de diálogo das configurações em vez de escolher Merge. A Affinity documenta Merge como uma opção que aplica o ajuste e o mescla com a camada abaixo, removendo o controle de ajuste separado que esta tarefa se destina a preservar. Usar camadas de ajuste

Escolha File > Save As e salve o projeto no formato .afphoto. A Affinity informa que esse formato preserva as informações do projeto para edição posterior. Reabra o projeto salvo, selecione Editable fade e verifique novamente o gradiente antes de considerar concluída a versão principal editável. Salvar

O documento final deve permitir três alterações independentes: remodelar a arte original, reabrir o ajuste de cor e reposicionar seu esmaecimento. Manter esses controles em camadas separadas facilita a próxima revisão.

Fontes