In questo tutorial di Photoshop, impareremo come trasformare una foto in uno schema di punti colorati usando uno dei filtri di Photoshop, una maschera di livello e un semplice motivo ripetuto che creeremo da zero. Userò Photoshop CS5 qui, ma qualsiasi versione recente funzionerà. Tuttavia, gli utenti di Photoshop CS6 e CC (Creative Cloud) vorranno dare un'occhiata al tutorial completamente aggiornato Trasforma una foto in un modello di punti colorati.
Ecco l'immagine che inizierò con:
La foto originale
Ed ecco come sarà quando avremo finito:
Il risultato finale
Come creare un motivo a punti colorato da una foto
Passaggio 1: duplicare il livello di sfondo
Con la foto appena aperta in Photoshop, se guardiamo nel pannello Livelli, vediamo che attualmente abbiamo un livello - il livello Sfondo - che è il livello su cui è posizionata la nostra immagine:
L'immagine originale si trova sul livello Sfondo nel pannello Livelli.
Fai clic sul livello Sfondo e, tenendo premuto il pulsante del mouse, trascina il livello verso il basso sull'icona Nuovo livello nella parte inferiore del pannello Livelli (è l'icona direttamente a sinistra del Cestino):
Fare clic e trascinare il livello Sfondo verso il basso sull'icona Nuovo livello.
Rilascia il pulsante del mouse quando il cursore della mano si trova sopra l'icona Nuovo livello. Questo crea una copia del livello Sfondo che Photoshop posiziona sopra l'originale:
Una copia del livello Sfondo appare sopra l'originale.
Passaggio 2: aggiungere un nuovo livello vuoto tra i due livelli esistenti
Tieni premuto il tasto Ctrl (Win) / Comando (Mac) e fai clic sull'icona Nuovo livello nella parte inferiore del pannello Livelli (la stessa icona che abbiamo usato nel passaggio precedente):
Tenere premuto Ctrl (Win) / Command (Mac) e fare clic sull'icona Nuovo livello.
Ciò aggiunge un nuovo livello vuoto al documento. Normalmente, Photoshop posiziona nuovi livelli sopra il livello attualmente selezionato (che nel nostro caso era il livello Copia di sfondo), ma tenendo premuto il tasto Ctrl (Win) / Command (Mac) mentre si fa clic sull'icona Nuovo livello, abbiamo detto a Photoshop di posiziona invece il nuovo livello sotto di esso. Nel pannello Livelli possiamo vedere che ora abbiamo un nuovo livello vuoto chiamato Livello 1 tra i livelli di copia Sfondo e Sfondo:
Il nuovo livello appare tra i due livelli precedenti.
Passaggio 3: riempi il nuovo livello di nero
Riempiamo il nuovo livello di nero che diventerà il colore di sfondo per l'effetto. Vai al menu Modifica nella barra dei menu nella parte superiore dello schermo e scegli Riempi :
Vai a Modifica> Riempi.
Questo apre la finestra di dialogo Fill di Photoshop. Cambia l'opzione Usa nella parte superiore della finestra di dialogo in Nero :
Cambia l'opzione Usa in Nero.
Fare clic su OK al termine per chiudere la finestra di dialogo. Sembra che non sia successo nulla nella finestra del documento perché l'immagine sul livello Copia sfondo sta attualmente bloccando la visualizzazione del Livello 1, ma possiamo vedere nella miniatura di anteprima del Livello 1 nel pannello Livelli che abbiamo riempito il livello di nero solido:
La miniatura di anteprima del livello 1 mostra che il livello è ora pieno di nero.
Passaggio 4: selezionare il livello di copia in background
Fai clic sul livello Copia di sfondo nel pannello Livelli per selezionarlo e renderlo attivo:
Seleziona il livello Copia di sfondo.
Passaggio 5: applicare il filtro mosaico
Vai al menu Filtro nella parte superiore dello schermo, scegli Pixelate, quindi scegli Mosaico :
Vai a Filtro> Pixelate> Mosaico.
Il filtro Mosaico pixel un'immagine trasformandola in una serie di quadrati a tinta unita. È possibile impostare la dimensione dei quadrati utilizzando l'opzione Dimensione cella nella parte inferiore della finestra di dialogo del filtro. Valori più grandi creeranno quadrati più grandi. Valori più piccoli, quadrati più piccoli. Questi quadrati alla fine diventeranno i nostri punti colorati, quindi ti consigliamo di impostare il valore Dimensione cella in base al numero e alla dimensione dei punti colorati che desideri nell'effetto finale. Questo potrebbe richiedere un po 'di tentativi ed errori per ottenere le cose giuste. Ho intenzione di impostare il valore della mia dimensione della cella su 20 . Assicurati di ricordare il valore esatto che hai usato perché ne avremo di nuovo bisogno in un momento:
Ricorda il valore inserito per l'opzione Dimensione cella.
Fare clic su OK per chiudere la finestra di dialogo. L'immagine dovrebbe ora apparire pixelata:
L'immagine dopo aver applicato il filtro Mosaic.
Passaggio 6: creare un nuovo documento
Mettiamo da parte la nostra immagine per un momento e creiamo il nostro motivo a punti ripetuti. Per questo, avremo bisogno di un nuovo documento di Photoshop, quindi vai al menu File nella parte superiore dello schermo e scegli Nuovo :
Vai a File> Nuovo.
Questo apre la finestra di dialogo Nuovo documento. Impostare Larghezza e Altezza del documento sullo stesso valore immesso per l'opzione Dimensione cella nella finestra di dialogo del filtro Mosaico. Nel mio caso, ho impostato la dimensione della cella su 20, quindi imposterò le opzioni Larghezza e Altezza su 20 pixel ciascuna. Questo creerà un nuovo documento che ha esattamente le stesse dimensioni dei quadrati nella nostra immagine. Non preoccuparti del valore della risoluzione, ma assicurati che il contenuto dello sfondo sia impostato su Bianco :
Imposta Larghezza e Altezza sullo stesso valore immesso per Dimensione cella. Assicurarsi che il tipo di misurazione sia impostato su pixel.
Fare clic su OK al termine per chiudere la finestra di dialogo. Il tuo nuovo documento apparirà sullo schermo. Poiché il tuo documento è molto probabilmente molto piccolo, tieni premuto Ctrl + barra spaziatrice (Win) / Comando + barra spaziatrice (Mac) sulla tastiera per passare temporaneamente allo strumento Zoom di Photoshop (il cursore del mouse si trasformerà in una lente d'ingrandimento con un segno più nella al centro), quindi fai clic alcune volte all'interno del documento per ingrandirlo. Qui, ho ingrandito al 1600%:
Ingrandisci il tuo nuovo documento per semplificare i passaggi successivi.
Passaggio 7: selezionare lo strumento selezione ellittica
Seleziona lo strumento Selezione ellittica dal pannello Strumenti. Per impostazione predefinita, si nasconde dietro lo strumento Selezione rettangolare, quindi fai clic sullo Strumento selezione rettangolare e tieni premuto il pulsante del mouse per un secondo o due fino a quando viene visualizzato un menu a comparsa, quindi scegli lo Strumento selezione ellittica dall'elenco:
Fare clic e tenere premuto sullo strumento selezione rettangolare, quindi selezionare lo strumento selezione ellittica dal menu a comparsa.
Passaggio 8: disegna una selezione circolare
Con lo strumento selezione ellittica in mano, tieni premuto il tasto Maiusc, fai clic nell'angolo in alto a sinistra del documento e, tenendo premuto il pulsante del mouse, trascina in diagonale verso il basso nell'angolo in basso a destra del documento per tracciare un contorno di selezione circolare . Tenendo premuto il tasto Maiusc mentre trascini, il contorno di selezione verrà forzato in un cerchio perfetto. Se è necessario riposizionare il contorno di selezione mentre lo si sta disegnando, tenere premuta la barra spaziatrice, trascinare il contorno in posizione con il mouse, quindi rilasciare la barra spaziatrice e continuare. Al termine, i bordi del contorno di selezione devono toccare i bordi del documento, quindi ha la stessa larghezza e altezza del documento stesso:
Trascina una selezione circolare all'interno del documento.
Passaggio 9: riempire la selezione con il nero
Torna al menu Modifica nella parte superiore dello schermo e scegli ancora una volta Riempi, proprio come abbiamo fatto nel passaggio 3. L'opzione Usa dovrebbe già essere impostata su Nero poiché è quello che è stato modificato l'ultima volta, quindi fai semplicemente clic su Fare clic su OK per chiudere la finestra di dialogo Riempi. Photoshop riempie il contorno della selezione nel documento con il nero. Premi Ctrl + D (Win) / Command + D (Mac) sulla tastiera per deselezionare rapidamente l'area e rimuovere il contorno di selezione.
Se stai usando Photoshop CS4 o CS5 e hai ingrandito molto il documento come ho fatto io, vedrai un contorno della griglia (noto come griglia dei pixel ) che appare attraverso il cerchio nero. La griglia dei pixel è una nuova funzionalità di CS4 ed è semplicemente un aiuto visivo quando hai ingrandito il tuo documento. Non fa parte dell'immagine stessa e scompare quando si visualizza l'immagine alla sua dimensione effettiva, quindi ignoralo. La griglia non verrà visualizzata se si utilizza Photoshop CS3 o versioni precedenti:
Il documento (ingrandito ancora al 1600%) dopo aver riempito il contorno della selezione con il nero.
Passaggio 10: invertire i colori nel documento
Vai al menu Immagine nella parte superiore dello schermo, seleziona Regolazioni, quindi Inverti :
Vai a Immagine> Regolazioni> Inverti.
Ciò inverte i colori nel documento, rendendo le aree nere bianche e le aree bianche nere:
Il cerchio stesso ora è bianco, mentre le aree degli angoli diventano nere.
Passaggio 11: definire il cerchio come modello
Vai al menu Modifica nella parte superiore dello schermo e scegli Definisci modello :
Vai a Modifica> Definisci motivo.
Photoshop aprirà una finestra di dialogo che ci chiede di dare un nome al nuovo modello. Assegna al modello un nome descrittivo. Chiamerò il mio "Cerchio 20x20" poiché le dimensioni del mio documento sono 20 px per 20 px. Potresti finire per creare più motivi circolari, tutti di dimensioni diverse, quindi è una buona idea includere la dimensione del documento nel nome:
Dai un nome al modello.
Fare clic su OK al termine per chiudere la finestra di dialogo. Non sembrerà che sia successo nulla, ma Photoshop ora ha salvato il documento come modello. A questo punto puoi chiudere il documento della cerchia poiché non ne abbiamo più bisogno. Non è necessario salvarlo, quindi scegli Non salvare quando Photoshop ti chiede se desideri salvare il documento prima di chiuderlo.
Passaggio 12: aggiungere una maschera di livello al livello di copia in background
Passa al documento principale e assicurati che il livello Copia di sfondo sia selezionato nel pannello Livelli. Fai clic sull'icona Aggiungi maschera di livello nella parte inferiore del pannello Livelli:
Con il livello di copia Sfondo selezionato, fai clic sull'icona Aggiungi maschera di livello.
Ancora una volta, non sembrerà accadere nulla nel documento, ma una miniatura della maschera di livello riempita di bianco appare sul livello Copia di sfondo nel pannello Livelli, facendoci sapere che abbiamo aggiunto la maschera di livello. Si noti che la miniatura presenta un sottile bordo di evidenziazione attorno ad essa. Questo ci dice che la stessa maschera di livello è selezionata:
Una miniatura della maschera di livello appare sul livello di copia Sfondo.
Passaggio 13: riempire la maschera di livello con il motivo circolare
Ancora una volta vai al menu Modifica nella parte superiore dello schermo e scegli Riempi . Questa volta, cambia l'opzione Usa da Nero a Motivo :
Cambia l'opzione Usa in Pattern.
Fare clic sulla miniatura di anteprima del motivo personalizzato per selezionare il motivo che si desidera utilizzare:
Fare clic sulla miniatura del modello personalizzato.
Questo apre il Selettore motivi . Scegli il modello circolare che abbiamo appena creato facendo clic sulla sua miniatura. Dovrebbe essere l'ultima miniatura nell'elenco. Se hai abilitato Tool Tips nelle Preferenze di Photoshop, il nome del motivo apparirà quando passi il cursore del mouse sulla miniatura:
Fai clic sulla miniatura del motivo circolare per selezionarla.
Fare clic su OK dopo aver selezionato il motivo per chiudere la finestra di dialogo Riempi. Photoshop riempie la maschera di livello con il motivo circolare e la nostra immagine è ora composta da un motivo di punti colorati:
L'immagine dopo aver riempito la maschera di livello con il motivo circolare ripetuto.
Zoomerò più vicino all'immagine in modo da poter vedere l'effetto più facilmente. Ogni punto nell'immagine è costituito da un singolo colore solido grazie al filtro Mosaic che abbiamo applicato in precedenza. L'area nera che circonda i cerchi è dal livello 1 sotto l'immagine (che abbiamo riempito con il dorso nero nel passaggio 3):
Una visione più ravvicinata dell'effetto.
Passaggio 14: Aggiungi un livello di regolazione tonalità / saturazione (opzionale)
Come passaggio finale facoltativo, possiamo migliorare leggermente l'effetto aumentando la saturazione del colore nell'immagine. Fai clic sull'icona Nuovo livello di regolazione nella parte inferiore del pannello Livelli:
Fare clic sull'icona Nuovo livello di regolazione.
Scegli un livello di regolazione Tonalità / Saturazione dall'elenco che appare:
Scegli Tonalità / Saturazione dall'elenco dei livelli di regolazione.
Se stai usando Photoshop CS3 o precedente, una finestra di dialogo Tonalità / Saturazione si aprirà sullo schermo. Per gli utenti di Photoshop CS4 e CS5, i controlli per il livello di regolazione Tonalità / Saturazione verranno visualizzati nel pannello Regolazioni. In entrambi i casi, aumenta la saturazione del colore nell'immagine facendo clic sul cursore Saturazione e trascinandolo verso destra. Più si trascina verso destra, più i colori diventeranno saturi. Aumenterò la mia saturazione a +20 :
Trascina il cursore Saturazione verso destra per aumentare la saturazione del colore nell'immagine.
Per Photoshop CS3 e utenti precedenti, fate clic su OK per chiudere la finestra di dialogo Tonalità / Saturazione. Gli utenti di Photoshop CS4 e CS5 possono lasciare aperto il pannello Regolazioni. E con ciò, abbiamo finito! Qui, dopo aver aumentato la saturazione del colore, è il risultato finale della mia "foto in punti colorati":
Il risultato finale