Sådan designes isometrisk typografi

Perspektiv er alt i design. Hvis noget, du har tegnet, har et perfekt perspektiv, vil det hjælpe dit arbejde med at se mere realistisk ud; skiftevis skrev Pablo Picasso historie ved at tegne med en meget skæv følelse af virkeligheden omkring ham.

Isometrisk tegning er dog så meget videnskab som noget andet. Det har et meget strengt sæt regler, når det kommer til, hvad der går hvor. Det er ret svært at sidde ned og tegne dig selv, men når det kommer til Photoshop, kan du oprette en guide til alt.



I denne Photoshop tutorial , vi skal sætte et perfekt isometrisk gitter op, før vi bygger en verden på sekskant vendte linjer. I dette London-inspirerede billede skal vi spore Themsen isometrisk og endda oprette isometriske versioner af vartegn. Du finder ud af, at alt kan oprettes på dette gitter, da det simpelthen holder kubiske former sammen. Kurver kan simpelthen tegnes fra hjørne til hjørne.



Alt i billedet vil også følge denne struktur. Du kan bruge billeder til at kopiere, du kan følge vores trin religiøst eller du kan designe dine egne ikoner efter isometriske mønstre. Det er helt op til dig - selvfølgelig inden for rammerne af isometri.

01. Start gitteret

Tryk på ikonet for at åbne billedet i fuld størrelse.



Tryk på ikonet for at åbne billedet i fuld størrelse.

Begynd med at oprette et nyt dokument på 20 x 20 pixels. Opret en sort stribe ned til højre og nederst på dokumentet med værktøjet Rectangular Marquee. Brug gitteret, hvis du har brug for det, ved at trykke på Cmd / Ctrl + ’.

02. Definer dit mønster

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Gå til Rediger> Definer mønster. Navngiv det, og klik derefter på OK. Opret et nyt 1920 x 1080 dokument ved at gå til Filer> Ny og derefter gå til Paint Bucket (G). Brug mønsterfyld og på et nyt lag skal du udfylde det mønster, du har oprettet.



hvordan man tegner en 3d hund

03. Transformer mønsteret

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Nu skal vi gøre mønsteret isometrisk! Gør bredden og højden meget større, vinklen 35 grader, og placer den i midten af ​​dokumentet. Gitteret skal være lavet af diamantformer.

