Create en isometrisk Pixel Art City Hall i Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.Create en isometrisk Pixel Art Billboard i Adobe PhotoshopCreate en isometrisk Pixel Art Park i Adobe PhotoshopWhat du vil være å skape
Hvis du har noen grunnleggende erfaring og eiendeler i isometrisk pixel kunst, vil du til slutt nødt til å gjøre noen større, landemerke bygninger. Så la oss få til det med en City Hall eller regjering slags bygning, med klassisk arkitektur og en kuppel og kolonner.
Du må ha litt erfaring med å gjøre bygninger. Hvis du ennå ikke har, kan du sjekke ut mer av leksjonene i denne serien, spesielt tegn, hus og leilighet bygningen tutorials.
1. Mål
Som vanlig, igjen, vil vi bruke en pixel art karakter å definere dimensjonene av elementene vi skal jobbe på.
Trinn 1
Dette bør være OK for et gulv høyde. En stor bygning som dette ville normalt ha svært høye nivåer, men siden det vil ha flere nivåer, og vil være en stor, klumpete ting likevel, vil jeg holde nivået høyden ganske begrenset.
De parallelle linjer her er adskilt med 80 px. Det er nyttig å holde dem i multipler av 10 px, fordi når du er Alt-nudging og flytte kopien med piltastene, kan du bare holde nede Shift-tasten, som endrer forskyvning fra en px per pilen trykk til 10 px .
Trinn 2
Vi vil gi våre bygningen tre hoved etasjer, så de ovennevnte parallelle linjer blir duplisert noen flere ganger.
Trinn 3
Dette vil være en ganske bred bygning, så her får vi til å definere bredden. Igjen, det er nyttig å gjøre dette tiltaket i multipler av 10 px. Det er ikke nødvendig, men vi er sannsynlig å finne det lettere senere å plassere elementene hvis alle linjer er lett delt inn i like deler.
Her, i blått, jeg har allerede merket det området av fasade som vil prosjektet ut en viss dybde.
Trinn 4
jeg tror ikke at generelt disse bygningene er så smal, men vi klarer å holde de mest ikoniske arkitektoniske elementer uten å kaste bort så mye av vår dyrebare pixel fast eiendom ved å gjøre vår bygning kort i dybden på denne måten:
2. Volumene
Størrelsen på den viktigste delen av bygningen har blitt bestemt, men vår rådhuset vil ikke være en så enkel boks form.
Trinn 1
La oss starte ved å projisere ut inngangspartiet, hvor vi vil senere legge dører, søyler og et par forskjellige arkitektoniske elementer
det trenger ikke å projisere ut av mye.; Herfra er det bare 10 px foran resten av veggen.
Trinn 2
Vi vil begynne å jobbe på kuppelen, og vi vil starte med å lage en firkant så stor som mulig, sentrert på taket av bygningen. Det spiller ingen rolle om det er bredere enn inngangspartiet utstikket.
Trinn 3
La oss arbeide på denne plassen på et nytt lag. Vi bør lage en sirkel som vil markere fotavtrykk av kuppelen, eller i det minste den delen hvor kuppelen møter resten av strukturen.
Vi skal gjøre en litt mindre indre torget.
< p> Finn midten.
Og lage en sirkel fra midten og ut til kantene av plassen. Du kan gjøre dette med Elliptical Marquee Tool. Mens du trykker Alt, begynne å lage sirkelen. Kantene bør oppfylle den indre firkantsidene, men viktigst, bør bredden av sirkelen være det dobbelte av høyden; verktøytipset skal gi deg bredde og høyde målinger
Når du har gjort ditt sirkel, fyll den med litt farge og deretter kontrakt. (Velg > Endre > kontrakt ...) utvalget ved en px og slett inne fyll.
Behold en kopi av dette som en veiledning for fremtidig plassering.
Trinn 4
Nedenfor kuppelen vi kommer til å legge noen vegger, ikke i den samme form av sirkel, men nesten. Med polygonverktøyet opprette en 16-kantet polygon. Prøv å få to sider helt horisontalt (derfor to sider vil også være loddrett)
Denne formen kan være anti-alias-vi bare bruke den som en guide.
Trinn 5
Flytt polygon til et nytt lag, og skalere det til 50% vertikalt.
Deretter plasserer den rett over torget med sirkelen og skalere det til å matche sirkelen, slik at det bare er litt større enn . sirkel
og på et annet lag tegne polygon, men med fin vanlige pixel art linjer, unngå jaggedness så mye som mulig, slik:
nå har vi vår sirkel og polygon. Du kan bli kvitt den polygon guide now.
Trinn 6
Ta polygon, replikere den og legger den en gulvhøyde høyere.
Trinn 7
< p> Koble sidene og hjørnene vertikalt og bli kvitt de bakre rekker.
Trinn 8
nå plasserer sirkelen høyre på toppen og sentrert.
Trinn 9
Bli kvitt de firkantede ledelinjer. For å gjøre kuppelen vi bruker en kule, som i isometrisk, som i de fleste visninger, vil se ut som en perfekt sirkel; rett og slett sørge for at bredden passer sirkelen bredde
Vi trenger bare toppen av sirkelen..
Plasser den over sirkelen og koble den med vertikale linjer
< p> Rydd opp de bakre rekker.
Og du har konturene for kuppel.
Trinn 10
Over kuppelen vil det være en mer mindre struktur. Dens fotavtrykk vil være åttekantet, men å først etablere sine dimensjoner vi kan starte med et rektangel (dobbelt så bred som den er høy).
Så, i likhet med den prosessen vi brukte med 16-kantet polygon, vi kan plassere en åttekant med høyde og bredde matche rektangelet og bruke det som en guide for footprintet vi ønsker.
Retrace oktogonen, slette guider og flytte den til sin endelige posisjon, nesten berører toppen av kuppel.
Trinn 11
Extrude det opp, i likhet med hvordan det ble gjort med 16-kantet polygon.
Trinn 12
Og nå har vi er klar til å plassere kuppelen på bygningen. Det bør være sentrert på toppen av bygningen.
Og rydde opp ledelinjer.
Trinn 13
La oss legge en mindre kuppel på toppen av åttekantede bygningen. Start med en sirkel som passer fint i toppen oktogonen form.
Og så en halvsirkel til toppen av det hele.
Trinn 14
Gjør de vertikale linjene for veggene.
Step 15
Vi er ikke ferdige med hovedvolumer. Vi er i ferd med å legge et tak, men la oss først legge til en annen viktig struktur. Det kalles en gavl, og det synes å være en viktig egenskap i slike bygninger:
Det er laget med en enkel trekant, venstre topplinjen være en rett horisontal og rett topplinjen være en perfekt 1: en diagonal. Da er det ekstrudert og farget.
Step 16
Nå la oss legge tak linjer. Du ønsker kanskje å gjøre dette i et nytt lag.
Fordi helling av sidene av taket vil være den samme på alle sider, og vi har en 3/4 visning, den øverste og nederste linjene vil være rett vertikaler. De eneste som trenger å definere er lengst til venstre og lengst til høyre linjer. Her valgte jeg å gjøre dem 4: 1. Og fra de punktene hvor de møter de vertikale linjer, vil det være en 2: 1 linje tvers
Step 17
La oss definere det punktet hvor disse tak linjer møte med kuppel struktur,. og fjerne den delen av linjen som skal bli hindret av kuppelen struktur.
Trinn 18
Vi vil at hele kuppelen struktur for å sitte høyere, like over toppen taklinjen. Vi vil bruke en ekstrudert oktogonen form til å støtte den opp.
Gjør en åttekant mye som den på toppen av kuppelen, men litt bredere og bare høy nok til å nå toppen taklinjen.
< h3> Trinn 19
Denne nye oktogonen formen vil delvis bli dekket av taket. Så vi må finne hjørne linjer mellom flatene på taket og oktogonen sider.
Disse linjene er veldig lett og vi har allerede brukt dem på gavlen, men i tilfelle du ikke har brukt det samme taket helling, ville vi trenger å logisk finne dem
Så her er en forkortet versjon av taket, og i rødt er merket pikslene som gjør sentrum av disse linjene.
Så nå vi trenger bare å koble prikker.
Vi kan fjerne baksiden som det vil være skjult av kuppelen struktur.
og vi har ganske mye et tverrslag på våre taket og linjene vi trenger å bruke mot en av sidene av oktogonen form.
Trinn 20
Her er de linjene brukt. De fungerer bare for den siden av oktogonen form. Vi trenger en annen vinkel for det forreste siden av oktogonen.
Trinn 21
Det vinkel er ganske lett å definere fordi høyre side av oktogonen var allerede møte på bunnen med taklinjen, slik at du bare trenger å koble sammen to allerede definerte punkter:
Prøv å gjøre hver linje regelmessig i motsetning til rufsete
3.. Vipper
Alle de viktigste figurene er fullført. La oss legge til farge!
Trinn 1
Jeg valgte aquamarine for taket, akkurat som fargen kobber svinger med alderen. Det så ut til å gjenta seg i mine referansebilder.
Og til veggene en lys krem, nesten hvit, farge. Ingen overraskelse der.
Trinn 2
La oss legge litt variert skygger på veggene. Det er ganske enkelt å gjøre for de viktigste etasjer, men litt mer komplisert på kuppelen struktur; du trenger flere farger for denne delen, selv om jeg ikke anbefale å bruke en ny farge for hver og en av de syv synlige ansikter.
Veggene i 16-kantet polygon som møter på samme måte som veggene i de tre første etasjene bør logisk, har samme skyggelegging.
Husk å holde en lysere nyanse for de beste overflater.
Trinn 3
de ulike delene av taket vil også ha ulik skyggelegging. For kuppelen valgte jeg rett og slett å gjøre skyggelegging med et par konsentriske sirkler, selv om det kan være bedre alternativer som kan være nyttig å utforske.
Trinn 4
Vi trenger ikke så mange mørke linjer. Som vanlig vil vi hjørnene som peak ut til å være lettere enn overflatene rundt dem.
Trinn 5
Og vi trenger heller ikke alle dalens hjørner for å være svart, bare mørkere enn flatene rundt dem. Dette gjør dem mykere, senker kontrasten og hjelper formidle møtet av overflatene.
4. Detaljer
Vi kan ikke gjøres med farge akkurat, men det er på tide å takle resten av arkitektoniske elementer. En hel haug med detaljer
Trinn 1
La oss legge noen vinduer til kuppelen struktur. Vi kan rett og slett velge nederste linjen i åttekantet struktur og kopiere den et par ganger for å få de beste kantene og nedre kant av vinduene. Det er lurt å gjøre dette på et nytt lag.
Trinn 2
Nå definerer vi høyre og venstre side for vinduene på hver synlig ansiktet av 16-kantet polygon.
Trinn 3
Du kan kopiere disse nye vindusrammer til et nytt lag og flytte dem til å bli innsiden av vindusrammene. Dette vil gi en tykkelse på veggen rundt.
Det er ikke nok til å plassere rektanglene høyere de må være i overensstemmelse veggen som de tilhører, så de bør være dypere vinkelrett i forhold til den veggen.
Trinn 4
Bli kvitt de ekstra linjer og flette.
Trinn 5
Bruk riktig skyggelagt vegg farge på de synlige sidene, og høydepunkter å peak hjørnene.
Trinn 6
Og nå la oss bruke de horisontale linjene for å lage detaljer på vinduene.
Trinn 7
Deretter legger noen linjer vertikalt for å fullføre hovedlinjene for vinduene. Og fyll med riktige farger.
Trinn 8
myke opp mørke linjer ved å gjøre dem litt lettere. Jeg liker å legge en litt mørkere linje som et glass effekt-det er ment å være en refleksjon av vindusrammen.
Trinn 9
Nå skal vi fullføre strukturen på toppen av kuppel. Det vil være ganske enkel.
Først må du lage en liten kolonne, farge det, og skyggen den. Deretter plasserer kolonnen hvor hjørnene går. Rydde opp og legge til litt av en vegg med noen dekorative detaljer.
Trinn 10
Her er tippy toppen struktur plassert over kuppelen.
Arbeidet med kuppelen er fullføre nå.
Trinn 11
La oss legge til litt detaljer til gavlen. Hvis du søker etter referanser, kan disse være svært detaljert og inkluderer en scene med mange menneskers statuer. Men la oss holde det enkelt for nå.
Vi vil bare gjøre et par konsentriske trekanter.
Trinn 12
Legg til litt dybde til det, farge på riktig måte, og at bør være det for vår gavlen.
Trinn 13
Vi kan kvitte seg med inngangen utstikket for andre og tredje nivå. Vi vil ha det på samme nivå som resten av veggen med unntak av søylene vil vi legge til senere.
Trinn 14
Nå la oss legge til noen regelmessig spredt parallelle linjer til andre etasje. Siden vi gjorde gulvhøyde et multiplum av 10 px, kan disse linjene være 10 px i mellom.
Jeg er ikke sikker på hva disse linjene er kalt, men de er svært vanlig i slike bygninger. Vi trenger bare bruke dem i første etasje
Trinn 15
Selvfølgelig vil de ikke være svart.; de vil være en subtil bit av detaljer, så gjør dem bare litt mørkere enn fargen på veggen (10% lavere lysstyrke for eksempel), og rett under det legge en myk høydepunkt i tillegg.
Også, la oss legge litt av en utstående hylle til denne første etasje og på taket.
Trinn 16
nå la oss legge til noen vinduer. Det kan være lettere å starte på den smalere veggen av bygningen.
Du kan bare ta et vindu av kuppelen (fra polygon veggen med samme vinkel som den smale bygningen veggen har), og plassere den multiple ganger med jevne mellomrom på veggen.
Trinn 17
nå kan du respektere det samme avstand til vinduene på forsiden. De bør være ganske lett å plassere; Hvis det er plass til en ekstra rad med vinduer, legge til en ekstra rad. Også disse vingene til bygningen er ganske lett å justere; gjøre dem kortere eller lengre, uten mye effekt på resten av figurene.
Når du legger dem, vil du ønsker å huske på at i første etasje, de parallelle linjene kunne eller burde gå rundt vindusrammene .
jeg har også lagt til en liten bit av detaljer rett under toppen hylle.
Husk å sjekke rikelig med referansebilder og trekke fra dem så mye detalj som du vil. Her er hvordan jeg skal plassere fasade kolonner. De vil ikke være så firkantet eller tykk, så la oss komme til å gjøre dem riktig. La oss skjære disse kolonnene. Du trenger bare å jobbe på en, selvfølgelig, og resten vil bli kopiert. Først vil du tegne en sirkel som ikke går forbi boksen grense. Det vil være grunnlaget, så du trenger en mindre sirkel over det og deretter la mindre sirkel definere bredden på kolonnen. Den øverste kan være noe spesielt eller bare en større krets som i base, men la oss i stedet gjøre det som kalles volutes. De er bare en runde /spiral dekorasjon. Du kan starte med en liten "sirkel" (det er mer av et avrundet hjørne rektangel) og deretter slå den inn i en liten spiral. Det må gjøres på to ulike retninger (høyre og venstre) og, selvfølgelig, de må respektere isometrisk vinkel. Deretter plasserer volutes på kolonnen, legge til farge og skyggelegging, og myke konturene. Du har kolonnene. Her de blir brukt på bygningen. det ser litt for enkelt for min smak der kolonnene møte med gavlen, så jeg lagt til en ekstra rad med piksler, ligner på hylle på taket. Det betyr forkorte kolonnene et par piksler. Også den forreste kolonne hatt en mer fri sikt, så det var nødvendig å legge til flere detaljer i den. Jeg har lagt til en ekstra pumpehuset. Vi vil legge vinduer mellom kolonnene-la oss gjøre dem litt annerledes enn resten. Så her gjorde jeg en høy vindu med en mindre en over den. Og jeg ga større vindu en buet topp ved først å lage en sirkel med bredden av vinduet, så forvrenger det 26,5 vertikalt, bruk den øverste omrisset til vinduet og fjerne resten. Her de er plassert. Vi kan ta de samme vinduene, og bruke dem til midten i første etasje (de vil ta noen korte vertikalt) for å ha inngangsdører har også buet topper. Rydd opp unødvendige piksler, og begynne å konvertere et av vinduene i en dør. Legg til noen minimal detaljering på døren. Når dette er gjort, duplisere for resten av innganger. Og byggets komplett! Her jeg lagt bare en liten bit av tekstur til taket, og gjort de nederste linjene som skal møte bakken litt mykere. Du fikk Rådhuset gjort! En stor og kompleks bygning, et landemerke for byen din og et viktig sted for pixel art borgere. Godt gjort! Jeg håper dette var ikke for mye av en smerte å opprette og at bygningen viser seg stor. Prøv alternativer og varianter som du ser passer, legge et miljø til det, utvide byen din; himmelen er grensen.
Trinn 18
Step 19
Trinn 20
Trinn 21
Trinn 22
Trinn 23
Trinn 24
Trinn 25
Trinn 26
Gratulerer!