Visitante!
Faça seu Login ou Registre-se!

Galeria de Jogos

Replace Color / Match Color 2 Respostas | 296 Visualizações

0 Membros e 1 Visitante estão vendo este tópico.

SevenM

  • *
  • Mensagens: 154 Ouro: 157

    Participantes do Maps Together 2

    • RPG Maker VX/Ace
    • Ver perfil
Replace Color / Match Color
Online: 16 Nov 2014, 18:45
Replace Color / Match Color
Obs: Não sou muito bom com explicações e nem com criação de tutoriais porem espero que essa dica ajude o máximo de pessoas possíveis!

Existem duas opções que utilizo muito no tratamento de fotos e até pequenas alterações, elas se chamam Replace Color e Match Color. Ambas opções pertencem ao Photoshop e por isso não sei se o mini-tutorial vai ser de grande ajuda caso você não utilize a mesma ferramenta.  :ded:
 Mas então, o objetivo do tutorial é transferir a cor de um objeto para outro, sem perda de qualidade e com os exatos tons do objeto original. Não é uma tarefa difícil e pode ser concluída em menos de cinco minutos dependendo da complexidade dos objetos envolvidos. O tutorial é bem simples e rápido e utiliza recursos que nem todos conhecem ou estão habituados a usarem. xD

- Replace Color
Spoiler
Ela permitirá que você substitua cores com facilidade e sem muita dor de cabeça. Ajustem podem ser necessários para que o resultado fique como esperado mas é quase certeza que você não precisará fazer mais nenhum retoque após utilizar essa função.
[close]

- Match Color
Spoiler
Muito semelhante ao Replace Color porem funciona de uma forma diferente e da resultados as vezes melhores! Ele irá comparar dois objetos previamente selecionados e irá transferir as cores de todos os canais. Em alguns casos o resultado pode sair estranho e por isso é quase certeza que você precisará fazer diversos ajustes, por outro lado você pode acabar não precisando fazer ajuste algum caso as cores se identifiquem! Vale a pena tentar esse modo primeiro!
[close]

 Com o básico explicado, vou usar como base estas duas imagens:


O objetivo será transferir as cores da segunda mesa para a primeira, sem afetar a toalha, bem simples.

Primeiro modo: Replace Color

No photoshop em inglês: Image>Adjustments>Replace Color..
No photoshop em português: Imagem>Ajustes>Substituir Cor..

 O primeiro passo é copiar a camada da mesa e deixar oculta para que usemos mais tarde e depois selecionar a cor que queremos transferir, neste caso estou pegando o valor #652b17 e logo em seguida selecionar a cor que mais se destaca no objeto que queremos modificar, selecionei o valor #cdb372. Agora use a opção Replace Color(O caminho para achar a opção está descrito acima) na imagem da mesa que desejamos modificar. Teremos dois quadrados de cores, um em cima e outro em baixo. O de cima é a cor do objeto a ser modificado e o outro a cor que desejamos aplicar. Ao fazer a alteração você notará que a mesa mudará de cor apenas em alguns pixels, isso é normal!

 Note o slider logo abaixo do quadrado de cima. No photoshop em inglês ele se chama Fuzziness! Arraste este slider para o extremo direito até que ele chegue em seu valor máximo: 200. Seu resultado será algo próximo a isso:

Erros visíveis:
  • Um dos tons da mesa não acompanhou o resto da modificação.
  • A toalha sofreu um breve escurecimento.
  • A parte de baixo da mesa ficou muito clara.

 Precisamos fazer ajustes para remover os três problemas citados acima e acreditem, eles são simples de se resolver. O primeiro passo será utilizar a camada que copiamos no inicio. Copie ela mais uma vez e deixe como backup caso algo de errado ocorra e você tenha uma reserva. Você deverá recortar as partes da mesa dessa imagem e deixar apenas a parte da toalha.

Primeiro ajuste: OK!

O segundo ajuste usará a opção Gradient Map/Mapa de Degrade. Você deverá pegar o tom mais escuro e o tom mais vivo/claro da outra mesa e deixar eles anotados em algum canto: #3b0c00 e #c4843f respectivamente.
A configuração do degradê deverá ser aplicada na mesa que estivemos modificando com os seguintes ajustes:

Propriedades da Camada: Overlay
Opacidade: 80%
Preenchimento: 60%


