skabe et hus i adobe photoshop isometriske pixel kunst, denne post er en del af en serie kaldet isometriske pixel art. skabe en isometriske pixel kunst karakter i adobe photoshopdress op til halloween i adobe photoshop med isometriske pixel kunst,,, hvad du vil lave,,, du har lavet en isometriske pixel kunst karakter, men hvor det karakter leve?det er tid til at lave et hjem for det!, ligesom med lego sæt bygninger er næsten hele pointen med isometriske pixel kunst.at de kan tage lidt tid, men det skal være sjovt!,,, hvis du ikke har været igennem, isometriske pixel kunst karakter, tutor - så må du hellere tjekke det ud først, og vi vil bruge de karakter fra denne lære, og at de photoshop tips allerede dækket.,,, 1.dimensioner, trin 1, er vi nødt til at finde ud af, hvordan størrelse elementerne i vores bygning.der er ingen grund til at blive alt for tekniske om det (vores karakter, er det ikke realistisk forhold).vi skal bare bruge rollen som en slags målestok og selv afgøre, hvor højt vi ønsker, døre, vinduer og tage til, at holde konsekvent miljøaspekter.,, så her er, hvor vi slap:,,,,,, nu lad os tage vores karakter og definere nogle af de højder, i et nyt lag - laver en "muren" på 2: 1 linjer, hver linje, 4px frem for den foregående (også som tre blanke pixels mellem hver linje).hvis vi vælger kun højder, der matcher disse linjer, vil det gøre at mønstre, som sten, eller træ, mere æstetisk ud senere.,,,,, trin 2, her er de højder, jeg har valgt til døren og også for loftet og anden etage.selv om vi ikke ser et loft og anden sal, en definition af disse linjer normalt er nyttig.,,,,, lad os holde vokser vores struktur, men ikke af meget.medmindre du ønsker at fjerne udsigt til det indre af bygningen, - - er det bedst at gøre bygningen er lige stor nok til at give idéen om, at det er et almindeligt hus.på denne måde kan vi være mere elementer i mindre plads, som er nyttige i en mere kompleks by scene, og alligevel er det at foretrække at gå ud, hvad er unødvendigt og overflødigt.i livet og i pixel art.,, trin 3, vil vi give ordet plan en l - form at tilføje kompleksitet til det; parlamentet vil se bedre ud af det, og vi vil komme til at udforske geometri.,, så vi behøver kun at vokse strukturen i en retning for nu.det her er tilsat længde til højre for døren:, 40px, fra døren er over den nye hjørne.,,,,, der er plads til en eller måske to vinduer.det kommer vi til senere.,, trin 4, lad os vælge en del af disse linjer, alat puf (eller kopi /pasta,) og flip - horisontale, og så det som ret over for mur, så udvider disse linjer, indtil de er, 50px, omfattende:,,,,, trin 5., nu vælge hele tilbage med mur og 10px, retten for væg (udvælgelse bør alt 60px, lang), alat puf, flip vandret, så den anden fordel for at gøre vores l:,,,,,, vi mangler bare ryggen linjer at afslutte l, men vi kun skal de med den øverste linje:,,,,, nu lad os lukke de former og fylde dem med farve på samme måde, som vi har terningen i den forrige lektion.lad markører for døren, og slette markør for loftet.,, trin 6, kan du gå til image > tilpasninger > farve /mætning let at se flere farver, muligheder og finde en, du kan lide.gå med jord toner, hvis du vil lave en mursten, eller farve, hvis du foretrækker træ bord tekstur eller fast og utekstureret vægge.,,,,, jeg har markeret med rødt noget, vi ikke møde før: "valley" hjørne.alle hjørner af terningen var "top" hjørner og lysere farve fungerer godt for dem.men for "valley" hjørner, lysere farve ikke giver mening, og sorte kan være alt for hårdt, så er den bedste måde at gøre dem med en 10% eller 15% mørk de mørkeste farven:,,,,, ser ud, som om vi har nogle af de vigtigste former, men vi mangler stadig noget meget vigtigt og en smule mere kompliceret., 2.vinkler, trin 1, vores karakter endnu ikke har tag over hovedet.tid til at dække det.,,, at skabe et nyt lag, og det gør en fast l - form, lige over overfladen. men det skal være bredere, da tage generelt er bredere end huse "fodaftryk.disse nye retningslinjer bør gå en linje af blanke pixels mellem de sorte linjer og to linjer af blanke pixels mellem lighter hjørner:,,,,, de nye retningslinjer vil være den nederste del af taget.,, trin 2, skabe et nyt lag, og drage nogle lodrette linjer fra disse to dele af l:,,,,, (den yderste højre linje ser ikke ud til at være lige om hjørnet, men det er, fordi jeg ønsker at slippe af med den pixel, når afslutningen af former, som vi gjorde med terningen og l.), trin 3, for nu at finde en plads i mellem de to linjer at tilføje en tredje linje.du kan måle med udvælgelsen værktøj, eller du kan få en udvælgelse og tælle den afstand, som du bevæger dig på, pil nøgler, (husk, at samtidig med, skifteholdsarbejde, bevæger sig udvælgelsen 10px på et tidspunkt),,,,, nu ved vi, hvor de strækninger, skal opfylde for at gøre den øverste taget hjørne.vi skal bare gøre linjer.du kan prøve så mange vinkler, som du vil, men jeg vil anbefale at undgå ujævne kun to linjer:,,,,,, en af dem er en 1: 1 diagonal overensstemmelse med en direkte horisontal linje, og den anden er 1: 2 med en 1: 1.,, vi går med højere poster.lad os komme af med vores retningslinjer, og kun beholde den blå linjer, så få dem sorte.ingen grund til at fusionere de lag ned endnu.,, trin 4, modtaget en lang kø, der er tilbage af taget l, og sæt det over taget punkt de tre poster på det samme punkt. det skal se sådan ud:,,,,, og det ville være fint.du kan vælge at se bort fra følgende tip, det er, og jeg ved det, men jeg kan lide min mørkeste 2: retningslinjer for at blive inden for en bestemt næsten usynlige net, hvor pixel afstand mellem dem alle, er altid et lige antal.jeg gør det for at bevare sammenhængen, og fordi det giver mig mulighed for at holde den ideelle æstetik, selv efter justering eller flytte elementer.,, i dette tilfælde, og det er bedre for den nye linje med en pixel lavere eller højere, som ses her:,,,,, den 1: 1 diagonal taget bør være flyttet lidt, hvis denne ændring anvendes trin 5.,,,, så lad os samle disse linjer (men endnu ikke taget sammen med roof-l lag), alat ‑ blink, flip horisontale og plads på venstre side af l få det:,,,,, ikke, vi får brug for disse poster på toppen, så slette dem, og tilføje en lodret linje for at få taget er "valley" hjørne.på taget l lag, at slette to linjer i ryggen (de to linjer, højere på skærmen, og efter at fusionere taget linjer med l:,,,,, trin 6, nu, selv om vi vil fjerne dele af det, lad os sætte kulør på hele taget form.prøv at anvende, hvad vi har gjort for at terningen, selv om de former, er helt anderledes.,,,,, i denne form et højdepunkt på øverste kant, tror jeg, får det til at se bedre.,, trin 7, så disse to trekanter næsten hvidt (den til højre, bør være en smule mørkere) og adskille hvide fra taget farve med en mørkere tone, som den for dalen hjørne af taget:,,,,, trin 8, så lad os tilføje lidt dekorative røre ved at gøre et par linjer parallelt med taget diagonaler.forlader en pixel i mellem, tilføje en linje med mørk hvid og så (med en pixel i mellem) en sort linie til at få dette:,,,,, trin 9, og nu er vi nødt til at fjerne den hvide områder i midten, og de sorte linjer under og rør op, hvis det er nødvendigt:,,,,, er det ikke nødvendig, men vi kan slå ned med hus l nu.det vil være nemmere at udfylde de tomme trekant områder med muren farver før sammenlægningen.den lasso, værktøj er din ven, husk at bruge det uden anti - aliasing.,,,,,,, rart!vi er næsten færdig med det geometriske arbejde!,, 3.detaljer, trin 1, det er ikke et hus, men uden en dør og et par vinduer.men vi ved allerede, hvor vores dør, så lad os tilføje nogle lodrette linjer og en ekstra 2: linje under vores højdemærke for at gøre vores dørkarmen.vi får karakter af vejen i et stykke tid.,,,,, trin 2, nu på det tomme kedelige rum stirrer på os, bør gå et vindue.det kan være næsten den samme som døråbningen, så hold den øverste grænse på samme niveau og placerer det mellem kanten af døråbningen og hjørne af huset.hvis du vil gøre det mindre eller større.vi kan tilføje en anden koncentriske rektangel til det, således at den ramme, er lidt mere detaljeret og bredde.,, hvis du trykker den sidste linje i døren op, pixel eller to, det ser en smule mindre fast:,,,,, sidste linje i vinduet ramme bør ideelt være over gulvniveau ved et multiplum af fire. som i den oprindelige "muren" på 2: 1 linjer.,, trin 3, vi har stadig to vægge, så vil vi simpelthen kopiere samme vindue til de mure, som samlet som muligt og naturligvis på samme niveau i forhold til den nederste (det hjælper med til at udvælge vinduet sammen med pointen med at gøre det lettere). disse to nye vinduer har mere plads omkring dem, så de kunne være større eller mere prangende.vi vil holde dem det samme, men værsgo at prøve et alternativ.hvad vil vi tilføje et par små vinduer.de ligner små loft vinduer, og de vil hjælpe med at udfylde vægge og gøre huset ser bedre og mere detaljeret.,,,,, (ikke bekymre sig om de små vinduer, ikke koncentreret i forhold til taget, fordi loftet er ikke i samme lodrette plan, som muren og vinduer.), trin 4, vil vi stoppe med at tilføje oplysninger her, men der er mange muligheder, vi kunne tilføje; søgen efter image henvisninger og prøve at arbejde de ting du kan lide din pixel hus. nu skal vi farve og spise alle disse elementer.lad os få alle billeder, hvide, og alle de sorte linjer mellem stel og væggene af samme farve som dalen hjørne i huset.og de sorte linjer i vinduesrammer bør være en mørk vinduet farve, ligesom vi gjorde på den hvide del af taget.,,,,, kan man naturligvis gøre farven til kun én af de vinduer, og så en kopi til de andre.bare husk, at de elementer, den mørke side af bygningen er mørkere i overensstemmelse hermed, løntrin 5, for nu at finde farver du dig til døren og vinduerne.hvide giver mening for døren, men jeg kan lide, hvordan det røde ser ud, fordi det bryder ud af mit blå palet.for vinduer, jeg normalt som en lav mætning akvamarin, men prøv alternativer.der må være flere måder at illustrere ruder, så du kan finde en bedre måde, end vi gør nu.,,,,, bemærke, at jeg slap af med de fleste af de sorte linjer på disse oplysninger.jeg tror, at det giver mening, når de elementer er i direkte kontakt og sort ser lidt for hård mellem de forskellige farver.,, jeg har tilføjet to lighter linjer til vinduerne, efterfulgt af en lidt mørkere.jeg tror, de ligner lidt en afspejling af den ramme, som skal bidrage til at få de vinduer ligner glas.,,,,, trin 6, er jeg også bragt karakter til at hjælpe os sted dørhåndtaget, som skal gå med albuen højde.,,,,, tilføjede en runde guld dørhåndtag.,, trin 7, for de sidste detaljer, kan vi tilføje nogle dekorationer på døren, de er bare et par områder i en mørk, plus nogle højdepunkter nedenfor, samt på den ene side.hvorfor ikke også tilføje nogle tynde, hvide brædder på toppen hjørner, som findes i mange træhuse:,,,,, 4.mønstre, trin 1, lad os skabe og anvende vores mønstre.de områder, der har brug for det, er naturligvis loftet og væggene.,, vi starter med taget.skabe et nyt lag,.,, vi tager lidt rundt, fliser, at bevæge sig på tværs af den øverste linje, og når vi har et par af dem vi, alat puf, og begynder at lægge dem ned.,,,,, trin 2, anden række af fliser, lander i denne holdning, fordi de første skridt på 2 px (efter øverste linje), der fastsættes i overlappende positioner, som sten, og så flytter de ned (efter side diagonal) et par pixels.hvis det lyder kompliceret, bare følg visuel vejledning ovenfor, og du skal nok klare det.når du har en stor plet, bliver det endnu mere tid, så den dækker taget:,,,,, trin 3, på den venstre side af taget, konsistens bør gå i den modsatte retning, så vend det område vandret.så gå til huset lag og anvende, tryllestav, at udtage alle farverne fra taget (bortset fra de sorte linjer).hvis du holder af, skifteholdsarbejde, kan du fortsætte med at tilføje områder til deres valg.når du er færdig, at udvælgelsen, gå tilbage til konsistensen lag, vend udvælgelse (, udvælge > omvendt,) og ikke at få dette:,,,,, trin 4, før de ned, bør vi reducere uklarhed om, at lag til ca. 20%.men det, jeg vil anbefale, at holde vores farve palette i skak, ville være at erstatte tekstur farver med mørke solbriller, der allerede anvendes på taget.,,,,, jeg også fjernet indskud fra kanten fremhæve linjer for at få taget lidt renere.,, løntrin 5, nu for det træ, vi blot konsistens for at få linjer, der går langs fodaftryk i huset, og så, alat puf, og flytte fire pixels, og at gentage igen og igen, indtil det dækker alle muren områder:,,,,, så gentage den proces, vi brugte på tagsten i trin 4:,,,,, tillykke!dit hus er færdig!du gav din karakter, et hjem, men de kunne fortsætte med at vokse.hvis du havde den lærestreg, tjek tilbage efter mere.,