• Articles
• admin

för det mesta behöver vi högkvalitativa bilder och porträtt men ibland behöver vi lite pixelbild att använda i vår design eller vi behöver bara pixelkonst av någon bild av oss. Jag ska visa dig den exakta metoden för hur man gör pixelkonst Photoshop av något objekt eller porträtt från vilken bild som helst.

nu har du tagit din bild och du ville göra den pixelerad ser ut som gammal kul, retro, 8-bitars pixelkonst.

i den här situationen har vi Photoshop för att konvertera bilder till pixelkonst Photoshop gör dem pixelerade.

om du ville lära dig att konvertera pixelated logotyper eller ikoner till högupplösta ikoner sedan, klicka här!

nu om du ville lära dig hela tekniken för att göra denna pixelkonst i Photoshop, måste du bara hålla fast vid mig genom slutet av artikeln.

för i den här artikeln visar jag dig den ultimata steg-för-steg-guiden om hur man gör pixelkonst Photoshop och gör något som kul, retro, 8-bitars gammal pixelerad bild.

Steg 1: Ställa in en Pixel Art-fil

i Photoshop, gå till fil > Ny. Namnge det dokument du väljer. Ställ in filen till följande dimensioner:

• bredd till 500 px
• höjd till 500 px
• orientering till landskap
• upplösning till 50
• färgläge till RGB

klicka sedan på Skapa.

Steg 2: Öppna bild av ämne

öppna ett foto av någon eller något som du vill använda för det här projektet. För att göra det bara dra och släppa bilden av ämnet på dokumentet eller så kan du gå till fil > placera inbäddad.

detta kommer att be dig att gå till platsen för bilden och öppna den.

det första steget är att ändra storlek på det för att få de resultat vi vill ha.

om du vill beskära motivets botten i en cirkulär form öppnar du ditt elliptiska markeringsverktyg, går nära ett hörn och håller ned Skift-tangenten när du drar ett cirkulärt urval över det.

vi skär ut vårt ämne inuti valet genom att trycka på Ctrl eller Cmd + J för att göra en kopia av valet och vi kan nu bara dölja det nedre lagret.

klicka på ögonglobsikonen bredvid det nedre lagret för att dölja det.

steg 3: bakgrundsavlägsnande

därefter tar vi bort resten av bakgrunden bakom vårt ämne och maskerar ditt ämne.

det finns många sätt att göra detta och din metod bör bero på egenskaperna hos ditt foto.

för det här exemplet, om bakgrunden är ren vit eller någon färg, kan du använda my Magic Wand Tool.

du kan göra toleransen 10 och se till att ”sammanhängande” är markerad. ”Contiguous” kommer att säkerställa att endast det vita området utanför mitt ämne kommer att väljas.

så jag har olika typer av urvalsverktyg i Photoshop och några av dem använder också AI för att slutföra val.

• Rektangulär Partytält: Du kan välja rektangulära delar av en bild med det här verktyget.
• Lasso: detta val verktyg kan du rita din egen friform kontur av vad du vill välja. Detta fungerar bäst för de områden som inte kvalificerar sig som former.
• Snabbval: det här verktyget används som Lasso-verktyget förutom att det fungerar bäst på ett område med tydligt definierade kanter. Du drar musen och konturen ”snaps” till kanterna.

du kan använda Snabbvalsverktyg för att göra valet och om du vill vara helt korrekt om val kan du använda Pen Tool för att göra det.

men hur man gör val är inte handledningen så vi borde inte slösa tid på att lära oss att välja objekt.

använd något av markeringsverktygen du vill använda och gör ett urval av bakgrund och tryck sedan bara på Ta bort på tangentbordet för att ta bort bakgrunden från motivet.

för att avmarkera det, tryck Ctrl eller Cmd + D på tangentbordet.

steg 4: lägga till Stroke

nu måste vi lägga till en svart stroke runt vårt ämne för att få det att se ut som 8-bitars retro pixelkonst men allt beror på dig.

du kan hoppa över det här steget för att tillämpa stroke.

för att lägga till en stroke högerklicka på ämnesskiktet och välj Blandningsalternativ.

nu i blandningsalternativet välj Stroke och i strokeinställningarna.

Ställ in färgen på svart, storleken på 5 pixlar och positionen till ”utanför”. Klicka sedan på OK eller tryck på Enter eller retur.

Steg 5: konvertera till pixelkonst Photoshop

nu måste vi tillämpa vårt filter för att göra bilden pixelerad. Men innan vi konverterar vår bild till pixelkonst måste vi konvertera vår bild till ett Smart objekt, så vi kan lägga till filter och ytterligare justeringar av det icke-destruktivt.

för att göra detta högerklickar du på ämnesskiktet från lagerpanelen och klickar på ”Konvertera till Smart Object”.

nu kan vi tillämpa filter icke-destruktivt, så gå till Filter > Pixelate > Mosaic.

gör cellstorleken 10 kvadrat eller så kan du använda vilket värde du vill enligt dina önskemål.

