Hvordan designe isometrisk typografi

Jan 26, 2026

hvordan

[1. 3]

Perspektiv er alt i design. Hvis noe du har tegnet, har et perfekt perspektiv, vil det hjelpe arbeidet ditt til å se mer realistisk ut. Alternativt gjorde Pablo Picasso historie ved å tegne med en veldig skjev følelse av virkeligheten rundt ham.

Isometrisk tegning er så mye av en vitenskap som noe, skjønt. Den har et veldig strengt sett med regler når det gjelder det som går der. Det er ganske vanskelig å sitte ned og tegne deg selv, men når det gjelder Photoshop, kan du opprette en guide for noe.

Få Adobe Creative Cloud

I dette Photoshop Tutorial , Vi skal sette ut et perfekt isometrisk rutenett før vi bygger en verden på sekskantet overfor linjer. I dette London-inspirerte bildet skal vi spore Themsen isometrisk, og til og med skape isometriske versjoner av landemerker. Du finner at alt kan opprettes på dette rutenettet, siden det bare holder kubiske former sammen. Kurver kan enkelt trekkes fra hjørnet til hjørnet.

Alt i bildet kommer til å følge denne strukturen også. Du kan bruke bilder til å kopiere, du kan følge våre trinn religiøst, eller du kan designe dine egne ikoner etter isometriske mønstre. Det er helt opp til deg - innenfor grensene for isometri, selvfølgelig.

Last ned opplæringsfilene

01. Start rutenettet

Hit the icon to open the full-sized image. — Trykk på ikonet for å åpne bildet i full størrelse.

Begynn med å opprette et nytt dokument på 20 x 20 piksler. Opprett en svart stripe ned til høyre og nederst på dokumentet med det rektangulære markeringsverktøyet. Bruk rutenettet hvis du må, ved å treffe CMD / Ctrl + '.

02. Definer mønsteret ditt

Gå til Rediger & GT; Definer mønster. Navngi det og klikk deretter OK. Opprett et nytt dokument på 1920 x 1080 ved å gå til File & GT, Ny, og gå deretter til Paint Bucket (G). Bruk mønsterfyll og på et nytt lag, fyll med mønsteret du har opprettet.

03. Transform mønsteret

Nå skal vi lage mønsteret isometrisk! Gjør bredden og høyden mye større, vinkelen 35 grader og sett i midten av dokumentet. Rutenettet skal være laget av diamantformer.

04. Velg paletten din

