Gradiente de 4 cores / cantos com Illustrator ou Photoshop


13

Eu devo criar um retângulo vetorial preenchido com um gradiente feito de 4 cores, uma para cada canto. Eu poderia encontrar algumas informações muito genéricas sobre o uso de misturas ao vivo , mas não tenho certeza de que essa é a melhor ferramenta e ainda não consegui fazer isso. Como você conseguiu isso exatamente no Illustrator? (E secundário no Photoshop?)

Gradiente de 4 cores (esta imagem vem do seletor de cores do Photoshop)


Você pode simplesmente desenhar quadrados e usar um desfoque gaussiano, não é?
Jeremy

Respostas:


12

Malha de gradiente no Illustrator

  • desenhe um retângulo
  • selecione a ferramenta Mesh
  • clique em um canto do retângulo
  • aplicar cor de canto
  • Selecione a ferramenta Seleção direta
  • Clique em outra âncora de canto e aplique cor
  • repita para os cantos restantes

malha

Não existe uma solução simples, com um clique, para um gradiente dessa natureza.

Camadas de forma no Photoshop

Para o Photoshop, os processos são muito mais pesados ​​e envolvidos, e nem de longe tão precisos.

Um método poderia ser o uso de uma camada de forma / vetor separada para cada canto e, em seguida, uma forma sólida preenchida como base.

final

Você basicamente define um gradiente para cada forma:

gradiente

Depois que você tiver as 4 formas com Gradientes, altere seus modos de mesclagem para Escurecer . Você não precisa absolutamente do retângulo branco que usei. Mas as coisas não parecerão bem sem um fundo de cor sólida (de preferência branco) por trás das camadas de forma gradiente.

Outro método para o Photoshop poderia ser simplesmente pegar a Gradient Tool , definir uma cor para gradiente transparente e depois arrastar de um canto . Repita para cada uma das 4 cores. O problema com esse método é que cada vez que você arrasta, o comprimento do gradiente será diferente. Portanto, você não terminará com 4 gradientes de canto iguais. O método Camada de vetor / Camada de forma garante que os gradientes tenham o mesmo comprimento.

No final, eu simplesmente geraria isso no Illustrator e depois copiaria / colaria no Photoshop como um Objeto Inteligente.


1
Um objeto inteligente no Photoshop (do Illustrator) parece a melhor e mais simples solução, na verdade. Também permite modificar o gradiente! Obrigado pela sua resposta muito detalhada.
taseenb

3

Para obter o efeito que você está procurando no Photoshop, sugiro o complemento Sblended. Divulgação completa: eu escrevi.

Aqui está uma captura de tela da interface usada para criar o gradiente.

gradiente de quatro cantos com Sblended

  • adicione duas linhas tocando em qualquer lugar da área principal
  • adicione duas paradas de cores a cada linha tocando em qualquer lugar da linha
  • posicione a cor para nos cantos arrastando
  • escolha as cores que você deseja tocando duas vezes em uma parada de cores

Depois de criar o efeito, você pode aplicá-lo da mesma maneira que a Ferramenta de Gradiente incorporada - arrastando-o pela área que desejar.

Você pode pegar a versão demo gratuita para experimentá-la aqui: https://creative.adobe.com/addons/products/17501


Olá Brian, bem-vindo ao GDSE. Seu plugin realmente faz o que o OP pediu. Obrigado pela divulgação completa. Sinta-se à vontade para ficar por aqui e continuar contribuindo, seu tempo e esforço ajudam a tornar este site ótimo!
PieBie
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.