Share
Pixelillustrationer är perfekta för att skapa datorikoner, isometriska bilder och till och med hela scener. De kan göras snabbt och enkelt med Photoshop med några snabba tweaks till inställningsinställningarna.
Den enda nackdelen är dock att pixelkonsten ser bäst ut när varje pixel har placerats för hand i motsats till att använda vissa Photoshop-filter. Det är rätt, placerat för hand - jag vet att det här låter lite galet, särskilt när vissa pixel scener har tusentals pixlar i dem. Men utan handplacering kan din pixelkonst se ut som en dålig Lo Res-bild, så akta dig!
Jag tror att en bra tumregel innan du börjar är att du borde kunna se din skapelse tydligt som en grupp av olika färgade kvadratiska tegelstenar, men om du skvaller och suddar dina ögon kan du göra det som en bild. Tänk dig att du gör en kakelmosaik, bara du behöver inte någon injekteringsbruk.
Nedan är en komplett bit pixelkonstverk, vi skapar några av de mer grundläggande delarna i det här arbetet.
OK, låt oss sätta upp för ritning. Bara om du inte har en kopia av Photoshop finns det några gratis dedikerade Pixel-ritningsprogram tillgängliga för gratis nedladdning:
Jag har haft en lek med båda programmen, men kom tillbaka till Photoshop eftersom jag är van vid tangentbordskommandon.
Om du använde borstverktyget med en hel del 9 pixlar istället för 1 kommer du att få anti-aliasing och det kommer att förstöra pixel-effekten på hård kant. Så håll dig till 1 pixel. "Håll det lutet, mena det," som min mamma brukade säga.
När din pixeldragning visas 100% (faktisk storlek) är pennaverktyget vid 1 pixel bred mycket liten, så det kan vara svårt att se och manipulera. En idé är att förstora visningen till 800% så att du kan se vad du gör. Jag har ofta ett 2: a fönster öppet i Photoshop med samma skärmvy på 200% så jag kan snabbt se hur min ritning ser upp nära och även lite längre bort samtidigt.
Vi kan spara vårt arbetsdokument som en PSD-fil och exportera för webbanvändning senare som en GIF-fil. Vi kan också förstora filen efteråt och bli en TIF för CMYK-utskrift.
Lean & Mean
OK, låt oss gå på att dra något som den här öppna boken. Med pennverktyget ritar runt kanten för att skapa din svarta kontur. Fyll sedan i de plana färgerna på sidan och bokmärket.
Skapa tanken på text på sidan med några enkla pixellinjer. Se hur vi lägger en liten kink i linjen för att ge intrycket av en liten kurva på sidan.
Slutligen lägg till några höjdpunkter ner i mitten av sidorna och sidan av bokmärket. En fin liten touch är en enda pixelhöjd längst ned på utsidan av varje sida, det ger bara en ledtråd på en sidokant istället för att vara ett solidt block.
När du väl har grunderna i konturer, färger, höjdpunkter och skuggning kan du prova med att bygga andra enkla former.
Pixelikoner som de ovanstående kan utformas som en serie linjer som bara är 90º till varandra och är mycket kvadrater och rektanglar. Ibland kanske du behöver en linje i en vinkel.
Något att tänka på är vinklade linjer ser bäst ut när de är ett vanligt mönster. Om de är oregelbundna (som de som visas nedan) kan de vara klumpiga och råa när de ses små. Det andra exemplet nedan är mycket mjukare isometriska vinklar, vilket ser bra ut med pixeldragningar, men det är inte den 30º "iso" -vinkeln som du använde i Teknisk ritningsklass - det är faktiskt något närmare 26,5º. 30º ger tyvärr en klumpig linje på 100%. Om du gör en linje som regelbundet går 2 poäng över och 1 pekar upp får du 26.5º.
Ska vi försöka rita något annat som är lite mer geometriskt och använder mer av dessa linjemönster?
Den oregelbundna linjen kommer att se klumpig ut på 100%.
Jämna linjemönster i olika vinklar.
Linjerna längs längden är enkla, vi vet hur man gör dem nu, men vad sägs om de runda ändarna?
Dessa två är vanliga mönster men ändras från stora horisontella linjer ner till kvadrater och sedan till vertikala linjer. Det ser lite skurit ut men om du suddar dina ögon ser det ut som det är korrekt!
Kurvan längst upp till höger om loggänden är också det motsatta mönstret i den nedre vänstra sektionen. Jag räknar ofta pixlarna eller kommer ihåg vissa kombinationer. Pixel combo på cirkeln är ...
Lite knepigt att hänga på i början som att använda snyggare kurvor i Illustrator men du får snart en "känsla" för den. Längden på loggen är lätt: vi använder bara 2 längs 1 upp system och gör loggen så lång eller kort som vi vill.
Mindre koncentriska cirklar i slutet ger ett fint ringmönster och vissa områden med mörkare skuggning i botten av stocken ger det lite djup. Vi ger loggen en plan granfärg för att starta, och för att skapa djup kan vi skapa dithering genom att placera pixlar av kontrastfärg på var sida av våra högljus / lågljuslinjer.
Du kan bygga upp mönstren och göra dem mer komplexa. Försiktig men - ju mer realistiska och knepiga du försöker få den snyggare bilden kan visas om den är avsedd att reproducera i liten storlek.
Jag slängde in några fler slumpmässiga pixlar på logg nr 3, eftersom jag ville ha en grov look och kontrast lite med ekorren.
För den sista loggen arbetade jag i ett område av avskalad bark och en liten gren. Jag tyckte det var bäst att slutföra ett område eller en stil först och sedan arbeta mer detaljerat med den. Jag tror inte att jag kunde ha ritat den avskurna barkloggen med dithering mönstret från början - i stället har jag bara lagt till lag över överlagret. Enkla steg fungerar bäst!
Låt oss flytta på något lite mer oregelbundet, som en ekorre att sitta på vår logg. För något komplicerat så här är det bäst att börja med penna och papper.
Först jag ritade en isometrisk fyrkant på min sida för att få rätt dimensioner. Eftersom vi använder det här exemplet för redaktionella ändamål använde jag ett fotografi som referens. Sedan börjar jag skissera. Jag ägnar särskild uppmärksamhet åt vinkeln på både öron och fötter, eftersom jag vill att de ska följa isometriska linjer.
Som du kan se detaljer är mycket minimal - jag vill bara få den grundläggande formen och korrekta vinklarna först utarbetas. Vi gör resten av arbetet i Photoshop.
Ta med i skissen, sätt på ett nytt lager och spöke opaciteten så att du kan se pixlarna du ska skapa klart. Det är inte en hård och snabb regel men jag finner pixelteckning ser bäst ut när de har svarta konturer.
Här går jag runt min ekorre med pennaverktyget och skapar den svarta konturen. En sak som ska undvikas klämmer upp där konturpixlarna berör varandra på mer än en sida. Om du ritar en extra kvadrat, raderar du bara den med ditt suddgummiverktyg (hålls också med 1 pixel bredd, se den röda cirkeln) det kommer att se snyggare ut och publiken tackar för det.
Det ser fortfarande lite rotigt ut, men det kommer att forma sig! Keylines inuti illustrationen bidrar också till att ge det en djärv look, bara se till att de är en mörkaktig färg som inte är svart för att göra någon kontrast. Ring mig en radikal men jag gick med brunt på den här.
När formen är klar fyll det inre området med en fin mitttonfärg (mjukbrun) och kanske använd en ljusfärg för att få fram några höjdpunkter.
Den svarta konturen regeln är inte en hård och snabb, jag lämnade några svarta keylines under främre käften och tass som det blev svårt att se vad som händer.
Handen placera, ta bort, ändra pixlar är där färdigheten kommer in. Ibland. Men när du börjar hänga på det kommer du att kunna rita nästan allting - allt du behöver är lite tålamod. Hoppas det hjälper, och inspirerar dig att skapa ett bra eget arbete!
Här är några resurser för ytterligare pixelavläsning:
Prenumerera på Psdtuts + RSS-flödet för de bästa Photoshop-verktygen och artiklarna på webben.
Accentsconagua