Så här skapar du ett isometriskt pixelartrum i Adobe Photoshop

Vad du ska skapa

Skapa ditt eget hem! I denna handledning kommer jag att visa dig hur man skapar ett isometriskt pixelkonstrum.

Hitta mer otroliga inspirationer av isometrisk konst för dina mönster på GraphicRiver.

Tutorial Assets

Följande tillgångar kommer att användas under denna handledning:

  • room.zip

Introduktion

Innan vi börjar arbeta med den här handledningen, ladda ner zip-filen och installera mönstret. För att göra det, gå till Redigera> Förinställningar> Förinställd hantering. Byta Förinställd typ till Mönster.

Därefter klickar du på Ladda knappen, hitta vår mönsterfil på din enhet och tryck på Ladda. Det är redan nu mönstren har lagts till. Du kan också dra och släppa mönstret till Photoshop.

Glöm inte att Spara bilder på din dator. Det hjälper dig att få samma resultat.

1. Hur man skapar en bas av rummet

Steg 1

Välj Standard förgrunds- och bakgrundsfärger (D). Tänk på att Anti-alias bör avmarkeras för alla verktyg som vi ska använda i denna handledning.

Öppna Photoshop (jag använder Photoshop CS6), gå till Fil> Ny, och skapa en ny 412 x 395 px dokument (the Bakgrundsinnehåll borde vara Vit).

Steg 2

Gå till Layer> New> Group att skapa en ny Grupp med namnet Rum. Skapa en Nytt lager (Lag> Nytt> Lager) i denna grupp.

Steg 3

Välj Penna verktyg (B) och skapa två L-formade linjer vars storlekar är 192 x 1 px i båda riktningarna (de två centrala pixlarna överlappar varandra). De är två pixlar över för varje pixel ner. Avståndet mellan linjerna är 170 px.

Steg 4

Välj Lasso Tool (L) med Okontrollerat Anti-alias, och välj den nedre raden. Duplicera det och Rotera av 180 °. Placera den under de andra linjerna. Välj Penna verktyg (B) och anslut de övre och nedre delarna.

Steg 5

Här började jag lägga till ett rumschema som visar volymen av tegelstenen. Radera alla onödiga pixlar (märkta med rosa färg). Ändra skiktnamnet till "Room".

Steg 6

Välj Magic Wand Tool (W) med Okontrollerat Anti-alias, och klicka på marken. Skapa en Nytt lager, och fyll det med FörgrundsfärgDubbelklicka med musen för att tillämpa följande Lagerstil. Lägg till en Mönsteröverläggning med dessa inställningar:

  • Blandningsläge: Täcka över
  • Opacitet: 100%
  • Klicka på Mönster och välj golvmönstret
  • Skala: 100%

Steg 7

Återgå till Rum lager. Välj väggarna med hjälp av Magic Wand Tool (W) med Okontrollerade Kantutjämning. Skapa en Nytt lager, och fyll det med Förgrund FärgDubbelklicka med musen för att tillämpa följande Lagerstil. Ändra Fyll opacitet till 0%.

Lägg till en Mönsteröverläggning med dessa inställningar:

  • Blandningsläge: Täcka över
  • Opacitet: 100%
  • Klicka på Mönster och välj bakgrundsbildsmönstret
  • Skala: 100%

Steg 8

Återgå till rumskiktet igen. Fyll i alla luckor.

Steg 9

Välj Penna verktyg (B) och ändra färgen på de inre svarta linjerna med följande färger:

  • Golv: # b78c71 
  • Markera: #ffffff
  • Vägg: # 4c848d

Steg 10

Skapa ett plint med # bbb9b6 och #ffffff färger. Sammanfoga alla lager i gruppen. Dölj gruppen.

2. Hur man skapar en soffa

Steg 1

Välj Standard förgrunds- och bakgrundsfärger (D).

Gå till Layer> New> Group att skapa en ny Grupp. Typ Soffa namn fält. Skapa en Nytt lager (Lag> Nytt> Lager) i denna grupp.

Steg 2

Välj Penna verktyg (B) och rita två L-formade linjer 18 x 1 px i Bredd och 66 x 1 px i Djup (40 px mellan dem).

Steg 3 

Välj Lasso Tool (L), och välj den övre raden. Duplicera det och Rotera det av 180 °. Placera dem över de andra linjerna. Välj Penna verktyg (B) och anslut de övre och nedre delarna. Radera några onödiga pixlar.

Steg 4

Fyll mellanrummen mellan linjerna med # f8f8c6, # d8d0a0 och # 7f7757 färger.

Steg 5

Ändra markeringsfärgen till # f8f8e8. Ställ in Förgrundsfärg till # 4e4135. Därefter väljer du Paint Bucket Tool (G), Avmarkera Angränsande, och klicka på Svart skiss. Den högra armstöd är klar.

Steg 6

Duplicera höger armstöd och tryck den åt vänster 112 px (och upp med 56 px).

Steg 7