04. Vælg din palet

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Vi skal bruge fem forskellige farver til dette, men forskellige nuancer af hver. Farverne er kongeblå (# 021574), dæmpet rød (# f22f50), mynte (# 6ec5cf), pebermynte (# 6ecfb0), tan (# ff935e) og hvid (#ffffff).

05. Læg din tekst ud

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Brug Type-værktøjet og opret den tekst, du vil bruge på tværs af dokumentet; vi tager med 'London, England'. Dette er vigtigt, da det vil diktere størrelsen, afstanden og hele udseendet på din isometriske plakat.

06. Opret nogle bogstaver

Tryk på ikonet for at åbne billedet i fuld størrelse.

verdens bedste snurretop
Tryk på ikonet for at åbne billedet i fuld størrelse.

Opret isometriske bogstaver med penværktøjet efter den vejledning, du oprettede. Dette er en prøve-og-fejl-del af processen og vil tage den længste af alt. Eksperimenter med figurer og udfyld med # 808080 for nu.

07. Arbejd med bogstaverne

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

De isometriske bogstaver bliver nødt til at have en side, der overvejende vender fremad. Træn, hvor kurverne er på hvert af bogstaverne, ved at reducere uklarheden. Det kan tage lidt tid at finde ud af det, og du skal muligvis tegne nogle bogstaver igen.

08. Skygge bogstaverne

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Gruppér hvert sæt lag for hvert bogstav. Opret klipmasker til hver, og tilføj enten lys eller skygge til bogstaverne, så de ser ud som 3D. Træn, hvor lyset er i billedet, og bedøm i overensstemmelse hermed.

09. Farve og bygge broer

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Opret nye Overlay-lag over hvert af bogstaverne og udfyld med en af ​​dine farver. Tilføj farvelag, klip og pensl i en anden farve for at udstyre det. Opret derefter broer mellem nogle af bogstaverne. Farve dette med en anden farve.

10. Opret en højttaler

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Nu skal vi føje objekter til scenen. Opret en boks ved hjælp af den isometriske guide, lys og mørkgør hver side af kassen for at skabe perspektiv. Opret to cirkler, og transformer disse, så de passer ind i feltet langs guiden; tilføj en streg til cirklerne ved hjælp af lagstilarter.

11. Tilføj et flag

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Dernæst opretter vi et flag. Brug igen penværktøjet til at tegne langs guiden og fyld derefter med hvidt. Klip lag til dette, og rør bløde sorte penselstrøg over den ene side af flaget for at tilføje skygge.

12. Plant nogle træer

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Træer er nemme at skabe med pennen; opret en trekant med de to nederste sider, der ligger langs den isometriske guide, og mørk derefter den ene side. Gentag dette to gange, og tilføj derefter en stub. Farv med et overlay-lag.

13. Rulletrapper og kortplanlægning

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Vi har oprettet rulletrapper ved hjælp af de samme metoder, som vi brugte til at oprette de andre objekter ved hjælp af den isometriske guide til at tegne over. Derefter har vi brugt et ægte kort over London til groft at spore Themsen og tegne et hvidt omrids for lidt vand at fylde.

14. Bøj kanterne

Tryk på ikonet for at åbne billedet i fuld størrelse.

Photoshop hvordan man vender et billede
Tryk på ikonet for at åbne billedet i fuld størrelse.

Brug penværktøjet til at kurve kanterne på den hvide struktur, du lige har oprettet, og udfyld med # 808080. Brug en blød, sort børste til at skabe en illusion af et buet rum, hvor vandet kan sidde i.

15. Fyld med vand

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Brug penværktøjet til at vælge det grå mellemrum i hver af de hvide strukturer og falde ned fra de øverste strukturer, og fyld med blå på et nyt lag. Indstil dette lag til hårdt lys for at få det til at se ud som om det er væske. Klip et hvidt lag, og slet et tagget mønster i midten for ekstra effekt.

16. Start lysekronen

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Opret et nyt lag, og tilføj prikker i krydset mellem linjerne, som du kan se på skærmbilledet. Vælg de bageste rækker af disse prikker, og reducer lysstyrken til -10 ved at bruge Hue / Saturation (Cmd / Ctrl + U). Kopier dette nedad for at skabe flere prikker.

17. Afslut lysekronen

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Opret den samme effekt tre gange med flere rækker med prikker, og tilpas derefter størrelsen på de to sidstnævnte. Stak disse for at skabe en lysekroneeffekt. På nye 20% lag skal du oprette hvide prikker for at antyde, at lyset kommer udad.

18. Opret Big Ben

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Brug et stockfoto af Big Ben til at tegne uret med penværktøjet; du behøver selvfølgelig ikke at være så detaljeret. Tegn det i gråtoner; træk spiret til den ene side af bygningen i stedet for lige opad.

19. Placer vartegn

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Farv Big Ben med nogle overlejringslag, duplikér laget, og vend det nye vandret. Ændr størrelsen på begge lag og skæv med Free Transform, så den passer til den guide, du har oprettet.

20. Afslutning

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Lav eventuelle sidste blomstrer, som du gerne vil føje mere til billedet; dette kan omfatte stjerner i baggrunden med små prikker, en hval i Themsen eller ændring af farven med en kurvejustering.

hvordan gør jeg facebook fotos private

21. Tilføj støj

Tryk på ikonet for at åbne billedet i fuld størrelse.

Tryk på ikonet for at åbne billedet i fuld størrelse.

Til sidst skal du vælge sort / hvid i dine farveprøver (D). Opret et nyt lag, udfyld med sort (Alt / Opt + Slet) og gå til Filter> Støj. Vælg 400%, marker Monochromatic og klik på OK. Indstil dette lag til blødt lys, 10% uigennemsigtig.

Denne artikel blev oprindeligt offentliggjort i nummer 271 af det kreative webdesignmagasin Web Designer. Køb nummer 271 eller abonner på Web Designer .

Relaterede artikler: