Hur man gör pixeltecken

Vad du ska skapa

Om du någonsin har tänkt på att skapa pixelkonst, är det här en snabb och enkel introduktion till en av de mest grundläggande aspekterna av det: tecken.

Vi kommer att skapa en extremt enkel karaktär, men även om det blir enkelt, kommer det fortfarande att ge en anständig detalj, så det fungerar bra som en avatar för dig själv eller för att representera din favoritfilm eller TV-karaktärer eller kändisar.

Kan inte tänka på någon inspiration? Kanske arbete från en stock bild från Envato Market.

1. Skapa karaktärens kropp

Vanligtvis rekommenderar jag att du börjar med huvudet, och det är fortfarande en livskraftig utgångspunkt, men eftersom denna karaktär blir så enkel och dess proportioner kommer att vara något realistiska kommer kroppen att vara lika bra för att börja.

Du måste skapa en ny fil i Adobe Photoshop. Det kan vara 100 px av 100 px; tecknet jag gjorde är bara 28 px lång.

Steg 1

Låt oss definiera en hudfärg. Detta är 25˚ i Nyans, 40% Mättnad och 98% ljusstyrka, men välj vad som fungerar för dig.

Steg 2

Vi ska jobba med Penna verktyg med en 1 px punktstorlek och under en fin mängd zoom, som 800%.

Med vår nyskapade färg ritar du benen, vilket kommer att bli 2 px tvärs över med en tom pixel mellan varje ben ... det fungerar bra om du inte gör en chubbier karaktär.

Benens dimensioner hjälper oss att definiera resten av karaktären.

Du kanske vill prova dina egna dimensioner / proportioner, i stället för att bara följa mina, för att hitta det du tycker bäst om. Men om du vill att din karaktär ska se ut som min, då är benen ovan 9 px lång, och så är torso.

Steg 3

För att avsluta extremiteterna lägger vi armar på sidan; de är helt enkelt en extra pixel på sidan av torso. Vi lägger också till en extra rad pixlar längst ner på benen med en extra pixel på varje sida för fötterna.

Jag har också lagt till en rad pixlar för axlarna. Det är lite konstigt att kalla axlarna "rundade" men de saknade pixlarna ger en mer rundad och därmed mer naturlig look i slutet.

Steg 4

Slutligen lägger vi till huvudet, även med några "rundade" hörn. Jag gjorde det så brett som torso och 7 px lång.

2. Lägg till ansiktsfunktioner

Vår karaktär kommer att vara mycket minimal, begränsad av sin lilla storlek, men vi kommer fortfarande kunna lägga till lite detaljer.

Steg 1

Det finns bara tillräckligt med utrymme på ansiktet för att lägga till ett par ögon.

Jag valde att göra dem lite svagare (ca 15% mörkare) nyans än hudtonen. Jag ville inte ha för mycket kontrast där eftersom jag inte trodde att vi skulle kunna se ögonfärg på en så liten upplösning.

Steg 2

Låt oss lägga till lite hår. Jag använde en mörkbrun nyans och lade till en extra rad pixlar, så huvudet växte lite i storlek på grund av håret.

Steg 3

Lägg lite hår på sidorna av huvudet. Jag använde en ljusare färg som om den är kort eller antialiaserad. För att lägga till denna färg sänkte jag Opacitet av Penna verktyg till 50%, vilket kan enkelt göras genom att trycka på numret 5 medan Penna verktyg är på. Kom bara ihåg att returnera den till 100% efteråt (du kan trycka på numret 0.) Och slutligen gav jag min karaktär lite av en pompadour-frisör.

3. Lägg till kläderna

Kläderna kommer att vara där vi kan göra det mesta av vår anpassning. Denna stil drar nytta av att inte använda några pixlar på konturer, så även om karaktären är liten, tillåter den mycket detalj.

Steg 1

Låt oss få några byxor på karaktären. Skuggan här är en lågmättnad aquamarine, som jag använder för att representera blå jeans. För att prova variationer på färger, brukar jag Kopia det område jag färgar till a Nytt lager och öppna Nyans / Mättnad / Lightness panel (Bild> Justeringar> Färgton / Mättnad...) och flytta reglaget på den panelen tills jag gillar resultatet.

Steg 2

Lägg till några skor. Jag ska göra dem gymnastikskor och de blir nästan vita; Det finns verkligen inte mycket utrymme att ge dessa detaljer.

Jag kommer inte göra dem vita för att jag lämnar bakgrunden vit. En nackdel med att inte använda konturer är att om bakgrunden och förgrundsfärgerna är desamma kan viss detalj gå vilse.

Steg 3

Ge karaktären en tröja. Jag gillade hur den här färgen gick med byxans färg. Jag gjorde skjortan med korta ärmar och en V-nacke.

Steg 4

Som jag sa tidigare kan du lägga till en anständig mängd detaljer - kanske en slips eller någon grafik i mitten av skjortan. Jag lade till lite (låg kontrast) ränder.

Steg 5

Och äntligen ett annat lager av kläder: en jacka. Om du vill kan du också ge teckentillbehör som en väst eller en armbandsur eller hörlurar.

4. Skugga karaktären

Nu när alla karaktärs- och kläddetaljer är klara, lägger vi till en prydnad av skuggning som motsvarar karaktärens olika volymer.

Steg 1

Skapa en Nytt lager och i det ritar dina skuggor i svart.

Några av skuggorna här motsvarar huvudet som kastar en skugga över nacken och på jackan som kastar en skugga över skjortan. Resten motsvarar bara karaktärens volymer; benen är inte plana, så skuggning ena sidan förmedlar extra volym, och detsamma gäller för högra sidan av torso.

Armorna trodde jag var för små för att skugga.

Steg 2

Och för att applicera skuggningen, sänk bara Opacitet av skiktet till 15% eller någonstans där borta. Det kan du göra i Skikten panel eller också genom att trycka på 15 på tangentbordet, medan Flytta verktyget är vald.

Du kan då Slå samman (Lag> Sammanfoga ner) och exportera din grafik.

Sett på 100%, karaktären kan vara för liten att uppskatta. Så du kan Välj Det, Kopia det och skala om det till 200% eller 300% (Redigera> Gratis omvandling) med Interpolation satt till Närmaste granne.

Sedan Spara, helst som en PNG eller GIF, och du är klar!

Awesome, Karaktär Komplett!

grattis! Du har slutat pixelteckenet.

Självklart kan du nu göra fler av dem eller ta itu med något som ditt favoritrockband eller en grupp karaktärer du gillar från TV eller film, eller pixel dig själv eller dina vänner, etc..