Med samma teknik, färger och verktyg skapar vi andra lådor för vår soffa (varje element på ett separat lager).

Steg 8

Kombinera alla lådor och gör vår soffa. Dölj gruppen.

3. Hur man skapar en matta

Steg 1

Innan du fortsätter väljer du Standard förgrunds- och bakgrundsfärger (D).

Gå till Layer> New> Group att skapa en ny Grupp. Skriv "Carpet"i namn fält. Skapa en Nytt lager (Lag> Nytt> Lager) i denna grupp.

Steg 2

Rita linjer vars storlekar är 146 x 1 px i Bredd och 138 x 1 px i Djup (de två första bildpunkterna överlappar varandra).

Steg 3

Duplicera skiktet och flytta sig genom 10 px. Upprepa åtgärden. Som ett resultat får du tre lager med L-formade linjer. Sammanfoga dem alla och Radera onödiga pixlar (märkt med rosa färg).

Steg 4

Låt oss lägga till de övre raderna för mattan. Gå till Layer> Duplicate Layer till Duplicera skiktet. Gå sedan till Bild> Bildrotation> 180 ° till Rotera Det. Placera kopian ovanför de andra raderna. Sammanfoga båda skikten.

Steg 5

Välj Paint Bucket Tool (G) och fyll i luckorna mellan linjerna med # 73719c och # b5b2de färger. Ställ in Förgrundsfärg till # 504f76 och klicka på de svarta linjerna. Dölj gruppen.

4. Hur man skapar ett bord

Steg 1

Innan du fortsätter väljer du Standard förgrunds- och bakgrundsfärger (D).

Gå till Layer> New> Group att skapa en ny Grupp. Typ Tabell i namn fält. Skapa en Nytt lager (Lag> Nytt> Lager) i denna grupp.

Steg 2

Jag lade till en rad vars storlek är 62 x 1 px (dessa är två pixlar över för alla pixlar ner). Det kommer att vara bredden på vårt bord.

Steg 3

Och lägg nu lite djup.

Steg 4

Låt oss lägga till de övre raderna för bordet. Välj skiktet med den L-formade linjen och Duplicera Det. Gå till Bild> Bildrotation> 180 ° till Rotera Det. Sammanfoga lager och fyll, använd # dfbf8e Färg.

Steg 5

Gå till Layer> Duplicate Layer till Duplicera skiktet. Välj originallagret och flytta det genom 4 px. Anslut dem med hjälp av Penna verktyg (B). Sammanfoga alla lager i Tabell grupp.

Steg 6

Välj Paint Bucket Tool (G) och fyll på framsidan och djupet med # c9a979 (ljusare) och # 95675a (mörkare) färger. Välj Eraser Tool (E) och Radera några pixlar (jag lade till några rosa markörer för att visa de onödiga).

Steg 7

Ställ in Förgrundsfärg till # f4e1c3 och rita en höjdpunkt med hjälp av Penna verktyg (B). Ändra Förgrundsfärg till # 2b2b2b. Välj Paint Bucket Tool (G), avmarkera Angränsande, och klicka på den svarta linjen.

Steg 8

Skapa en Nytt lager och flytta den till botten av Tabell grupp. Rita bordets ben (använd # 404.968 färg för konturen, # 6b949c för den mörka sidan och # c5eaf0 för höjdpunkten).

Steg 9

Duplicera skiktet tre gånger och flytta dem till deras plats. Sammanfoga alla lager i gruppen. Dölj skiktet.

5. Hur man skapar en TV

Steg 1

Innan du fortsätter väljer du Standard förgrunds- och bakgrundsfärger (D).

Gå till Layer> New> Group att skapa en ny Grupp. Skriv "TV" namn fält. Välj den tunnaste lådan i soffan och Duplicera det lagret. Flytta kopian till tv grupp. Välj Rektangulärt markeringsverktyg (M) och välj den nedre delen av rutan. Högerklicka valet och välj Layer via Cut. Flytta det nya lagret nedåt 16 px. Sammanfoga lagren inuti gruppen. Anslut linjerna och fyll i luckorna.

Steg 2

Ändra färgerna:

  • Övre: # 6e7488
  • Främre: # 525.663
  • Sida: # 383c45
  • Markera: # 818.796
  • Översikt: # 20232e

Steg 3

Välj Penna verktyg (B) och rita en skärm. Fylla det använder # 000000 Färg.

Steg 4

Ställ in Förgrundsfärg till # 000000 och rita talare. Sammanfoga alla lager i gruppen. Dölj skiktet.

Grattis, Du är klar!

Gör alla grupper och lager Synlig. Gå till Arkiv> Plats att placera ytterligare element (bilder, blomkruka). Sortera grupperna och lagren. Placera element som du vill. Jag visar dig bara ett alternativ för hur de kan placeras.

Här är den slutliga bilden (vid 100%). Jag hoppas att du tyckte om handledningen och glöm inte att dela ditt resultat med oss!

Och för fler tutorials som den här, kolla in våra Isometric Tutorials här på Envato Tuts +: