Como adicionar um preenchimento de gradiente no Affinity Designer

Ser capaz de aplicar gradientes ao seu trabalho artístico é um aspecto importante do design vetorial. Neste tutorial, veremos como adicionar gradientes no Affinity Designer e aprenderemos sobre os diferentes tipos de gradientes: linear, elíptico, radial e cônico.

O que você aprenderá neste tutorial

  • Como adicionar um gradiente no Affinity Designer
  • Como usar a ferramenta Preenchimento do Affinity Designer

Como adicionar um gradiente no Affinity Designer

Passo 1

Vamos aprender como preencher cores no Affinity Designer usando o Ferramenta de Preenchimento, uma ferramenta que permite preencher objetos com gradientes, padrões e cores sólidas. Você pode encontrá-lo na barra de ferramentas no lado esquerdo da tela. Como alternativa, você pode usar o atalho de teclado G para acessá-lo.

como localizar a ferramenta de preenchimentocomo localizar a ferramenta de preenchimentocomo localizar a ferramenta de preenchimento

Passo 2

Para aplicar um preenchimento de gradiente do Affinity Designer, primeiro você precisará de um objeto para aplicá-lo. Para esta demonstração, aplicarei gradientes a um quadrado que criei. Você pode aplicar um preenchimento gradiente a qualquer objeto que desejar, contanto que seja um caminho vetorial e não uma imagem rasterizada.

Depois de escolher o tipo de gradiente, desta vez linear, será atribuído a ele uma cor inicial e final padrão, geralmente branco e cinza/preto. Vejamos melhor o Gradiente painel e repasse todas as outras configurações que permitem editar as propriedades do seu gradiente, como:

  • Tipo: Linear, Elíptico, Radial ou Cônico.

  • Posição: você pode escolher manualmente uma posição específica para cada uma das paradas de cor no gradiente.
  • Cor: a cor de uma parada escolhida no gradiente.
  • Parar: você pode inserir novas paradas, copiá-las e excluí-las.
  • Gradiente: inverta a direção do gradiente do Affinity Designer.
  • Ponto médio: você pode ditar manualmente a localização do ponto médio.
  • Opacidade: você pode ajustar a opacidade de qualquer interrupção de cor em seu gradiente.
  • Seletor de cores: isso permite que você adicione cores ao seu gradiente com base em uma amostra de cor de outro objeto em sua tela.

como adicionar gradiente no designer de afinidadecomo adicionar gradiente no designer de afinidadecomo adicionar gradiente no designer de afinidade

Esse Gradiente painel é muito útil para editar seus gradientes se você precisar especificar valores numéricos exatos para posição, ponto médio ou opacidade. Caso contrário, você pode alterar todas essas propriedades diretamente no objeto usando o Affinity Designer Ferramenta Preenchimento (G). A interface é muito intuitiva.

etapa 3

Para alterar as cores do seu gradiente, basta clicar no ponto inicial do gradiente (indicado como nós circulares) para selecioná-lo e pressionar o botão Cor caixa. O Roda de cores painel aparecerá e você poderá selecionar uma nova cor. O gradiente será atualizado instantaneamente.

como alterar a cor inicial e final de um gradientecomo alterar a cor inicial e final de um gradientecomo alterar a cor inicial e final de um gradiente

Passo 4

Agora, selecione a parada final do gradiente linear, clique no botão Cor caixa e escolha uma nova cor na Roda de cores. Você também pode usar o Seletor de cores para obter uma amostra de uma cor de outra fonte.

Seu primeiro gradiente do Affinity Designer está pronto. Quão fácil foi isso! Para alterar a localização e a direção do seu gradiente, basta clicar e arrastar qualquer um dos nós para movê-los.

A linha fina no centro do caminho do gradiente representa o ponto central do gradiente. Movê-lo mudará o equilíbrio do gradiente para favorecer uma cor sobre a outra. Quanto mais em uma direção você o mover, mais intensa será a disparidade.

como alterar a cor da parada final de um gradientecomo alterar a cor da parada final de um gradientecomo alterar a cor da parada final de um gradiente

Passo 5

Se você quiser adicionar uma nova cor ao seu gradiente, tudo o que você precisa fazer é passar o cursor sobre o caminho do gradiente até que o ícone do cursor tenha um sinal de mais (+) sinal. Faça isso enquanto o Affinity Designer Ferramenta Preenchimento (G) está ativo. Neste ponto, você pode simplesmente clicar no caminho para adicionar um novo nó. Atribua uma nova cor a ele a partir do Roda de cores. Você pode adicionar muitos outros nós da mesma maneira e criar um gradiente colorido.

como adicionar mais limites de cor ao gradiente linearcomo adicionar mais limites de cor ao gradiente linearcomo adicionar mais limites de cor ao gradiente linear

Passo 6

Na imagem abaixo, temos um exemplo de preenchimento gradiente do Affinity Designer. Se a qualquer momento você quiser excluir uma ou mais cores adicionadas, tudo o que você precisa fazer é clicar na parada de cores no Gradiente painel e, em seguida, pressione o botão Excluir botão.

Como alternativa, você pode selecionar o nó diretamente no caminho do gradiente usando o Ferramenta Preenchimento (G) e pressione o Excluir tecla em seu teclado.

como excluir paradas de cor de um gradientecomo excluir paradas de cor de um gradientecomo excluir paradas de cor de um gradiente

Parabéns! Você Terminou!

Você aprendeu como um gradiente funciona e como preencher cores no Affinity Designer. AEmbora você possa usar a ferramenta Preenchimento para aplicar cores sólidas ao preenchimento ou traçado de um objeto, seu verdadeiro poder está na capacidade de aplicar e modificar gradientes. É muito fácil de fazer!

imagem final do gradiente do designer de afinidadeimagem final do gradiente do designer de afinidadeimagem final do gradiente do designer de afinidade

Agora que você aprendeu como fazer gradientes no Affinity Designer, pode ir para ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode obter downloads ilimitados de ga-analytics#sendElementsClickEvent”>graphics, ga-analytics#sendElementsClickEvent” >add-ons, ga-analytics#sendElementsClickEvent”>fontes e muito mais que estão prontas para serem usadas em seus projetos.

Quer saber mais sobre Affinity Designer?

Temos muitos tutoriais no Envato Tuts+ que ensinam muitas outras técnicas úteis. Aqui está uma lista de tutoriais feitos especialmente para você. Dê uma olhada!

[ad_2]

Deixe uma resposta