Cum se creează o cameră de artă pixel izometric în Adobe Photoshop

Ce veți crea

Creați propria casă! În acest tutorial vă voi arăta cum să creați o cameră de artă pixel izometric.

Găsiți mai multe inspirații incredibile ale artei izometrice pentru desenele dvs. pe GraphicRiver.

Tutorial Active

Următoarele materiale vor fi utilizate în timpul acestui tutorial:

  • room.zip

Introducere

Înainte de a începe să lucrăm la acest tutorial, descărcați fișierul zip și instalați modelul. Pentru a face asta, du-te la Editați> Presetări> Manager prestabilit. Schimbare Tip presetat la Modele de.

După aceea, faceți clic pe Sarcină , găsiți fișierul de tipar pe dispozitivul dvs. și apăsați Sarcină. Asta e tot - acum modelele au fost adăugate. De asemenea, puteți trage și plasa fișierul de tipar în Photoshop.

Nu uita Salvați imagini de pe computer. Vă va ajuta să obțineți același rezultat.

1. Cum se creează o bază a camerei

Pasul 1

Alegeți Culorile implicite ale primului și fundalului (D). Ține minte că Anti-alias ar trebui să fie nesecate pentru toate instrumentele pe care le vom folosi în acest tutorial.

Deschideți Photoshop (folosesc Photoshop CS6), mergi la Fișier> Nou, și să creeze un nou 412 x 395 px documentul ( Conținut de fond ar trebui să fie alb).

Pasul 2

Mergi la Strat> Nou> Grup pentru a crea un nou grup cu denumirea Cameră. Creeaza o Strat nou (Strat> Nou> Strat) din acest grup.

Pasul 3

Alegeți Instrumentul pentru creion (B) și să creeze două linii în formă de L ale căror dimensiuni sunt 192 x 1 px în ambele direcții (cei doi pixeli central se suprapun reciproc). Sunt doi pixeli peste fiecare pixel. Distanta dintre linii este 170 px.

Pasul 4

Alegeți Lasso Tool (L) cu necontenit Anti-alias, și selectați linia inferioară. Duplicat și Roti de 180 °. Plasați-l sub celelalte linii. Alegeți Instrumentul pentru creion (B) și conectați părțile superioare și inferioare.

Pasul 5

Aici am început să adaug un contur de cameră care arată volumul cărămizii. Șterge toți pixelii inutili (marcați cu culoarea roz). Schimbați numele stratului în "Cameră".

Pasul 6

Alegeți Magic Wand Tool (W) cu necontenit Anti-alias, și faceți clic pe pământ. Creeaza o Strat nou, și completați-l folosind Culoarea primuluiDublu click cu mouse-ul pentru a aplica următoarele Stratul de stil. Adauga o Suprapunerea modelului cu aceste setări:

  • Mod amestec: Acoperire
  • Opacitate: 100%
  • Click pe Model și selectați modelul planșeului
  • Scară: 100%

Pasul 7

Reveniți la Cameră strat. Selectați pereții folosind Magic Wand Tool (W) cu Neverificate anti-alias. Creeaza o Strat nou, și completați-l folosind Prim plan CuloareDublu click cu mouse-ul pentru a aplica următoarele Stratul de stil. Schimba Umpleți opacitatea la 0%.

Adauga o Suprapunerea modelului cu aceste setări:

  • Mod amestec: Acoperire
  • Opacitate: 100%
  • Click pe Model și selectați modelul tapetului
  • Scară: 100%

Pasul 8

Reveniți din nou la stratul camerei. Umpleți toate golurile.

Pasul 9

Alegeți Instrumentul pentru creion (B) și modificați culoarea liniilor interioare negre, utilizând următoarele culori:

  • Podea: # b78c71 
  • A sublinia: #FFFFFF
  • Perete: # 4c848d

Pasul 10

Creați o placă de pliere utilizând # bbb9b6 și #FFFFFF colorate. contopi toate straturile din grup. Ascunde grupul.

2. Cum să creați o canapea

Pasul 1

Alegeți Culorile implicite ale primului și fundalului (D).

Mergi la Strat> Nou> Grup pentru a crea un nou grup. Tip Canapea în Nume camp. Creeaza o Strat nou (Strat> Nou> Strat) din acest grup.

Pasul 2

Alegeți Instrumentul pentru creion (B) și desenează două linii în formă de L 18 x 1 px în Lăţime și 66 x 1 px în Adâncime (40 px între ele).

Pasul 3 

Alegeți Lasso Tool (L), și selectați linia superioară. Duplicat și Roti prin 180 °. Plasați-le deasupra celorlalte linii. Alegeți Instrumentul pentru creion (B) și conectați părțile superioare și inferioare. Șterge orice pixeli inutili.

Pasul 4

Umpleți golurile între linii utilizând # f8f8c6, # d8d0a0 și # 7f7757 colorate.

Pasul 5

Modificați culoarea de evidențiere la # f8f8e8. Seteaza Culoarea primului la # 4e4135. După aceea, alegeți Instrumentul de găurit cu vopsea (G), Debifați contiguu, și faceți clic pe Negru. Cotiera dreapta este gata.

Pasul 6

Duplicat cotiera dreaptă și împingeți-l la stânga 112 px (și în sus 56 px).

Pasul 7