steg 6: Lägga till funktioner i pixelkonst Photoshop

som du kan se har vi vår pixelkonst nästan klar men vi måste lägga till en funktion om vårt porträtt eller objekt måste visas korrekt.

därefter lägger vi till svarta och vita rutor för att accentuera vissa funktioner i vår karaktär. Jag ska visa dig 2 sätt att göra det.

först ska jag visa dig hur du gör det om du använder en version tidigare än CC. Sedan visar jag hur man gör det med CC eller senare, vilket har en exakt metod.

tidigare än Photoshop CC:

om du använder en version tidigare än CC skapar du ett nytt dokument genom att trycka på Ctrl eller Cmd + N eller gå till Arkiv och nytt. Gör bredden och höjden 10 pixlar vardera och upplösningen, 50 pixlar per tum. Färgen är svart. Klicka sedan på” Skapa ”eller”öppna”.

tryck på Ctrl eller Cmd + 0 för att se den på din duk i maximal storlek. Gå till Redigera och”definiera Brush Preset”. När det här fönstret visas klickar du bara på OK.

öppna tillbaka ditt pixelkonstdokument. Oavsett vilken version du använder, låt oss ta bort de lättaste rutorna längs kanten av din karaktär.

gå till Välj och ”färgområde”. Välj”Höjdpunkter”. Gör Fuzziness är 0% och intervallet är 1.

klicka på ikonen lagermask för att göra en lagermask av markeringen bredvid det aktiva lagret.

vi skapar ett nytt lager under det aktiva lagret genom att Ctrl-klicka eller CMD-klicka på ikonen Nytt lager. Vi använder detta lager som bakgrund.

för nu, låt oss fylla den med vit, och eftersom vit är vår bakgrundsfärg, tryck Ctrl eller Cmd + Delete. Klicka på det översta lagret för att göra det aktivt och skapa ett nytt lager ovanför det.

för versioner tidigare än CC, öppna pennverktyget och Pennväljaren. Den sista miniatyrbilden är den förinställning vi sparade tidigare.

klicka på den för att göra den aktiv och se till att dess opacitet är 100%.

denna första metod kräver stor omsorg för att anpassa den direkt över torget under den.

om den inte är exakt justerad trycker du på Ctrl eller Cmd + z för att ångra det sista steget och försök igen.

för att göra din pensel vit, tryck på ”x” på tangentbordet för att invertera dina förgrunds-och bakgrundsfärger.

Photoshop CC eller senare:

för dem som använder CC eller senare, gå till Visa och ”ny Guide Layout”. I kolumnerna och raderna skriver du in 50 pixlar vardera och håller allt annat ofylld och avmarkerad.

om du inte ser riktlinjerna trycker du på Ctrl eller Cmd + H. Lägg märke till våra riktlinjer passar perfekt med karaktärens rutor.

öppna ditt ”rektangulära markeringsverktyg” och se till att ikonen ”Lägg till i val” är aktiv. Detta lägger till ytterligare val till vår bild när vi gör dem.

gå till Visa och se till att ”Snap” är markerad, en brunn som, ”guider”. Detta kommer att säkerställa att de val vi lägger till, kommer att snäppa till rutnätet.

när du har gjort ett kluster av val, fyll det med svart och avmarkera det.

om du vill se din karaktär utan riktlinjerna trycker du på Ctrl eller Cmd + H. För att göra dem synliga igen, upprepa samma tangenttryckningar.

Steg 7: Justera färger och ljusstyrka

för att göra konsten mer pop behöver vi lägga till lite mättnad och kontrast till vår bild.

för att göra det går du till lagerpanelen och gör ett ljusstyrka/Kontrastjusteringslager och i dess inställning ökar kontrasten till cirka 20+ till 40+. Du kan också spela med ljusstyrkan för att få bättre resultat.

gå sedan till lagerpanelen och gör ett justeringslager för Nyans/Mättnad och öka mättnaden i sin inställning till cirka 10+ till 20+.

steg 8: lägga till ny bakgrundsfärg

nu kan vi lägga till en ny bakgrund till vår pixelkonst genom att importera den till dokumentet och placera bakgrundsskiktet under ämneslagret.

du kan bara skapa ett färglager och välja en ny färg och ta lagret under ämneslagret för att göra en bakgrundsfärg i vilken färg som helst.

slutsats

det här är några steg som du följer du kan göra pixelkonst i Adobe Photoshop på några sekunder. Läs bara artikeln en gång, prova det och du är bra att gå!

se till att kommentera din feedback och förslag om artikeln.

Vanliga frågor

• vad är pixelkonst?

svar: Pixelkonst är en form av digital konst, skapad genom användning av programvara, där bilder redigeras på pixelnivå. Estetiken för denna typ av grafik kommer från 8-bitars och 16-bitars datorer och videospelkonsoler, förutom andra begränsade system som grafräknare.

• var ska man göra pixelkonst?

svar: Det finns många onlineverktyg för att göra det men den mest mångsidiga programvaran där du kan göra pixelkonst i Adobe Photoshop.