Come colorare un'immagine come nell'esempio?


16

Ho visto un tale effetto essere utilizzato in molti luoghi, ma non ho capito come replicarlo tramite Photoshop.

Ho provato a desaturare l'immagine, posizionandola sotto uno strato di colore solido e quindi abbassando l'opacità del colore. Ho anche provato un paio di metodi di fusione, senza risultati. L'effetto non è affatto vicino allo stesso.

Qualcuno può dirmi l'effetto usato su queste immagini?

Questa è una schermata di un paio di siti Web

Risposte:


24

Questo è probabilmente un Gradient Map. Ecco una breve guida:

  1. Apri la tua immagine sorgente
  2. Imposta i colori di primo piano e di sfondo nella casella degli strumenti: il colore di sfondo dovrebbe essere più chiaro del colore di primo piano
  3. Aggiungere un Gradient Maplivello di regolazione ( Layer> New Adjustment Layer> Gradient Map...o utilizzare l'icona cerchio nero / bianco nella Layerspalette)

Ciò renderà la tua immagine solo nei colori in una sfumatura dei due colori scelti, con il colore di sfondo che corrisponde alle parti più luminose dell'immagine e il primo piano il più scuro.

esempio di mappa sfumata

Se non sei soddisfatto del risultato, apri la Propertiespalette ( Window> Properties), ti mostrerà il gradiente usato e ti permetterà di modificarlo facendo clic su di esso. Poiché questa è la finestra di dialogo del gradiente standard, puoi persino scegliere un gradiente di scorta o uno che hai salvato in precedenza.


Mi piace molto questo modo di ottenere questo effetto. Probabilmente avrei usato un metodo con molti altri passaggi. Questo è molto più efficiente.
GoofyMonkey,

Sì, in questo modo. Ma, personalmente, ottieni il risultato necessario con la manopola di trasparenza più velocemente rispetto al gioco con il colore della seconda sfumatura. Indovina, è dovuta dipendenza.
Vnovak,

12
  • Scegli una bella immagine

inserisci qui la descrizione dell'immagine

  • Colora l'immagine con il colore desiderato con le opzioni di fusione del colore

inserisci qui la descrizione dell'immagine

  • Disattiva l'audio sul livello colorato con la trasparenza e l'opzione di fusione Normale.

inserisci qui la descrizione dell'immagine

  • O con le opzioni di fusione Moltiplica.

inserisci qui la descrizione dell'immagine


Amico, sono molti i primi passi. Da dove iniziare ... da dove iniziare. :)
GoofyMonkey,

:)) non volevo davvero che l'utente3134178 si perdesse al primo passo ..
Vnovak

1
scusa per aver ucciso la battuta. uscita stadio a sinistra
Vincent,

@Bakabaka: Ahhh… :(
GoofyMonkey,

1
@Bakabaka: ho fatto una modifica per mostrare come eseguire correttamente la numerazione, ma dimentica che qui non ho abbastanza reputazione (=> nessuna), quindi la modifica è finita nella coda di revisione, non sono sicuro che uscirà.
David Mulder,

9

Suggerirei di utilizzare la modalità di fusione Moltiplica, con l'immagine davanti al livello colore. (Tecnicamente, con Moltiplica, l'ordine dei livelli non ha importanza, ma avere il livello dell'immagine in primo piano consente di regolarne l'opacità invece di dover modificare direttamente i livelli di colore.)

Ad esempio, ecco il mio rapido tentativo di ricreare l'immagine di New York. Non ho Photoshop quindi sto usando GIMP, ma i passaggi dovrebbero essere sostanzialmente gli stessi in entrambi i programmi:

  1. Inizia con una foto adatta. Per questo esempio, sto usando questo panorama con licenza libera (CC-By-SA 2.5) di Manhattan di AngMoKio su Wikimedia Commons :

    Passaggio 1: foto panoramica originale di Manhattan

  2. Il primo passo del processo è convertire l'immagine in scala di grigi. Per il massimo controllo sui risultati, ti consigliamo di utilizzare il Mixer canali. Ad esempio, qui ho preso principalmente il canale rosso e un po 'il blu, con il canale verde per lo più ignorato:

    Passaggio 2: converti in scala di grigi utilizzando il Mixer canali

  3. Ora, crea un livello di colore solido (ho usato RGB #01baff= HSV (196, 100, 100)), spostalo sotto il livello dell'immagine in scala di grigi e imposta la modalità di fusione del livello immagine su Moltiplica. Il risultato dovrebbe assomigliare a questo:

    Passaggio 3: aggiungi un livello blu solido sotto e imposta la modalità di fusione del livello superiore per moltiplicare

  4. Abbiamo già ottenuto un piacevole effetto bicolore, ma c'è troppo contrasto per quello che vogliamo. Per risolvere questo problema, basta ridurre l'opacità del livello immagine al 25%:

    Passaggio 4: ridurre l'opacità del livello superiore

  5. Questo è già abbastanza vicino a ciò che vogliamo. Per modificarlo un po 'di più, ho regolato la curva di colore del livello dell'immagine in scala di grigi (tirando su i mezzitoni per aggiungere più contrasto nelle ombre e aggiungendo una bella curva liscia nella parte superiore per appianare le luci), ho ridotto l'opacità al 20% per compensare e ha aggiunto un ulteriore livello di nero con un'opacità del 7% per scurire un po 'lo sfondo (ora leggermente troppo luminoso):

    Passaggio 5a: regolazione della curva di colore Passaggio 5b: livelli aggiuntivi

    Ed ecco il risultato finale:

    Passaggio 5: risultato finale

    (È discutibile se le modifiche nell'ultimo passaggio abbiano effettivamente migliorato il risultato o meno, ma le ho incluse comunque solo per dimostrare che è possibile regolare il contrasto e la luminosità in questo modo.)


0
  1. Usa immagine> Regolazioni> Tonalità e saturazione ... Desaturare l'immagine spostando il cursore per Saturazione completamente a sinistra. Questo rimuove il colore.

  2. Nel pannello dei livelli, fai clic sulla piccola icona "fx" nella parte inferiore del pannello dei livelli e scegli Sovrapposizione colore. Nella finestra di dialogo Effetto visualizzata, fai clic sulla casella dei colori (di solito è rossa per impostazione predefinita) per visualizzare il selettore dei colori e scegliere il colore che desideri utilizzare.

  3. Sposta il cursore dell'opacità verso il basso al 50% o qualsiasi impostazione ti dia l'effetto desiderato.

  4. Se la desaturazione rende l'immagine molto grigia, è possibile utilizzare Immagine> Regolazioni> Livelli automatici, oppure regolarla manualmente con Livelli per allineare i dispositivi di scorrimento con le informazioni nell'istogramma.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.