Folosind aceeași tehnică, culori și unelte, creăm alte cutii pentru canapeaua noastră (fiecare element dintr-un strat separat).

Pasul 8

Combinați toate cutiile și faceți canapeaua noastră. Ascunde grupul.

3. Cum să creați un covor

Pasul 1

Înainte de a continua, alegeți Culorile implicite ale primului și fundalului (D).

Mergi la Strat> Nou> Grup pentru a crea un nou grup. Tipul "Covor"în Nume camp. Creeaza o Strat nou (Strat> Nou> Strat) din acest grup.

Pasul 2

Desenați linii ale căror dimensiuni sunt 146 x 1 px în Lăţime și 138 x 1 px în Adâncime (primii doi pixeli ai fiecărei linii se suprapun).

Pasul 3

Duplicat stratul și treceți prin 10 px. Repetați acțiunea. Ca rezultat, veți obține trei straturi cu linii în formă de L. contopi toate acestea, și Șterge pixeli inutile (marcate cu culoarea roz).

Pasul 4

Să adăugăm liniile de sus pentru covor. Mergi la Strat> Strat duplicat la Duplicat stratul. Apoi du-te la Imagine> Rotire imagine> 180 ° la Roti aceasta. Plasați copia deasupra celorlalte linii. contopi ambele straturi.

Pasul 5

Alegeți Instrumentul de găurit cu vopsea (G) și umpleți golurile între liniile folosind # 73719c și # b5b2de culori. Seteaza Culoarea primului la # 504f76 și faceți clic pe liniile negre. Ascunde grupul.

4. Cum se creează o masă

Pasul 1

Înainte de a continua, alegeți Culorile implicite ale primului și fundalului (D).

Mergi la Strat> Nou> Grup pentru a crea un nou grup. Tip Masa în Nume camp. Creeaza o Strat nou (Strat> Nou> Strat) din acest grup.

Pasul 2

Am adăugat o linie a cărei mărime este 62 x 1 px (acestea sunt de două pixeli înăuntru pentru fiecare pixel în jos). Va fi lățimea mesei noastre.

Pasul 3

Și acum adăugați o adâncime.

Pasul 4

Să adăugăm linii de sus pentru masă. Alegeți stratul cu linia în formă de L și Duplicat aceasta. Mergi la Imagine> Rotire imagine> 180 ° la Roti aceasta. contopi straturi și umple, folosind # dfbf8e culoare.

Pasul 5

Mergi la Strat> Strat duplicat la Duplicat stratul. Selectați stratul original și mutați-l 4 px. Conectați-le folosind Instrumentul pentru creion (B). contopi toate straturile în Masa grup.

Pasul 6

Alegeți Instrumentul de găurit cu vopsea (G) și umpleți partea frontală și adâncimea folosind # c9a979 (mai ușoare) și # 95675a (mai întunecate). Alegeți Instrumentul de ștergere (E) și Șterge câțiva pixeli (am adăugat niște marcatori roz pentru a arăta cele inutile).

Pasul 7

Seteaza Culoarea primului la # f4e1c3 și trageți un punct culminant, folosind Instrumentul pentru creion (B). Schimba Culoarea primului la # 2b2b2b. Alegeți Instrumentul de găurit cu vopsea (G), debifează contiguu, și faceți clic pe linia neagră.

Pasul 8

Creeaza o Strat nou și mutați-l în partea de jos a Masa grup. Desenați piciorul mesei (utilizați # 404968 culoarea pentru contur, # 6b949c pentru partea întunecată și # c5eaf0 pentru a evidenția).

Pasul 9

Duplicat stratul de trei ori și mutați-le la locul lor. contopi toate straturile din grup. Ascunde stratul.

5. Cum să creați un televizor

Pasul 1

Înainte de a continua, alegeți Culorile implicite ale primului și fundalului (D).

Mergi la Strat> Nou> Grup pentru a crea un nou grup. Introduceți "TV" în Nume camp. Alegeți cea mai subțire cutie a canapelei și Duplicat acel strat. Deplasați copia la televizor grup. Alegeți Instrument de marcaj dreptunghiular (M) și selectați partea inferioară a casetei. Click dreapta selectați și selectați Strat prin tăiere. Mutați stratul nou în jos 16 px. contopi straturile din interiorul grupului. Conectați liniile și completați golurile.

Pasul 2

Modificați culorile:

  • Superior: # 6e7488
  • Față: # 525663
  • Latură: # 383c45
  • A sublinia: # 818796
  • Contur: # 20232e

Pasul 3

Alegeți Instrumentul pentru creion (B) și trageți un ecran. Completati folosind # 000000 culoare.

Pasul 4

Seteaza Culoarea primului la # 000000 și să atragă difuzoarele. contopi toate straturile din grup. Ascunde stratul.

Felicitări, sunteți gata!

Faceți toate grupurile și straturile Vizibil. Mergi la Fișier> Locul pentru a plasa elemente suplimentare (imagini, ghiveci). Sortați grupurile și straturile. Plasați elementele așa cum doriți. Vă arăt o singură opțiune pentru modul în care pot fi plasate.

Aici este imaginea finală (la 100%). Sper că v-ați bucurat de tutorial și nu uitați să vă împărtășiți rezultatul cu noi!

Și pentru mai multe tutoriale ca acesta, consultați Tutorialul nostru Izometric aici pe Envato Tuts +: