Omvandla ett foto till ett LEGO-block av konst i Adobe Photoshop

Vad du ska skapa

Använd Adobe Photoshop för att bygga en LEGO-version av ett foto. Använd några smarta filter och skuggningstekniker för att enkelt skapa utseendet att bygga en fotoprofil med hundratals små plastblock. 

1. Skapa blockmönstret

Låt oss börja med att skapa det grundläggande LEGO-liknande blockmönstret. Precision är nyckeln till den här effekten fungerar korrekt, så du måste vara försiktig med pixelmätningarna så att mönstret matchar mosaik effekten senare.

Steg 1

Skapa en Ny dokument som är 60x60 pixlar i mått.

Skapa sedan ett nytt lager och fyll det med 50% grå med Redigera> Fyll kommandot och välj 50% grå från rullgardinsmenyn Använd.

Lägg till en Bevel och Emboss Layer Style med storleken inställd på 0 pixlar som ses här:

Steg 2

Ställ din förgrundsfärg till samma mittton grå (# 808080)

Välj sedan Ellipseverktyg (U) och klicka var som helst på duken. Skapa en cirkel som är 42 x 42 pixlar i mått.

Använd sedan Sökvalsverktyg (A) att dra i cirkeln tills den snäpper till mitten av duken.

Lägg till en Bevel och Emboss Layer Style med en Djup av 62% och a Storlek av 3 pixlar

Lägg sedan till en Drop Shadow Layer Style med en Distans och Storlek av 5 pixlar varje.

Vid den här tiden borde ditt block likna den övre nedre bilden av ett traditionellt LEGO 1x1-block.

Steg 3

Använd Horisontellt typverktyg (T) för att placera lite text i cirkelns centrala del. Använd en tunn, san serif typsnitt som Verb eller Arial.


Placera sedan texten med hjälp av Flytta verktyget (V). Aktivera Visa Transform Controls alternativet i alternativfältet för att göra texten lättare att skala.

Den slutliga texten ska ha samma grå färg som tidigare (# 808080) men det gör det svårt att se till att placera det ordentligt. Överväg att ändra textfärgen till svart eller vitt och ändra sedan till grå när den är placerad.

Lägg till en Bevel och Emboss Layer Style till texten med a Djup av 1 pixel och a Storlek av 1 pixel.

Lägg till en Drop Shadow Layer Style med en Distans av 2 pixlar och a Storlek av 3 pixlar

Steg 4

Vid denna tidpunkt bör du spara din källfil! Nästa steg kommer att leda till att du förlorar alla dina redigerbara lager.

Plattra filen med Layer> Flatten Image.  Alla dina lager kommer att kombineras till ett enda bakgrundslag.

Vi behöver ändra storlek på bilden för att vara exakt 30x30 pixlar. Gå till Bild> Bildstorlek och ange värdena på 30 för båda Bredd och Höjd. Var noga med att enheterna är inställda på pixlar.

Gå sedan till Redigera> Definiera mönster och ge mönstret ett namn som "LEGOblock-top".

Stäng sedan filen utan sparar det.

2. Förbered bilden

Nu när vi har skapat ett LEGO-liknande blockmönster, måste vi applicera det på en bild så att bilden ser realistiskt ut från de faktiska blocken.

Steg 1

Öppna en bild för att använda effekten. Välj en bild som inte har mycket detaljer, men starka linjer och god kontrast. Om bilden är något bekant, som Frihetsgudinnan, tenderar den slutliga effekten att fungera bättre. 

Bilden måste ha pixeldimensioner som är delbara med 30. Så gå till Bild> Bildstorlek och ange a Höjd värdet 1500. Oroa dig inte för Bredd värdet just nu.


För att ställa in breddvärdet gå till Bild> Kanfastryck och ange a Bredd värdet av 960.

Photoshop ger dig en snabb uppmaning att klippa innehåll. Klick Fortsätt.

Steg 2

Skapa en kopia av bakgrundsskiktet genom att gå till Layer> New Layer Via Copy (Control-J).

Gå sedan till Filtrera> Pixelate> Mosaic och ställa in Cellstorlek till 30 fyrkant.

Vid denna tidpunkt ska bilden visas som ett arrangemang av solida färgade rutor.

3. Applicera blockmönstret

Steg 1

Nu för att ta fram blockmönstret skapade vi i steg 1. Först skapa ett nytt lager genom att gå till Layer> New Layer (Shift-Control).


Gå sedan till Redigera> Fyll (Skift-F5) och välj Mönster från Använda sig av menyn och hitta ditt anpassade blockmönster längst ner i listan i Anpassat mönster rullgardinsmenyn.

Steg 2

Duken fyller med blockmönstret. Byt skiktets Blandningsläge till Täcka över för att tillåta mosaikfärgen att visa genom blockmönstret.

4. Skapa lagmasken

Nästa steg är att maskera blockens yttre delar så att statyblocken verkar sitta ovanpå bakgrundsblocken.

Steg 1

Låt oss göra livet enkelt för oss genom att använda ett 30 pixel galler för att styra vårt val för maskering. Gå till Redigera> Inställningar> Guider, galler och skivor. och i Rutnät sektionsuppsättning a Gridline varje 30 pixlar.

För att se rutnätet på duken gå till Visa> Visa> Rutnät.

Steg 2

Använd nu Rektangulär Marquee Tool (M) satt till Lägg till i urvalet i Alternativbar att skapa ett urval runt huvudet och axlarna i statyn, med hjälp av rutnätet för att hjälpa till att skapa valet för att perfekt skissera blocken.

Steg 3

Layer> Layer Mask> Reveal Selection att använda valet som en mask. De Skikten panelen kommer att avslöja en svartvitt miniatyrbild för att indikera skiktmasken.

Steg 4

Håll ner Alt nyckeln medan du flyttar markören mellan Mosaic-laget och mönsterskiktet. När du ser markören byta från en pekande hand till en fyrkant med en nedåtpil, klicka på den! Detta kommer att klippa mönsterskiktet till mosaikskiktet, vilket gör det möjligt för båda skikten att styras av samma skiktmaske.

5. Skapa bakgrundsblocken

Steg 1

Vi har våra statyblock, men nu behöver vi skapa den lägre basnivån av block. Så upprepa samma process att duplicera bakgrundslagret och köra mosaikfiltret. Placera sedan ett lager ovanför det fyllt med blockmönstret. Skapa en mask som innehåller en serie av ojämna block nära botten och klipp mönstret till mosaikskiktet. Din fil ska likna den här.

Steg 2

Bakgrundsblocken ser ut som lik staty tegelstenar. För att skapa en visuell skillnad, ändra Blandningsläge för blockmönsterskiktet till Ljusstyrka.

Steg 3

Det gjorde blocket för mörkt. För att rätta till detta, låt oss lätta upp blockmönsterskiktet. Gå till Bild> Justeringar> Nivåer (Control-L) och justera handtagen för att matcha inställningarna här:

Steg 4

Gå sedan till Filter> Blur> Gaussian Blur och använd en radie av runt 0,4 pixlar. Detta skapar en subtil blekk på bakgrundsblocken, så skärmens skarpa stavar ut mer.

6. Skapa en Cast Shadow

Den högsta nivån av kvarteret bör gjuta en skugga på den nedre nivån. Om ytan var platt skulle det vara en lätt uppgift. Men alla de små stötarna skapar en ojämn yta som kommer att störa skugglinjerna. För att rymma detta skapar vi två skugglager, en för toppen av stötarna, en för basområdet runt stötarna. Denna detalj är mycket subtil men viktig för att skapa en realistisk effekt.

Steg 1

Skapa ett nytt lager under StatueBlocks-lagret och kalla det Shadow1.

Steg 2

Ctrl-klicka maskminnebilden för StatueBlocks Lag för att skapa ett urval från det. Du kommer se de marscherande myrerna som omger området.

Steg 3

Fyll markeringen med svart genom att gå till Redigera> Fyll (Skift-F5) kommandot och välja Svart från Använda sig av rullgardinsmenyn. Det valda området fyller med svart men du kan inte helt se det ännu eftersom det ligger bakom blockskiktet.

Steg 4

Håll ner Flytta och tryck på Nedåtpil tangenten två gånger. Tryck sedan på Höger pil nyckel 15 gånger (utan Flytta Nyckel). Detta kommer att placera skuggan till höger om blocken för att skapa början på den gjutna skuggan.

Steg 5

Den gjutna skuggan ser inte korrekt ut tills hörnen är anslutna. Välj så Polygonal Lasso Tool och se till att läget är inställt på Lägg till i urvalet. Klicka sedan på ett hörn av skuggskiktet och anslut det till hörnet av blocket som skulle kasta den skuggan. Lägg till en tredje klickpunkt för att slutföra det triangulära området. Gör detta för varje synligt hörn.


Steg 6

Fyll markeringen med svart med hjälp av Redigera> Fyll (Skift-F5) kommando med Svart som den Använda sig av miljö. 


Tryck sedan på Kontroll-D till Välja bort.

Steg 7

Mjuka skuggskiktet genom att gå till Filter> Blur> Gaussian Blur och ställa in Radie till 2,0 pixlar

Steg 8


Ställ in Blandningsläge till Multiplicera och minska Opacitet till 24%

7. Justera skuggan för att följa konturerna

Den gjutna skuggan verkar för närvarande vara igång en plan yta. Realistiskt skulle blockens runda inlägg bryta upp skugglinjen. Det kan tyckas skrämmande att försöka få en skugga att följa med varje litet inlägg, men genom att justera det ursprungliga blockmönstret kan vi uppnå effekten smärtfritt.

Steg 1

Återgå till den ursprungliga filen som användes för att skapa blockmönstret. Dölj textskiktet och det grå fyllda skiktet. Dubbelklicka ellipsskiktets miniatyrbild för att välja en fyllnadsfärg och välja solid svart.

Steg 2

Plattra filen med Layer> Flatten Image och slå ok när du uppmanas att kasta bort dolda lager. Ändra sedan bilden med Bild> Bildstorlek och ange Bredd och Höjd att vara exakt 30 pixlar vardera.

Steg 3

Definiera den här bilden som ett nytt mönster genom att gå till Redigera> Definiera mönster. Du kan sedan stänga filen utan att spara.

Steg 4

Återgå till huvudprojektfilen och lägg till en lagermask i skuggan1-skiktet genom att trycka på Lägg till lagmask knapp vid basen av Skikten panel.

Steg 5

Kontrollera att masken är riktade (det borde finnas en vit kant runt miniatyren) och fyll i den med det nya mönstret med hjälp av Redigera> Fyll kommando. Ställ in Använda sig av till Mönster och välj det nyskapade mönstret längst ner i listan över Anpassat mönster falla ner.

Detta kommer att ta bort skuggan från de övre delarna av blockpinnarna och låta den bara ses i områdena runt och mellan pinnarna.

Steg 6

Nu kommer vi att skapa en skugga för den övre delen av pinnarna som bara är något motverkad från den aktuella gjutskuggan. Duplicera Shadow1-skiktet genom att trycka på Kontroll-J.

Vi vill att masken i det här laget ska visa den övre delen av pinnarna, vilket är motsatsen till dess nuvarande funktion. Mål masken på kopian genom att klicka på miniatyren. Tryck sedan på Kontroll-I till Invertera masken.

Steg 7

Nu för att flytta skuggan något för att ge utseendet att det följer konturerna på pinnarna. Markera först det faktiska lagret, inte masken, genom att klicka på lagminnebilden. Koppla sedan bort skiktet från masken genom att klicka på den lilla kedjelänkikonen mellan de två miniatyrerna. Detta kommer att hålla masken på plats när vi flyttar skiktet runt.

Steg 8

Nudge nu denna skugga upp och till vänster genom att knacka på Uppåtpil nyckel och Vänsterpil nyckel fem gånger vardera. Denna subtila offset ger den gjutna skuggan ett mycket mer realistiskt utseende.

8. Lägg till en plastisk utseende

Det översta lagret av block är nästan gjort. Det behöver bara några mindre detaljer för att verkligen se ut som riktiga plastblock.

Steg 1

Börja med att lägga till en Bevel och Emboss Lagstilar med a Djup av 32% och Storlek av 3 px.

Då en Drop Shadow stil meddeOpacitet satt till 69%, Distans av 7PX och Storlek av 9 px.

Detta ger det översta lagret av block en ännu mer realistisk belysningseffekt.

Steg 2

För att förbättra plastutseendet ännu mer, använd en subtil filtereffekt. Men först välj StatyBlocks och BlockPattern-lagren och skapa ett sammanslagna lager av dem genom att hålla nere Alt och går till Lag> Sammanslagna lager (Control-E) 

Steg 3

Gå till Filtrera> Filter Galleri  och öppna Konstnärlig mapp och välj Plastfolie filtrera. Ställ in Markera styrka till 5, Detalj till 13, och jämnhet till 5.

Därefter minska lagrets Opacitet till 40% för att göra effekten mycket subtil.

Steg 4

För att göra det ännu mer visuellt uppenbart att den högsta nivån på block ligger över den lägre nivån, lägg till en liten suddighet på den nedre nivån av kvarter. Detta simulerar samma idé om en fotografisk kontaktpunkt. Välj BackgroundBlockPattern lager och gå till Filter> Blur> Gaussian Blur och ställa in Radie till 0,4 pixlar.

Vid denna tidpunkt borde ditt projekt se ut som detta:

9. Expand Canvas

Det översta lagret av block är klart, så nu är det dags att gå vidare till baslagret. Men först måste duken anpassas för att skapa utrymme för skuggningseffekten. Det var viktigt att börja med en tätare dukstorlek för att Mosaic-filtret ska fungera korrekt.

Steg 1

Lås upp bakgrundsskiktet genom att klicka på Låsa ikonen till höger om lagnamnet i Skikten panel. Detta kommer att ändra skiktet från Bakgrund till Layer 0.

Steg 2

Gå till Bild> Kanfastryck och ställa in Bredd till 1036 pixlar och Höjd till 1560 pixlar. De Släkting kryssrutan får inte kontrolleras och Ankare måste vara i standard mittläge.

Steg 3

Lägg till en Drop Shadow lager stil till Layer 0 lager. Ställ in Distans och Storlek både till 5 pixlar.

Steg 4

Lägg till ett nytt lager under lagret 0 genom att hålla ned Kontrollera tangent medan du trycker på Skapa ett nytt lager ikon i Skikten panel.

Fyll det här lagret med vit genom att gå till Redigera> Fyll och välja Vit från Använda sig av falla ner.

Här är vad projektet ska se ut på den här tiden:

10. Släng den slutliga skuggan

Bottenskiktet på block sitter på en plan yta, bilden, skapandet av gjutskuggan är mycket enklare.

Steg 1

För att skapa den gjutna skuggan, upprepa samma teknik som toppnivån av block: Skapa ett lager under BackgroundBlocks lager för att hålla skuggan

Steg 2

Skapa ett urval från BackgroundBlocks skiktmasken och fyll den med svart, förskjut sedan skuggan ner och till höger.

Steg 3

Använd Polygonal Markeringsverktyg satt till Lägg till i urvalet för att välja de diagonala områdena som skuggan skulle falla på. Fyll sedan det valet med svart.

Steg 4

Avbryt valet med Kontroll-D och springa Gaussisk suddighet filtrera med a Radie av 3 pixlar.

Steg 5

Ställ in skiktet Blandningsläge till Multiplicera och minska Opacitet till 20%

Steg 6

I stället för att ställa in samma lagerformat igen, bara Högerklicka "Fx" ikon från StatueBlocks lager och välj Kopiera lagstil. Sedan HögerklickaBackgroundBlocks lager och välj Klistra in lagstil.

Var noga med att spara filen eftersom du är klar!

Awesome Work, Du är nu klar!