Como sobrepor cores a um ícone com várias cores?


7

Existe uma maneira (idealmente de usar o Sketch) de fazer uma sobreposição de cor única sobre um ícone com várias cores - preservando as diferentes tonalidades do ícone original?

Estou tentando transformar o ícone da pasta azul em cores diferentes (verde, roxo etc.), mas estou tentando fazê-lo com mais elegância do que ter que passar e recolorir cada forma individualmente. Gostaria de poder alterar a cor da pasta e respeitar a opacidade do ícone abaixo.

Devo transformar o ícone azul original em cinza transparente? Então, de alguma forma, mascarar a cor da sobreposição? Eu tentei isso abaixo no Sketch e não consegui fazê-lo funcionar.

insira a descrição da imagem aqui

insira a descrição da imagem aqui


Em que formato está o seu ícone original? (Por exemplo, é um vetor editável, ou é um bitmap?) #
Alex Magill

Respostas:


2

Tente o seguinte:

  • insira sua versão azul como uma camada
  • apague o fundo branco - você não vai querer que fique colorido
  • faça uma seleção que cubra sua área de forma (é o inverso do que foi usado quando o fundo branco foi excluído)
  • pintar, preencher, colocar um gradiente ou algo mais em uma nova camada; não ultrapasse a borda de seleção
  • experimente diferentes modos de mesclagem de sobreposição e valores de opacidade
  • adicione outra cor que afeta a camada

Na verdade, não tenho o Sketch, mas fiz isso no Photoshop. Veja um exemplo:

insira a descrição da imagem aqui

Aqui, a sobreposição é um gradiente que resultou nesse brilho quase metálico. O contraste é aumentado adicionando-se uma curva de luminosidade no topo e fazendo um típico impulso de meio-tom S. O gradiente na camada 2 possui o modo de mesclagem de camadas = exclusão para um efeito forte e virtualmente antecipado impensável.


0

Não sei sobre esboço, mas no Photoshop você pode importar a imagem e alterar a cor usando o equilíbrio de cores ou ajustes de matiz e saturação. Como alternativa, você pode criar uma camada acima da imagem / camada importada e preencher o bloco com uma cor e definir o modo de mesclagem para cor.


0

O método que encontrei para fazer isso no Sketch com um objeto de vetor é (perdoe a forma aleatória, eu queria ter certeza de que funciona com gradientes / bordas / etc):

Imagem original

  1. Duplique seu objeto e converta todos os contornos em traços. Una e alise todos os elementos desse novo grupo até que você tenha apenas uma forma preenchida cobrindo todo o objeto original.

duplicado e achatado

  1. Altere o Blending Mode do novo elemento para Color

objeto colorido final

  1. Altere a cor do novo elemento para a cor desejada. Nada impede você de usar gradientes também ...

também com gradientes!

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.