1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Trasformare una foto in un pezzo LEGO blocco dell'arte in Adobe Photoshop

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

1. creare il Pattern del blocco

Si inizia creando il pattern del blocco di LEGO-come base. Precisione è la chiave per questo effetto funziona correttamente, quindi è necessario stare attenti con le misurazioni di pixel per essere sicuri che il modello corrisponde con l'effetto mosaico più tardi.

Passo 1

Creare un nuovo documento di 60 x 60 pixel in dimensioni.

Poi create un nuovo livello e riempirlo con 50% di grigio utilizzando la modifica > riempire comando e scegliere il 50% di grigio dall'uso menu a discesa.

Aggiungere un smusso e rilievo stile strato con le dimensioni impostate a 0 pixel, come si vede qui:

Passo 2

Impostare il colore di primo piano lo stesso grigio dei mezzitoni (#808080)

Quindi selezionare lo strumento ellisse (U) e fare clic ovunque sulla tela. Creare un cerchio che è 42 x 42 pixel in dimensioni.

Quindi utilizzare il percorso di selezione strumento (A) per trascinare il cerchio finché scatta al centro della tela.

Aggiungere un smusso ed effetto rilievo stile strato con una profondità di 62% e una dimensione di 3 pixel

Poi aggiungere uno stile di livello Drop Shadow con una distanza e la dimensione di 5 pixel ciascuno.

A questo punto il blocco dovrebbe essere simile al top-down vista di un tradizionale LEGO 1x1 blocco.

Passo 3

Utilizzare il Tool di tipo orizzontale (T) al posto del testo nella parte centrale del cerchio. Utilizzare un tipo di carattere di sottile, san serif come verbo o Arial.


Poi posizionare il testo utilizzando lo strumento Sposta (V). Abilitare l'opzione Visualizza controlli di trasformazione nella barra delle opzioni rendere il testo più agevole scala.

Il testo definitivo dovrebbe essere lo stesso colore grigio come prima (#808080) ma che rende difficile vedere a posizionarlo correttamente. Pensare di cambiare il colore del testo al nero o bianco, poi cambiarlo di nuovo a grigio dopo esso è posizionato.

Aggiungere un smusso e rilievo di stile di livello per il testo con una profondità di 1 pixel e una dimensione di 1 pixel.

Aggiungere uno stile di livello Drop Shadow con una distanza di 2 pixel e una dimensione di 3 pixel

Passo 4

A questo punto si dovrebbe salvare il file di origine! Il passo successivo vi farà perdere tutti i livelli modificabili.

Appiattire il file con strato > Appiattisci immagine. Tutti i livelli verranno combinati in uno strato unico sfondo.

Abbiamo bisogno di ridimensionare l'immagine per essere esattamente 30 x 30 pixel. Vai a immagine > dimensione immagine e immettere i valori di 30 per la larghezza e l'altezza. Assicurarsi che l'unità è impostata su pixel.

Poi vai a modifica > Definisci Pattern e dare al modello un nome come "LEGOblock-top".

Chiudere il file senza salvarlo.

2. preparare l'immagine

Ora che abbiamo creato un modello di LEGO-come blocco, abbiamo bisogno di applicare a un'immagine in modo da apparire come l'immagine realisticamente è stata assemblata da blocchi reali.

Passo 1

Aprire un'immagine per utilizzare l'effetto su. Scegli un'immagine che non ha una grande quantità di dettaglio, 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 le dimensioni in pixel che sono divisibili per 30. Quindi vai a immagine > dimensione immagine e input un valore di altezza di 1500. Non preoccuparti per il valore di larghezza adesso.



Per impostare la larghezza valore Vai a immagine > dimensione della tela e immettere un valore di larghezza del 960.

Photoshop vi darà un prompt dei comandi sul contenuto del ritaglio. Fare clic su continuare.

Passo 2

Creare una copia del layer background andando a strato > nuovo Layer Via Copy (controllo-J).

Poi vai al filtro > Pixelate > mosaico e impostare le dimensioni delle cellule a 30 quadrati.

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

3. applicare il Pattern del blocco

Passo 1

Ora per portare il pattern del blocco superiore abbiamo creato nel passaggio 1. Prima di creare nuovo livello andando a strato > nuovo livello (Shift-controllo).



Poi vai a modifica > modello seleziona dal menu USA e trovare il vostro modello di blocco personalizzato nella parte inferiore dell'elenco nel modello personalizzato menu a discesa e riempimento (Shift-F5).

Passo 2

La tela si riempie con il pattern del blocco. Cambiare la modalità di fusione del livello di sovrapposizione per consentire il colore mosaico di mostrare attraverso il pattern del blocco.

4. creare la maschera di livello

Il passo successivo è quello di nascondere le porzioni esterne dei blocchi così la statua blocchi sembrano essere seduto in cima i blocchi di sfondo.

Passo 1

Facciamo vita facile per noi utilizzando una griglia di 30 pixel per guidare la nostra selezione per mascheratura. Vai a modifica > preferenze > guide, griglia & fette. e nella sezione griglia impostare una griglia ogni 30 pixel.

Per visualizzare la griglia sulla tela Vai a vista > Visualizza > griglia.

Passo 2

Ora usare le rettangolari Marquee Tool (M) impostare Aggiungi alla selezione nella barra delle opzioni per creare una selezione intorno alla testa e le spalle della statua, utilizzando la griglia per contribuire a creare la selezione di delineare perfettamente i blocchi.

Passo 3

Vai strato > Layer Mask > rivelano selezione utilizzare la selezione come maschera. Il pannello livelli rivelerà una miniatura bianca e nero per indicare la maschera di livello.

Passo 4

Tenere premuto il tasto Alt mentre si sposta il cursore tra il livello di mosaico e il livello di modello. Quando si vede il cursore modificare da una mano che punta a un quadrato con una freccia verso il basso, cliccaci sopra! Questo clip di livello modello per lo strato di mosaico, che consente a entrambi i livelli essere controllato tramite la stessa maschera di livello.

5. creare i blocchi di sfondo

Passo 1

Abbiamo i nostri blocchi di statua, ma ora dobbiamo creare il livello di base inferiore di blocchi. Quindi ripetere il processo stesso di duplicare il livello sfondo ed esegue il filtro mosaico. Poi mettere uno strato di sopra di esso riempito con il pattern del blocco. Creare una maschera che include una serie di blocchi disarticolati vicino al fondo e clip il pattern per lo strato di mosaico. Il file dovrebbe essere simile a questo.

Passo 2

I mattoni di sfondo appaiono troppo simili ai mattoni della statua. Per contribuire a creare una differenza visiva, modificare la modalità di fusione per il livello del modello di blocco in luminosità.

Passo 3

Che rese il blocco troppo scuro. Per risolvere questo problema, cerchiamo di alleggerire lo strato del modello di blocco. Vai a immagine > regolazioni > livelli (Control-L) e regolare le maniglie per abbinare le impostazioni qui:

Passo 4

Poi vai al filtro > sfocatura > Gaussian Blur e l'uso di un raggio di circa 0,4 pixel. Questo crea una sfocatura sottile ai blocchi di sfondo, quindi la nitidezza dei blocchi statua si distingue più.

6. creare un ombra

Il livello superiore del blocco dovrebbe essere getta un'ombra sul livello più basso. Se la superficie è piatta, questo sarebbe un compito facile. Ma tutti quei dossi creano una superficie irregolare che altererà le linee dell'ombra. Per accogliere questo che creiamo due strati di ombra, uno per la parte superiore dei dossi, uno per la superficie di base intorno i dossi. Questo dettaglio è molto sottile, ma importante per creare un effetto realistico.

Passo 1

Create un nuovo livello sotto lo strato di StatueBlocks e lo chiamano Shadow1.

Passo 2

Control-clic la miniatura della maschera per il livello di StatueBlocks creare una selezione da esso. Vedrete le formiche marce che delinea l'area.

Passo 3

Riempire la selezione con il nero andando su Modifica > comando riempimento (Shift-F5) e scegliendo il nero dall'uso menu a discesa. l'area selezionata riempirà con nero ma voi non è abbastanza vedere ancora perché è dietro lo strato di blocchi.

Passo 4

Tenere premuto MAIUSC e premere due volte il tasto freccia giù. Quindi premere il tasto freccia destra 15 volte (senza il tasto Shift). Questo verrà posizionato all'ombra in basso a destra dei blocchi per creare l'inizio dell'ombra.

Passo 5

L'ombra non sarà corretto, fino a quando gli angoli sono collegati. Quindi selezionare lo strumento lazo poligonale e assicurarsi che la modalità è impostata su Aggiungi alla selezione. Quindi fare clic su un angolo del livello ombra e collegarlo all'angolo del blocco che avrebbe gettato quell'ombra. Aggiungere un terzo punto di cliccare per completare la zona triangolare. Fare questo per ogni angolo visibile.



Passo 6

Riempire la selezione con il nero usando la modifica > comando riempimento (Shift-F5) con nero come impostazione di utilizzo.



Quindi premere Control-D per Deselect.

Passo 7

Ammorbidire il livello ombra andando su filtro > sfocatura > Gaussian Blur e impostare il raggio a 2,0 pixel.

Passo 8


Impostare la modalità di fusione su moltiplica e ridurre l'opacità al 24%

7. regolare l'ombra per seguire i contorni

L'ombra appare attualmente in esecuzione lungo una superficie piana. Realisticamente i rotondi posti dei blocchi vuoi rompere la linea d'ombra. Può sembrare scoraggiante per cercare di ottenere un'ombra a seguire ogni po ' di post, ma regolando il pattern del blocco originale, possiamo ottenere l'effetto indolore.

Passo 1

Ritornare al file originale utilizzato per creare il pattern del blocco. Nascondere il livello di testo e lo strato grigio riempito. Fare doppio clic sulla miniatura di strato ellisse per selezionare un colore di riempimento e scegli nero solido.

Passo 2

Appiattire il file con strato > Appiattisci immagine e premi OK quando richiesto circa scartando i livelli nascosti. Quindi ridimensionare l'immagine con immagine > dimensione immagine e specificare la larghezza e l'altezza per essere esattamente 30 pixel ciascuno.

Passo 3

Definire questa immagine come un nuovo modello andando su Edit > Definisci Pattern. Si può chiudere il file senza salvare.

Passo 4

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

Passo 5

Assicurarsi che la maschera si rivolge (ci dovrebbe essere un bordo bianco intorno la miniatura) e riempirlo con il nuovo modello utilizzando la modifica > riempire il comando. Impostare l'uso Pattern e selezionare il modello appena creato dalla parte inferiore dell'elenco del modello Custom cadere giù.

Questo rimuoverà l'ombra dalle parti superiori dei piroli blocco e permettono solo di essere visto nelle zone intorno e tra le spine.

Passo 6

Ora creeremo un'ombra per la parte superiore dei piroli che è solo leggermente spostata dall'ombra cast attuale. Duplicare il livello Shadow1 premendo Control-J.

Vogliamo che la maschera di questo strato per mostrare la parte superiore dei piroli, che è l'opposto della sua attuale funzione. La maschera della copia di destinazione facendo clic sulla miniatura. Quindi premere CTRL-I per invertire la maschera.

Passo 7

Ora, per spostare l'ombra leggermente per dare l'aspetto che esso sta seguendo i contorni dei piroli. Primo obiettivo il livello effettivo, non la maschera, cliccando sulla miniatura del livello. Poi scollega il livello dalla maschera facendo clic sull'icona piccola catena-collegamento tra le due miniature. Ciò manterrà la maschera sul posto mentre ci muoviamo lo strato.

Passo 8

Ora spingi questa ombra fino e a sinistra toccando la freccia su chiave e la freccia sinistra chiave cinque volte ciascuno. Questo offset sottile dà l'ombra un aspetto molto più realistico.

8. aggiungere un aspetto plastico

Lo strato superiore dei blocchi è quasi fatto. Ha bisogno solo alcuni piccoli dettagli per rendere davvero sembrare vera plastiche blocchi.

Passo 1

Iniziare aggiungendo un smusso e rilievo di stili di livello con una profondità di 32% e la dimensione di 3 px.

Quindi un stile ombra con l'opacità impostata al 69%, distanza di 7px e dimensione di 9 px.

Questo dà lo strato superiore dei blocchi di un effetto di illuminazione ancora più realistico.

Passo 2

Per migliorare l'aspetto di plastica ancora di più, usare un effetto filtro sottile. Ma in primo luogo, selezionare i livelli di StatueBlocks e BlockPattern e creare uno strato fuso di essi tenendo premuto Alt e andando a strato > livelli Uniti (controllo-E)

Passo 3

Vai alla filtro > Galleria filtri e aprire la cartella artistica e scegliere il filtro plastica avvolgere. Impostare la forza di evidenziare 5, dettaglio a 13 e scorrevolezza a 5.

Poi ridurre opacità del livello al 40% per rendere l'effetto molto sottile.

Passo 4

Per rendere ancora più visivamente evidente che il livello superiore dei blocchi è superiore al livello inferiore, aggiungere una leggera sfocatura al livello inferiore di blocchi. Questo simulare l'idea stessa di un punto focale fotografico. Selezionate il livello BackgroundBlockPattern e andare su filtro > sfocatura > Gaussian Blur e impostare il raggio a 0,4 pixel.

A questo punto il progetto dovrebbe essere simile a questo:

9. espandere la tela

Lo strato superiore dei blocchi è finito, così ora è il momento di passare al livello base. Ma prima la tela richiede regolazione per fare la stanza per l'effetto ombra. Era indispensabile per iniziare con una dimensione di tela più stretta in modo che il filtro mosaico funzionare correttamente.

Passo 1

Sbloccare il livello di sfondo facendo clic sull'icona del lucchetto a destra del nome del livello nel pannello livelli. Questo cambierà il livello da sfondo al livello 0.

Passo 2

Vai a immagine > dimensione della tela e set 1036 pixel la larghezza e l'altezza in pixel del 1560. La relativa casella di controllo non deve essere controllato e l'ancoraggio deve essere nella posizione predefinita centro.

Passo 3

Aggiungere uno stile di livello ombra al livello Layer 0. Impostare la distanza e dimensione sia a 5 pixel.

Passo 4

Aggiungere un nuovo livello sotto lo strato 0 tenendo premuto il tasto Control mentre crea un nuovo livello icona nel pannello livelli.

Riempire questo strato di bianco andando su Edit > riempimento e selezionare bianco dall'uso a discesa.

Ecco ciò che il progetto dovrebbe assomigliare a questo punto:

10. Gettare l'ombra finale

Lo strato di base di blocchi è seduto su una superficie piana, le foto, creare l'ombra è molto più semplice.

Passo 1

Per creare l'ombra, ripetere la stessa tecnica come primo livello di blocchi: creare un livello sotto lo strato di BackgroundBlocks per contenere l'ombra

Passo 2

Creare una selezione dalla maschera di livello BackgroundBlocks e riempirlo con il nero, quindi compensare l'ombra verso il basso e verso destra.

Passo 3

Utilizzare che lo strumento di selezione poligonale set per aggiungere alla selezione per selezionare le aree diagonale l'ombra cadrebbe. Poi riempire la selezione con il nero.

Passo 4

Annullare la selezione con Ctrl-D ed eseguire il filtro controllo sfocatura con un raggio di 3 pixel.

Passo 5

Impostare il layer Blend Mode a moltiplicare e ridurre l'opacità al 20%

Passo 6

Anziché impostare gli stili di livello stesso nuovamente, basta fare clic destro sull'icona "fx" dallo strato StatueBlocks e scegliere Copia stile livello. Quindi fare clic destro sul layer BackgroundBlocks e scegliere Incolla stile livello.

Assicurarsi di salvare il file, perché si è fatto!

Lavoro impressionante, ora siete fatto!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads