Como colorir uma imagem como no exemplo?


16

Eu já vi esse efeito sendo usado em muitos lugares, mas ainda não descobri como replicá-lo via Photoshop.

Tentei dessaturar a imagem, colocando-a sob uma camada de cor sólida e diminuindo a opacidade da cor. Eu também tentei alguns modos de mesclagem, sem sucesso. O efeito não chega nem perto do mesmo.

Alguém pode me dizer o efeito usado nessas imagens?

Esta é uma captura de tela de alguns sites

Respostas:


24

Provavelmente isso é a Gradient Map. Aqui está um rápido como fazer:

  1. Abra sua imagem de origem
  2. Defina as cores do primeiro plano e do plano de fundo na caixa de ferramentas: a cor do plano de fundo deve ser mais clara que a cor do plano
  3. Adicionar uma Gradient Mapcamada de ajuste ( Layer> New Adjustment Layer> Gradient Map...ou usar o ícone círculo preto / branco na Layerspaleta)

Isso renderizará sua imagem apenas nas cores em um gradiente das duas cores escolhidas, com a cor de fundo correspondendo às partes mais brilhantes da imagem e o primeiro plano a mais escura.

exemplo de mapa de gradiente

Se você não estiver satisfeito com o resultado, abra a Propertiespaleta ( Window> Properties), ela mostrará o gradiente usado e permitirá que você edite clicando nele. Como esse é o diálogo de gradiente padrão, você pode até escolher um gradiente de estoque ou um que você salvou anteriormente.


Eu realmente gosto dessa maneira de conseguir esse efeito. Eu provavelmente teria usado um método com várias etapas. Isso é muito mais eficiente.
GoofyMonkey

Sim, assim. Mas, pessoalmente, obtenha o resultado necessário com o botão de transparência mais rápido do que brincar com a cor do segundo gradiente. Acho que é o devido vício.
Vnovak

12
  • Escolha uma boa imagem

insira a descrição da imagem aqui

  • Colorir a imagem com a cor desejada com as opções de mesclagem de cores

insira a descrição da imagem aqui

  • Coloque o som sobre a camada colorida com transparência e opção de mesclagem normal.

insira a descrição da imagem aqui

  • Ou com as opções de mistura Multiply.

insira a descrição da imagem aqui


Cara, são muitos os primeiros passos. Onde começar, onde começar. :)
GoofyMonkey

:)) realmente não queria que user3134178 se perder na primeira etapa ..
Vnovak

1
desculpe por matar a piada. etapa de saída esquerda
Vincent

@Bakabaka: Ahhh… :(
GoofyMonkey

1
@Bakabaka: Fiz uma edição para mostrar como fazer a numeração corretamente, mas esqueça que não tenho reputação suficiente aqui (=> nenhuma); portanto, a edição acabou na fila de revisão, sem ter certeza de que ela sairia.
David Mulder

9

Eu sugiro usar o modo de mesclagem Multiply, com a imagem na frente da camada de cores. (Tecnicamente, com Multiply, a ordem das camadas não importa, mas ter a camada de imagem na frente permite ajustar a opacidade em vez de ajustar diretamente os níveis de cor.)

Por exemplo, aqui está minha rápida tentativa de recriar a imagem de Nova York. Não tenho o Photoshop, por isso estou usando o GIMP, mas as etapas devem ser basicamente as mesmas nos dois programas:

  1. Comece com uma foto adequada. Neste exemplo, estou usando este panorama de Manhattan, licenciado gratuitamente (CC-By-SA 2.5), por AngMoKio no Wikimedia Commons :

    Etapa 1: foto original do panorama de Manhattan

  2. A primeira etapa do processo é converter a imagem em escala de cinza. Para o máximo controle sobre os resultados, convém usar o Mixer de canais. Por exemplo, aqui eu peguei principalmente o canal vermelho e um pouco do azul, com o canal verde ignorado:

    Etapa 2: Converter em escala de cinza usando o Channel Mixer

  3. Agora, crie uma camada de cor sólida (usei RGB #01baff= HSV (196, 100, 100)), mova-a para baixo da camada de imagem em escala de cinza e defina o modo de mesclagem da camada de imagem como Multiply. O resultado deve ser algo como isto:

    Etapa 3: adicione uma camada azul sólida por baixo e defina o modo de mesclagem da camada superior para multiplicar

  4. Já temos um bom efeito Duotone, mas há muito contraste com o que queremos. Para corrigir isso, reduza a opacidade da camada de imagem para, digamos, 25%:

    Etapa 4: reduzir a opacidade da camada superior

  5. Isso já está bem próximo do que queremos. Para ajustá-lo um pouco mais, ajustei a curva de cores da camada de imagem em escala de cinza (puxando os tons médios para adicionar mais contraste nas sombras e adicionando uma boa curva suave na parte superior para suavizar os realces), reduzi a opacidade para 20% para compensar e adicionou uma camada preta extra com 7% de opacidade para escurecer um pouco o fundo (agora um pouco claro demais):

    Etapa 5a: ajuste da curva de cores Etapa 5b: camadas extras

    E aqui está o resultado final:

    Etapa 5: resultado final

    (É discutível se os ajustes na última etapa realmente melhoraram ou não o resultado, mas os incluí de qualquer maneira apenas para mostrar que você pode ajustar o contraste e a luminosidade dessa maneira.)


0
  1. Use Imagem> Ajustes> Matiz e saturação ... Desature a imagem movendo o controle deslizante de Saturação para a esquerda. Isso remove a cor.

  2. No painel de camadas, clique no pequeno ícone "fx" na parte inferior do painel de camadas e escolha Sobreposição de cores. Na caixa de diálogo Efeito exibida, clique na caixa de cores (geralmente é vermelha por padrão) para abrir o seletor de cores e escolher a cor que você deseja usar.

  3. Mova o controle deslizante de opacidade para 50% ou qualquer configuração que lhe dê o efeito desejado.

  4. Se a dessaturação fizer com que a imagem fique muito cinza, você pode usar Imagem> Ajustes> Níveis automáticos ou ajustá-la manualmente com Níveis para alinhar os controles deslizantes com as informações do histograma.

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.