Segundo ajuste: OK!

 Por fim, o ultimo ajuste é bem simples! Basta pintar de preto a parte inferior da mesa e ir mudando sua opacidade e preenchimento até que o resultado agrade e apague as partes onde era mais claro no objeto original.

Resultado final:

+

Ultimo ajuste: OK!

Segundo modo: Match Color

No photoshop em inglês: Image>Adjustments>Match Color..
No photoshop em português: Imagem>Ajustes>Comparar Cor..

 A opção Match Color pode trazer resultados melhores porem exige um pouco mais de trabalho em alguns casos. Resumidamente falando, você precisará não só fazer os mesmos ajustes de antes como também alguns novos caso as cores não se encontrem.
 O processo também é um pouco diferente pois você irá selecionar uma área da imagem que queremos pegar as cores e não simplesmente um valor. Note que essa área precisará conter não só as cores mais escuras como também as mais claras! Como nossa imagem atual possui apenas uma tonalidade então não será necessário fazer essa separação.

 No caso desta imagem, o resultado será perfeito e por isso o único ajuste que será necessário vai ser o recorte da toalha que ficará totalmente avermelhado.

Você precisará ter ambas imagens abertas no photoshop ao mesmo tempo!

 Na imagem que desejamos alterar a cor, vá até a opção Match Color/Comparar Cor(caminho descrito acima) e note que temos mais configurações para mexer que comparado com a primeira opção. No campo Source/Fonte/Origem, selecione o nome do documento que esta o objeto que queremos a cor. Se você estiver usando as imagens deste tópico então notará que os tons vão ficar perfeitos logo de cara com exceção da toalha.
 

Recorte a toalha da imagem original e aplique em cima desta nossa modificação, o resultado será este:


 Resultado bonito, satisfatório e rápido. Nem sempre será assim portanto esteja preparado para utilizar os retoques do primeiro passo e utilizar as outras funções do Match Color pois ter um resultado perfeito logo de cara é bem difícil.(infelizmente! XD)

Outro exemplo que fiz com materiais e cores diferentes:

+

 Espero que este mini-guia lhes sirvam de algo.  :XD: Estou modificando vários tilesets para o meu jogo utilizando este método.
« Última modificação: 16 Nov 2014, 18:48 por SevenM »

Jogo em desenvolvimento. Se interessou? Clique na imagem para mais informações!

Alisson

  • *
  • Mensagens: 2990 Ouro: 2020

    Vencedor CRM Awards - Melhor Mapper Vencedor CRM Awards - Melhor Maker Participantes do Maps Together 2

  • See, I'm not slacking, I'm patrolling... really~
    • Unity
    • Facebook
    • Steam
    • Youtube
    • Ver perfil
    • E-mail
  • Dragon ScalesPhoenixEspada CRMBreaklance
Re: Replace Color / Match Color
Resposta 1 Online: 16 Nov 2014, 19:00
Tutorial muito bom, amigo.
Eu costumava usar esse método quando editava tiles, mas ultimamente nem venho fazendo edições desse tipo >.>
Mesmo assim acho que vou tentar qualquer dia desses e ver o que sai. Parabéns também.

Edit:
Spoiler
Na verdade é que eu passei a trabalhar com o tema Sci-fi/Contemporâneo e as cores são muito cinzentas ._.
[close]
« Última modificação: 16 Nov 2014, 19:01 por Alisson »




SevenM

  • *
  • Mensagens: 154 Ouro: 157

    Participantes do Maps Together 2

    • RPG Maker VX/Ace
    • Ver perfil
Re: Replace Color / Match Color
Resposta 2 Online: 16 Nov 2014, 19:15
 Valeu Alisson! xD

 Cores cinzentas/puxadas para neutra são bem fáceis de se trabalhar também. Geralmente utilizo Vibrance, Brightness/Contrast e Gradient Map para mudar os tons desta forma.

    

 Reduza a cor e aumente os valores dos demais efeitos e os resultados vão começando a aparecer. Coloquei acima os três primeiros exemplos de como que as cores da imagem podem ir ficando mais fracas e puxadas para neutras.
« Última modificação: 16 Nov 2014, 19:28 por SevenM »

Jogo em desenvolvimento. Se interessou? Clique na imagem para mais informações!

 

Versão Mobile