Vi skal bruke fem forskjellige farger for dette, men forskjellige nyanser av hver. Fargene er kongeblå (# 021574), dempet rød (# F22F50), Spearmint (# 6EC5CF), Peppermynt (# 6ECFB0), TAN (# FF935E) og hvit (#FFFFFFF).

05. Legg ut teksten din

Bruk Type-verktøyet og opprett teksten du vil bruke på tvers av dokumentet. Vi går med 'London, England'. Dette er viktig, da det vil diktere størrelsen, avstanden og hele utseendet på din isometriske plakat.

06. Lag noen bokstaver

Opprett isometriske bokstaver med pennverktøyet, følg guiden du opprettet. Dette er en prøve-og-feil i prosessen, og vil ta lengst av alt. Eksperimenter med former og fyll med # 808080 for nå.

07. Arbeid på bokstavene

De isometriske bokstavene må ha den ene siden som overveiende vender fremover. Trene ut hvor kurvene er på hver av bokstavene ved å redusere opasiteten. Dette kan ta litt tid å finne ut, og du må kanskje forkynne noen bokstaver.

08. Skygge bokstavene

Grupper hvert sett med lag for hvert brev. Lag klippemasker for hver, og legg til enten lys eller skygge på bokstavene slik at de vises 3D. Trene ut hvor lyset er i bildet og dømme tilsvarende.

09. Farge og bygge broer

Lag nye overleggslag over hver av bokstavene og fyll med en av fargene dine. Legg til fargelag, klipp og børste i en annen farge for å kjære den ut. Deretter lager broer mellom noen av bokstavene. Farge dette med en annen farge.

10. Opprett en høyttaler

Nå skal vi legge til objekter på scenen. Lag en boks ved hjelp av den isometriske guide, lyn og mørkere hver side av esken for å skape perspektiv. Lag to sirkler, og forvandle disse til å passe inn i boksen langs guiden; Legg til et slag til sirkler med lagstiler.

11. Legg til et flagg

Deretter skal vi lage et flagg. Igjen, bruk pennverktøyet til å tegne langs guiden, og fyll deretter med hvitt. Klippelag på dette, og berør Soft Black Brushstrokes over den ene siden av flagget for å legge til skygge.

12. Plante noen trær

Trær er enkle å lage med pennen; Lag en trekant med de to bunnsidene som fyller seg langs den isometriske guiden og mørk den ene siden. Gjenta dette to ganger, og legg deretter til en stubbe. Farge med et overleggslag.

13. Rulletrapper og kartplanlegging

Vi har opprettet rulletrapper som bruker de samme metodene vi brukte til å lage de andre objektene, ved hjelp av den isometriske guiden til å trekke over. Etter det har vi brukt et ekte kart over London for å spore thames og tegne en hvit oversikt for litt vann å fylle.

14. Kurve kantene

Bruk pennverktøyet til å kurve kantene på den hvite strukturen du nettopp har opprettet, og fyll med # 808080. Bruk en myk, svart børste for å skape illusjonen av en buet plass for vannet å sitte i.

15. Fyll med vann

Bruk pennverktøyet til å velge det grå plassen i hver av de hvite strukturene og falle fra de øverste strukturene, og fyll ut med blått på et nytt lag. Sett dette laget til hardt lys for å få det til å se ut som det er faktisk væske. Klipp et hvitt lag og slett et nagget mønster i midten for ekstra effekt.

16. Start lysekronen

Opprett et nytt lag og legg til prikker i kryssene i linjene som du kan se i skjermbildet. Velg bakre rader av disse prikkene og reduser lyset til -10 ved å bruke Hue / Metning (CMD / CTRL + U). Dupliser dette nedover for å lage flere prikker.

17. Fullfør lysekronen

Lag den samme effekten tre ganger med flere punkter med prikker, og endre størrelsen på de to sistnevnte. Stable disse for å skape en lysekrone effekt. På nye 20% lag, opprett hvite prikker for å foreslå lys som kommer utover.

18. Lag Big Ben

Bruk et lager bilde av Big Ben for å tegne klokken med pennverktøyet; Du trenger ikke å være så detaljert, selvfølgelig. Tegn det i nyanser av grått; Tegn spiret til den ene siden av bygningen i stedet for rett oppover, også.

19. Plasser landemerket

Farge Big Ben Med noen overleggslag, dupliser laget og flip deretter denne nye horisontalt. Endre størrelsen på begge lagene og skråmen med gratis transformasjon til å passe sammen med guiden du har opprettet.

20. Etterbehandling

Gjør noen endelige blomstrer som du vil legge til mer på bildet; Dette kan inkludere stjerner i bakgrunnen med små prikker, en hval i Themsen eller endre fargen med en kurvjustering.

21. Tilsett støy

Endelig velger du svart og hvitt i stipene dine (D). Lag et nytt lag, fyll med svart (alt / opt + slett) og gå til Filter & GT; støy. Velg 400%, sjekk monokromatisk og klikk OK. Sett dette laget til mykt lys, 10% ugjennomsiktig.

Denne artikkelen ble opprinnelig publisert i utgave 271 av Creative Web Design Magazine webdesigner. Kjøp utgave 271. eller Abonner på webdesigner .

Relaterte artikler:

Opprett isometrisk rutenettbasert 3D-bokstaver i Illustrator
Isometrisk vektor kunst gjort enkelt
Opprett en 3D-isometrisk effekt

Hvordan designe isometrisk typografi

01. Start rutenettet

02. Definer mønsteret ditt

03. Transform mønsteret

04. Velg paletten din

05. Legg ut teksten din

06. Lag noen bokstaver

07. Arbeid på bokstavene

08. Skygge bokstavene

09. Farge og bygge broer

10. Opprett en høyttaler

11. Legg til et flagg

12. Plante noen trær

13. Rulletrapper og kartplanlegging

14. Kurve kantene

15. Fyll med vann

16. Start lysekronen

17. Fullfør lysekronen

18. Lag Big Ben

19. Plasser landemerket

20. Etterbehandling

21. Tilsett støy

hvordan - Mest populære artikler

Hvordan unngå en Amazon Prime Day 2020 Feil

4 trinn for å bruke variable fonter

Kom i gang med WebVr

Legg til digitale farger til blyant tegninger

5 Hot New CSS-funksjoner og hvordan du bruker dem

Kom i gang med Rust

Hvordan lage stilisert spill Artwork

Lag et tegn med en sterk pose i Photoshop

Kategorier