Forvandle et bilde til et LEGO-blokkestykke i Adobe Photoshop

Hva du skal skape

Bruk Adobe Photoshop til å bygge en LEGO-versjon av et bilde. Bruk noen smarte filtre og skygge teknikker for å enkelt opprette utseendet på å bygge en fotografisk kopi med hundrevis av små plastblokker. 

1. Lag blokkemønsteret

La oss begynne med å lage det grunnleggende LEGO-lignende blokkemønsteret. Presisjon er nøkkelen til denne effekten, fungerer riktig, så du må være forsiktig med pixelmålingene for å være sikker på at mønsteret stemmer overens med mosaikk-effekten senere.

Trinn 1

Lage en Ny dokument som er 60x60 piksler i dimensjoner.

Deretter lager du et nytt lag og fyller det med 50% grå ved hjelp av Rediger> Fyll ut kommandoen og velg 50% grå fra rullegardinmenyen Bruk.

Legg til en Bevel og Emboss Layer Style med størrelsen satt til 0 piksler som sett her:

Steg 2

Sett forgrunnsfargen din til samme midttonegrå (# 808080)

Velg deretter Ellipseverktøy (U) og klikk hvor som helst på lerretet. Lag en sirkel som er 42 x 42 piksler i dimensjoner.

Bruk deretter Path Selection Tool (A) å trekke sirkelen til den klikker til midten av lerretet.

Legg til en Bevel og Emboss Layer Style med en Dybde av 62% og a Størrelse av 3 piksler

Legg deretter til en Drop Shadow Layer Style med en Avstand og Størrelse av 5 piksler Hver.

På dette punktet bør blokken ligne den nedre nedvisningen til en tradisjonell LEGO 1x1-blokk.

Trinn 3

Bruke Horisontal Typeverktøy (T) å legge litt tekst inn i sirkelens sentrale del. Bruk en tynn, san serif font som Verb eller arial.


Deretter plasserer du teksten ved hjelp av Flytt verktøyet (V). Aktiver Vis Transform Controls alternativet i alternativfeltet for å gjøre teksten lettere å skalere.

Den endelige teksten skal være den samme grå fargen som før (# 808080), men det gjør det vanskelig å se for å plassere det ordentlig. Vurder å endre tekstfargen til svart eller hvitt, og endre den til grå etter at den er plassert.

Legg til en Bevel og Emboss Layer Style til teksten med a Dybde av 1 piksel og a Størrelse av 1 piksel.

Legg til en Drop Shadow Layer Style med en Avstand av 2 piksler og a Størrelse av 3 piksler

Trinn 4

På dette tidspunktet bør du lagre kildefilen din! Det neste trinnet vil føre til at du mister alle dine redigerbare lag.

Flatt filen med Lag> Flatt bilde.  Alle lagene dine blir kombinert i et enkelt bakgrunnslag.

Vi må endre størrelsen på bildet til nøyaktig 30x30 piksler. Gå til Bilde> Bildestørrelse og skriv inn verdiene for 30 for begge Bredde og Høyde. Pass på at enhetene er satt til piksler.

Så gå til Rediger> Definer mønster og gi mønsteret et navn som "LEGOblock-top".

Lukk deretter filen uten lagrer det.

2. Forbered bildet

Nå som vi har opprettet et LEGO-lignende blokkmønster, må vi bruke det på et bilde på en slik måte at bildet ser realistisk sammen fra de faktiske blokkene.

Trinn 1

Åpne et bilde for å bruke effekten på. Velg et bilde som ikke har stor detalj, men sterke linjer og god kontrast. Hvis bildet er av noe kjent, som Frihetsgudinnen, har den endelige effekten en tendens til å fungere bedre. 

Bildet må ha pixeldimensjoner som er delbare med 30. Så gå til Bilde> Bildestørrelse og skriv inn a Høyde verdi på 1500. Ikke bekymre deg for Bredde verdien akkurat nå.


For å angi breddeverdien, gå til Bilde> Lerrets størrelse og skriv inn en Bredde verdien av 960.

Photoshop vil gi deg en melding om klipping av innhold. Klikk Fortsette.

Steg 2

Lag en kopi av bakgrunnslaget ved å gå til Lag> Nytt lag via kopi (Control-J).

Så gå til Filter> Pixelate> Mosaikk og sett Cellstørrelse til 30 torget.

På dette punktet skal bildet vises som et arrangement av fargede firkanter.

3. Bruk blokkmønsteret

Trinn 1

Nå for å bringe inn blokkmønstret vi opprettet i trinn 1. Først opprett nytt lag ved å gå til Lag> Nytt lag (Shift-Control).


Så gå til Rediger> Fyll (Shift-F5) og velg Mønster fra Bruk menyen og finn ditt egendefinerte blokkmønster nederst på listen i Tilpasset mønster nedtrekksmenyen.

Steg 2

Lerret fylles med blokkmønsteret. Endre lagets Blend Mode til overlegg for å tillate mosaikkfarge å vise gjennom blokkmønsteret.

4. Opprett lagmasken

Det neste trinnet er å maske ut de ytre partiene av blokkene, slik at statuen blokker ser ut til å sitte på toppen av bakgrunnsblokkene.

Trinn 1

La oss gjøre livet enkelt for oss ved å bruke et 30 pikselrutenett til å veilede vårt valg for maskering. Gå til Rediger> Innstillinger> Guider, Rutenett og skiver. og i Nett seksjon sett a Gridline hver 30 piksler.

For å se rutenettet på lerretet, gå til Vis> Vis> Rutenett.

Steg 2

Bruk nå Rektangulær Marquee Tool (M) satt til Legg til i utvalg i Alternativbar å lage et utvalg rundt hodet og skuldrene til statuen, ved hjelp av rutenettet for å hjelpe til med å skape utvalget for å perfekt skisse blokkene.

Trinn 3

Layer> Layer Mask> Reveal Selection å bruke valget som en maske. De lag panelet vil avsløre en svart og hvit miniatyrbilde for å indikere lagmasken.

Trinn 4

Hold nede alt tasten mens du flytter markøren mellom Mosaic-laget og mønsterlaget. Når du ser markøren endres fra en pekende hånd til et firkant med en nedpilen, klikker du på den! Dette vil klippe mønsterlaget til mosaikklaget, som tillater at begge lagene styres av samme lagmaske.

5. Opprett bakgrunnsblokkene

Trinn 1

Vi har våre statueblokker, men nå må vi lage det nedre grunnnivået av blokker. Så gjenta samme prosess med duplisering av bakgrunnslaget og kjøring av mosaikkfilteret. Legg deretter et lag over det fylt med blokkmønsteret. Lag en maske som inneholder en rekke ujevnlige blokker nær bunnen og klipp mønsteret til mosaikklaget. Filen din skal likne denne.

Steg 2

Bakgrunnsstukkene virker for likt statue-teglsteinene. For å bidra til å skape en visuell forskjell, endre Blend Mode for blokk mønster laget til lysstyrken.

Trinn 3

Det gjorde blokken for mørk. For å rette opp dette, la oss lette opp blokkmønsteret. Gå til Bilde> Justeringer> Nivåer (Control-L) og juster håndtakene for å matche innstillingene her:

Trinn 4

Så gå til Filter> Uklarhet> Gaussisk uskarphet og bruk en radius rundt 0,4 piksler. Dette skaper en subtil uklarhet på bakgrunnsblokkene, slik at skarpheten i statuen blokkerer ut mer.

6. Lag en skyggeskygge

Det øverste nivået av blokk skal støpe en skygge på lavere nivå. Hvis overflaten var flat, ville dette være en enkel oppgave. Men alle de små støtene skaper en ujevn overflate som vil forstyrre skyggelinjene. For å imøtekomme dette vil vi opprette to skyggelager, en for toppen av støtene, en for basisområdet rundt støtene. Denne detalj er veldig subtil, men viktig for å skape en realistisk effekt.

Trinn 1

Lag et nytt lag under StatueBlocks-laget og ring det til Shadow1.

Steg 2

Kontroll-klikk masken miniatyrbildet for StatueBlocks Lag for å lage et valg fra det. Du vil se marsjemyrene som beskriver området.

Trinn 3

Fyll utvalget med svart ved å gå til Rediger> Fyll (Shift-F5) kommandoen og velge Svart fra Bruk nedtrekksmenyen. Det valgte området fylles med svart, men du kan ikke se det enda, fordi det ligger bak blokkene.

Trinn 4

Holde nede Skifte og trykk på Pil ned nøkkel to ganger. Trykk deretter på Høyre pil nøkkel 15 ganger (uten Skifte Nøkkel). Dette vil plassere skyggen til nederst til høyre for blokkene for å skape begynnelsen på kastskyggen.

Trinn 5

Den støpte skyggen ser ikke ut til hjørnene er tilkoblet. Så velg Polygonal Lasso Tool og vær sikker på at modusen er satt til Legg til i utvalg. Deretter klikker du på et hjørne av skyggelaget og kobler det til hjørnet av blokken som vil kaste den skyggen. Legg til et tredje klikkpunkt for å fullføre triangulært område. Gjør dette for hvert synlig hjørne.


Trinn 6

Fyll utvalget med svart ved hjelp av Rediger> Fyll (Shift-F5) kommandoen med Svart som Bruk innstilling. 


Trykk deretter på Kontroll-D til Opphev valget.

Trinn 7

Sug skygelaget ved å gå til Filter> Uklarhet> Gaussisk uskarphet og sett Radius til 2,0 piksler

Trinn 8


Sett Blend Mode til Multiplisere og redusere opacity til 24%

7. Juster skyggen for å følge konturene

Den støpte skyggen ser ut til å løpe langs en flat overflate. Realistisk ville de runde stolpene i blokkene ødelegge skyggelinjen. Det kan virke skremmende å forsøke å få en skygge å følge med hvert lite innlegg, men ved å justere det opprinnelige blokkmønsteret kan vi oppnå effekten smertefritt.

Trinn 1

Gå tilbake til den opprinnelige filen som ble brukt til å lage blokkmønsteret. Skjul tekstlaget og det grå fylte laget. Dobbeltklikk Ellipse laget miniatyrbilde for å velge en fyllfarge og velg solid svart.

Steg 2

Flatt filen med Lag> Flatt bilde og treffer OK når du blir bedt om å kaste skjulte lag. Endre størrelsen på bildet med Bilde> Bildestørrelse og spesifiser Bredde og Høyde å være nøyaktig 30 piksler hver.

Trinn 3

Definer dette bildet som et nytt mønster ved å gå til Rediger> Definer mønster. Du kan deretter lukke filen uten å lagre.

Trinn 4

Gå tilbake til hovedprosjektfilen og legg til en lagmaske til Shadow1-laget ved å trykke på Legg til lagmaske knappen på undersiden av lag panel.

Trinn 5

Kontroller at masken er målrettet (det skal være en hvit kant rundt miniatyrbildet) og fyll det med det nye mønsteret ved å bruke Rediger> Fyll ut kommando. Sett Bruk til Mønster og velg det nyopprettede mønsteret fra bunnen av listen over Tilpasset mønster fall ned.

Dette vil fjerne skyggen fra de øverste delene av blokkpinnene og bare la den sees i områdene rundt og mellom pinnene.

Trinn 6

Nå skal vi skape en skygge for toppdelen av pinnene som bare er litt motvirket fra gjeldende kasteskygge. Dupliserer Shadow1-laget ved å trykke Kontroll-J.

Vi vil at masken i dette laget skal vise toppdelen av pinnene, som er motsatt av den nåværende funksjonen. Mål masken på kopien ved å klikke på miniatyrbildet. Trykk deretter på Kontroll-I til Inverter masken.

Trinn 7

Nå for å skifte skyggen litt for å gi utseendet at det følger konturene til pinnene. Først må du målrette det faktiske laget, ikke masken, ved å klikke på lagets miniatyrbilde. Deretter fjerner du laget fra masken ved å klikke på ikonet for liten kjede-link mellom de to miniatyrbildene. Dette vil holde masken på plass mens vi beveger laget rundt.

Trinn 8

Nudge nå denne skyggen og til venstre ved å trykke på Pil opp nøkkel og den venstre pilen nøkkel fem ganger hver. Denne subtile offset gir cast shadow et mye mer realistisk utseende.

8. Legg til en plastisk utseende

Det øverste laget av blokker er nesten ferdig. Det trenger bare noen få mindre detaljer, slik at det virkelig ser ut som ekte plastblokker.

Trinn 1

Begynn med å legge til en Bevel og Emboss Lagstiler med a Dybde av 32% og Størrelse av 3 px.

Deretter en Drop Shadow stil meddeopacity satt til 69%, Avstand av 7px og Størrelse av 9 px.

Dette gir det øverste laget av blokker en enda mer realistisk belysningseffekt.

Steg 2

For å forbedre plastens utseende enda mer, bruk en subtil filtereffekt. Men først, velg StatueBlocks og BlockPattern-lagene og opprett et sammensatt lag av dem ved å holde nede alt og går til Lag> Sammenslåtte lag (Control-E) 

Trinn 3

Gå til Filter> Filter Gallery  og åpne kunstnerisk mappe og velg Plastfolie filter. Sett Fremhev styrke til 5, Detalj til 1. 3, og glatthet til 5.

Deretter reduseres lagets opacity til 40% for å gjøre effekten svært subtil.

Trinn 4

For å gjøre det enda mer visuelt klart at toppnivået av blokker er over det lavere nivået, legg til en liten sløring til det nedre nivået av blokker. Dette simulerer den samme ideen om et fotografisk fokuspunkt. Velg BackgroundBlockPattern lag og gå til Filter> Uklarhet> Gaussisk uskarphet og sett Radius til 0,4 piksler.

På dette tidspunktet bør prosjektet ditt se ut som dette:

9. Utvid lerretet

Det øverste laget av blokker er ferdig, så nå er det på tide å gå videre til grunnlaget. Men først lerretet krever justering for å skape rom for skyggeeffekten. Det var viktig å begynne med en strammere lerretstørrelse for at Mosaic-filteret skulle fungere skikkelig.

Trinn 1

Lås opp bakgrunnslaget ved å klikke på Låse ikon til høyre for lagnavnet i lag panel. Dette vil endre laget fra Bakgrunn til Lag 0.

Steg 2

Gå til Bilde> Lerrets størrelse og sett Bredde til 1036 piksler og Høyde til 1560 piksler. De Slektning Avkrysningsruten må ikke kontrolleres og Anker må være i standard senterposisjon.

Trinn 3

Legg til en Drop Shadow lag stil til Lag 0 lag. Sett Avstand og Størrelse både til 5 piksler.

Trinn 4

Legg til et nytt lag under laget 0 ved å holde nede Styre tasten mens du trykker på Lag et nytt lag ikonet i lag panel.

Fyll dette laget med hvitt ved å gå til Rediger> Fyll ut og velg Hvit fra Bruk fall ned.

Slik ser prosjektet ut på dette tidspunktet:

10. Kast den endelige skyggen

Basislaget av blokker sitter på en flat overflate, bildet, og skaper den støpte skyggen er mye enklere.

Trinn 1

Gjør den samme teknikken som det øverste nivået av blokker for å lage gjenget skygge: Lag et lag under BackgroundBlocks lag for å holde skyggen

Steg 2

Lag et utvalg fra BackgroundBlocks lag maske og fyll den med svart, og oppveier deretter skyggen ned og til høyre.

Trinn 3

Bruke Polygonal Marquee Tool satt til Legg til i utvalg å velge de diagonale områdene skyggen ville falle på. Fyll deretter det valget med svart.

Trinn 4

Avbryt valget med Kontroll-D og kjøre Gaussian Blur filter med a Radius av 3 piksler.

Trinn 5

Sett laget Blend Mode til Multiplisere og redusere opacity til 20%

Trinn 6

I stedet for å sette de samme lagene på nytt, bare Høyreklikk "Fx" ikon fra StatueBlocks lag og velg Kopier lagsstil. Deretter HøyreklikkBackgroundBlocks lag og velg Lim inn lagstil.

Husk å lagre filen fordi du er ferdig!

Fantastisk arbeid, du er nå ferdig!