Trasforma una foto in un pezzo d'arte LEGO Block in Adobe Photoshop

Cosa starai creando

Usa Adobe Photoshop per creare una versione LEGO di una foto. Usa alcuni filtri intelligenti e le tecniche di shadowing per creare facilmente l'aspetto della creazione di una replica di foto con centinaia di piccoli blocchi di plastica. 

1. Creare il modello di blocco

Iniziamo creando il modello di blocco base simile a LEGO. La precisione è fondamentale per il corretto funzionamento di questo effetto, quindi è necessario fare attenzione con le misurazioni dei pixel per assicurarsi che il modello corrisponda all'effetto mosaico più tardi..

Passo 1

Creare un Nuovo documento che è 60x60 pixel nelle dimensioni.

Quindi crea un nuovo livello e riempilo con il 50% di grigio usando il Modifica> Riempi comando e scegliere 50% grigio dal menu a discesa Usa.

Aggiungere un Smusso e rilievo Stile di livello con la dimensione impostata su 0 pixel come visto qui:

Passo 2

Imposta il colore di primo piano sullo stesso colore grigio medio (# 808080)

Quindi selezionare il Ellipse Tool (U) e fare clic in qualsiasi punto della tela. Crea un cerchio che è 42 x 42 pixel nelle dimensioni.

Quindi utilizzare il Strumento di selezione del percorso (A) trascinare il cerchio finché non scatta al centro della tela.

Aggiungere un Smusso e rilievo Stile di livello con un Profondità di 62% e a Taglia di 3 pixel

Quindi aggiungere un Drop Shadow Style con un Distanza e Taglia di 5 pixel ogni.

A questo punto il tuo blocco dovrebbe essere simile alla vista dall'alto di un tradizionale blocco LEGO 1x1.

Passaggio 3

Utilizzare il Strumento di tipo orizzontale (T) per posizionare del testo nella parte centrale del cerchio. Usa un tipo di carattere sottile, san serif come Verbo o Arial.


Quindi posiziona il testo usando il Sposta strumento (V). Abilita il Mostra i controlli di trasformazione opzione nella barra delle opzioni per rendere il testo più semplice da ridimensionare.

Il testo finale dovrebbe essere dello stesso colore grigio di prima (# 808080) ma questo rende difficile vedere come posizionarlo correttamente. Valuta la possibilità di cambiare il colore del testo in nero o bianco, quindi riportarlo in grigio dopo averlo posizionato.

Aggiungere un Smusso e rilievo Stile di livello al testo con a Profondità di 1 pixel e a Taglia di 1 pixel.

Aggiungere un Drop Shadow Style con un Distanza di 2 pixel e a Taglia di 3 pixel

Passaggio 4

A questo punto dovresti salvare il tuo file sorgente! Il prossimo passo ti farà perdere tutti i tuoi livelli modificabili.

Appiattisci il file con Livello> Appiattisci immagine.  Tutti i tuoi livelli saranno combinati in un singolo livello di sfondo.

Abbiamo bisogno di ridimensionare l'immagine per essere esattamente 30x30 pixel. Vai a Immagine> Dimensione dell'immagine e inserisci i valori di 30 per entrambi Larghezza e Altezza. Assicurati che le unità siano impostate su pixel.

Quindi vai a Modifica> Definisci modello e dare al modello un nome come "LEGOblock-top".

Quindi chiudi il file senza salvandolo.

2. Prepara l'immagine

Ora che abbiamo creato un pattern a blocchi simile a LEGO, dobbiamo applicarlo a un'immagine in modo tale da sembrare che l'immagine sia stata realisticamente assemblata da blocchi reali.

Passo 1

Apri un'immagine per utilizzare l'effetto. Scegli un'immagine che non ha una grande quantità di dettagli, ma linee forti e buon contrasto. Se l'immagine è qualcosa di familiare, come la Statua della Libertà, l'effetto finale tende a funzionare meglio. 

L'immagine deve avere dimensioni in pixel divisibili per 30. Quindi vai Immagine> Dimensione dell'immagine e inserire a Altezza valore di 1500. Non preoccuparti per il Larghezza valore adesso.


Per impostare il valore della larghezza vai a Immagine> Dimensioni della tela e inserisci a Larghezza valore di 960.

Photoshop ti fornirà un prompt sui contenuti di ritaglio. Clic Procedere.

Passo 2

Crea una copia del livello di sfondo andando a Livello> Nuovo livello tramite copia (Control-J).

Quindi vai a Filtro> Pixelate> Mosaico e impostare il Dimensione della cella a 30 piazza.

A questo punto l'immagine dovrebbe apparire come una disposizione di quadrati colorati pieni.

3. Applicare il modello di blocco

Passo 1

Ora per introdurre il pattern top block che abbiamo creato nel passaggio 1. Prima crea un nuovo layer andando a Layer> New Layer (Shift-Control).


Quindi vai a Modifica> Riempi (Maiusc-F5) e selezionare Modello dal Uso menu e trova il tuo modello di blocco personalizzato nella parte inferiore dell'elenco in Modello personalizzato menu a discesa.

Passo 2

La tela si riempie con il modello di blocco. Cambia il livello Modalità di fusione a copertura per consentire al colore del mosaico di mostrare attraverso il pattern a blocchi.

4. Creare la maschera di livello

Il passo successivo è quello di mascherare le parti esterne dei blocchi in modo che i blocchi delle statue appaiano in cima ai blocchi dello sfondo.

Passo 1

Rendiamo la vita facile per noi utilizzando una griglia di 30 pixel per guidare la nostra selezione per il mascheramento. Vai a Modifica> Preferenze> Guide, griglia e sezioni. e nel Griglia sezione imposta a Gridline ogni 30 pixel.

Vai a vedere la griglia sulla tela Visualizza> Mostra> Griglia.

Passo 2

Adesso usa il M rettangolarestrumento arquee (M) impostato Aggiungi alla selezione nel Barra delle opzioni per creare una selezione attorno alla testa e alle spalle della statua, usando la griglia per aiutare a creare la selezione per delineare perfettamente i blocchi.

Passaggio 3

Partire Livello> Maschera livello> Mostra la selezione usare la selezione come maschera. Il Livelli il pannello mostrerà una miniatura in bianco e nero per indicare la maschera di livello.

Passaggio 4

Tenere premuto il tasto alt mentre si sposta il cursore tra il livello Mosaico e il livello del modello. Quando vedi il cursore cambiare da una mano che punta a un quadrato con una freccia in giù, cliccaci sopra! In questo modo il livello del modello verrà ritagliato sul livello del mosaico, il che consente a entrambi i livelli di essere controllati dalla stessa maschera di livello.

5. Creare i blocchi di sfondo

Passo 1

Abbiamo i nostri blocchi di statue, ma ora abbiamo bisogno di creare il livello di base inferiore dei blocchi. Quindi ripeti lo stesso processo di duplicazione del livello di sfondo e di esecuzione del filtro mosaico. Quindi posiziona uno strato sopra di esso pieno del modello di blocco. Crea una maschera che include una serie di blocchi disgiunti vicino al fondo e ritaglia il modello sul livello del mosaico. Il tuo file dovrebbe assomigliare a questo.

Passo 2

I mattoni di sfondo appaiono troppo simili ai mattoni delle statue. Per aiutare a creare una differenza visiva, cambia il Modalità di fusione per il livello del modello a blocchi su Luminosità.

Passaggio 3

Ciò ha reso il blocco troppo scuro. Per correggere questo, illuminiamo il livello del modello di blocco. Vai a Immagine> Regolazioni> Livelli (Control-L) e regola le maniglie per abbinare le impostazioni qui:

Passaggio 4

Quindi vai a Filtro> Sfocatura> Sfocatura gaussiana e usa un raggio di circa 0.4 pixel. Questo crea una leggera sfocatura sui blocchi dello sfondo, quindi la nitidezza dei blocchi delle statue si distingue maggiormente.

6. Crea un'ombra proiettata

Il livello più alto del blocco dovrebbe essere un'ombra sul livello inferiore. Se la superficie fosse piatta, sarebbe un compito facile. Ma tutti quei piccoli dossi creano una superficie irregolare che interrompe le linee d'ombra. Per sistemare questo, creeremo due livelli di ombra, uno per la parte superiore dei dossi, uno per l'area di base attorno ai dossi. Questo dettaglio è molto sottile, ma importante per creare un effetto realistico.

Passo 1

Crea un nuovo livello sotto il livello StatueBlocks e chiamalo Shadow1.

Passo 2

Control-clic la miniatura della maschera per il StatueBlocks Livello per creare una selezione da esso. Vedrai le formiche in marcia che delineano l'area.

Passaggio 3

Riempi la selezione con il nero andando al Modifica> Riempi (Maiusc-F5) comando e scelta Nero dal Uso menu a discesa. l'area selezionata si riempirà di nero ma non puoi ancora vederlo perché si trova dietro il livello dei blocchi.

Passaggio 4

Tieni premuto Cambio e premere il Freccia in giù chiave due volte. Quindi premere il tasto Freccia destra tasto 15 volte (senza il Cambio Chiave). Questo posizionerà l'ombra in basso a destra dei blocchi per creare l'inizio dell'ombra proiettata.

Passaggio 5

L'ombra del cast non apparirà corretta fino a quando gli angoli non saranno collegati. Quindi selezionare il Strumento Lazo poligonale e assicurarsi che la modalità sia impostata su Aggiungi alla selezione. Quindi fai clic su un angolo del livello ombra e collegalo all'angolo del blocco che proietterà quell'ombra. Aggiungi un terzo clic per completare l'area triangolare. Fallo per ogni angolo visibile.


Passaggio 6

Riempi la selezione con il nero usando il Modifica> Riempi (Maiusc-F5) comando con Nero come il Uso ambientazione. 


Quindi premere Control-D a Deseleziona.

Passaggio 7

Ammorbidire il livello di ombra andando a Filtro> Sfocatura> Sfocatura gaussiana e impostare il Raggio a 2,0 pixel

Passaggio 8


Impostare il Modalità di fusione a Moltiplicare e ridurre il Opacità a 24%

7. Regola l'ombra per seguire i contorni

L'ombra del cast sembra attualmente scorrere su una superficie piana. Realisticamente, i paletti rotondi dei blocchi spezzerebbero la linea d'ombra. Può sembrare scoraggiante cercare di ottenere un'ombra da seguire lungo ogni piccolo post, ma regolando il pattern di blocco originale, possiamo ottenere l'effetto senza dolore.

Passo 1

Ritorna al file originale usato per creare il modello di blocco. Nascondi il livello del testo e il livello riempito di grigio. Doppio click la miniatura del livello Ellisse per selezionare un colore di riempimento e scegliere il nero uniforme.

Passo 2

Appiattisci il file con Livello> Appiattisci immagine e colpisci ok quando viene richiesto di eliminare i livelli nascosti. Quindi ridimensiona l'immagine con Immagine> Dimensione dell'immagine e specificare il Larghezza e Altezza per essere esattamente di 30 pixel ciascuno.

Passaggio 3

Definisci questa immagine come un nuovo modello andando a Modifica> Definisci modello. È quindi possibile chiudere il file senza salvare.

Passaggio 4

Ritornare al file di progetto principale e aggiungere una maschera di livello al livello Shadow1 premendo il tasto Aggiungi maschera di livello pulsante alla base del Livelli pannello.

Passaggio 5

Assicurati che la maschera sia mirata (dovrebbe esserci un bordo bianco attorno all'anteprima) e riempila con il nuovo motivo usando il Modifica> Riempi comando. Impostare il Uso a Modello e selezionare il modello appena creato dalla parte inferiore dell'elenco di Modello personalizzato cadere in picchiata.

Ciò rimuoverà l'ombra dalle parti superiori dei blocchi di blocco e consentirà solo di vederla nelle aree intorno e tra i pioli.

Passaggio 6

Ora creeremo un'ombra per la parte superiore dei pioli che è appena leggermente sfalsata rispetto all'ombra del getto corrente. Duplica il livello Shadow1 premendo Control-J.

Vogliamo che la maschera di questo livello mostri la parte superiore dei pioli, che è l'opposto della sua funzione corrente. Scegli come target la maschera della copia facendo clic sulla miniatura. Quindi premere Control-I a Invertire la maschera.

Passaggio 7

Ora sposta leggermente l'ombra per dare l'impressione che stia seguendo i contorni dei pioli. Scegli prima il livello attuale, non la maschera, facendo clic sulla miniatura del livello. Quindi scollegare il livello dalla maschera facendo clic sulla piccola icona del collegamento a catena tra le due miniature. Ciò manterrà la maschera sul posto mentre spostiamo lo strato.

Passaggio 8

Ora sposta questa ombra verso l'alto e verso sinistra toccando il pulsante Freccia su chiave e la freccia sinistra chiave cinque volte ciascuno. Questo sottile spostamento conferisce all'ombra proiettata un aspetto molto più realistico.

8. Aggiungi un aspetto di plastica

Lo strato superiore di blocchi è quasi finito. Ha solo bisogno di alcuni dettagli minori per far sembrare davvero dei veri blocchi di plastica.

Passo 1

Inizia aggiungendo a Smusso e rilievo Stili di livello con a Profondità di 32% e Taglia di 3 px.

Poi un Ombra esterna stile conilOpacità impostato 69%, Distanza di 7px e Taglia di 9 px.

Ciò conferisce allo strato superiore dei blocchi un effetto di illuminazione ancora più realistico.

Passo 2

Per migliorare ulteriormente l'aspetto plastico, utilizzare un effetto filtro sottile. Ma prima, seleziona i livelli StatueBlocks e BlockPattern e crea uno strato unito di essi tenendo premuto alt e andando a Livello> Livelli uniti (Control-E) 

Passaggio 3

Vai a Filtro> Galleria filtri  e apri il Artistico cartella e scegliere il Involucro di plastica filtro. Impostare il Evidenzia forza a 5, Dettaglio a 13, e levigatezza a 5.

Quindi riduci il livello Opacità a 40% per rendere l'effetto molto sottile.

Passaggio 4

Per rendere ancora più visivamente evidente che il livello superiore dei blocchi è sopra il livello inferiore, aggiungi una leggera sfocatura al livello inferiore dei blocchi. Questo simula la stessa idea di un punto focale fotografico. Seleziona il BackgroundBlockPattern strato e vai a Filtro> Sfocatura> Sfocatura gaussiana e impostare il Raggio a 0,4 pixel.

A questo punto il tuo progetto dovrebbe assomigliare a questo:

9. Espandi la tela

Il primo strato di blocchi è finito, quindi ora è il momento di passare al livello di base. Ma prima la tela richiede una regolazione per fare spazio all'effetto ombra. Era fondamentale iniziare con una dimensione di tela più stretta affinché il filtro Mosaic funzioni correttamente.

Passo 1

Sbloccare il livello di sfondo facendo clic sul Serratura icona a destra del nome del livello nel Livelli pannello. Questo cambierà il livello da sfondo a Livello 0.

Passo 2

Vai a Immagine> Dimensioni della tela e impostare il Larghezza a 1036 pixel e il Altezza a 1560 pixel. Il Parente la casella di controllo non deve essere controllata e il Ancora deve essere nella posizione centrale predefinita.

Passaggio 3

Aggiungere un Ombra esterna stile di livello al Livello 0 strato. Impostare il Distanza e Taglia entrambi 5 pixel.

Passaggio 4

Aggiungi un nuovo livello sotto il livello 0 tenendo premuto il tasto Controllo tasto mentre si preme il tasto Crea un nuovo livello icona nel Livelli pannello.

Riempi questo livello con il bianco andando a Modifica> Riempi e selezionando bianca dal Uso cadere in picchiata.

Ecco come dovrebbe apparire il progetto a questo punto:

10. Lancia l'ombra finale

Lo strato di base dei blocchi è seduto su una superficie piana, l'immagine, creando l'ombra del cast, è molto più semplice.

Passo 1

Per creare l'ombra del cast, ripetere la stessa tecnica del livello superiore dei blocchi: crea un livello sotto il BackgroundBlocks strato per contenere l'ombra

Passo 2

Crea una selezione dal BackgroundBlocks maschera di livello e riempilo con il nero, quindi sposta l'ombra verso il basso e verso destra.

Passaggio 3

Utilizzare il Strumento per selezione poligonale impostato Aggiungi alla selezione per selezionare le aree diagonali su cui l'ombra cadrebbe. Quindi riempire quella selezione con il nero.

Passaggio 4

Annulla la selezione con Control-D e gestisci il Sfocatura gaussiana filtro con a Raggio di 3 pixel.

Passaggio 5

Imposta il livello Modalità di fusione a Moltiplicare e ridurre il Opacità a 20%

Passaggio 6

Invece di impostare nuovamente gli stessi stili di livello, semplicemente tasto destro del mouse sul "Fx" icona dal StatueBlocks strato e scegliere Copia stile livello. Poi tasto destro del mouse sul BackgroundBlocks strato e scegliere Incolla stile layer.

Assicurati di salvare il file perché hai finito!

Impressionante lavoro, ora sei fatto!