Kuinka suunnitella isometrinen typografia

Perspektiivi on kaikkea suunnittelussa. Jos jotain piirtämääsi on täydellinen näkökulma, se auttaa työsi näyttämään realistisemmalta; vuorotellen Pablo Picasso teki historiaa piirtämällä hyvin vääristyneellä käsityksellä hänen ympärillään olevasta todellisuudesta.

Isometrinen piirustus on kuitenkin yhtä paljon tiedettä. Sillä on hyvin tiukat säännöt siitä, mihin mennään. Se on melko vaikea istua alas ja piirtää itse, mutta Photoshopin suhteen voit luoda oppaan mihin tahansa.



Tässä Photoshop-opetusohjelma , aiomme luoda täydellisen isometrisen ruudukon, ennen kuin rakennamme maailman kuusikulmioihin suuntautuville viivoille. Tässä Lontoon innoittamassa kuvassa aiomme jäljittää Thamesin isometrisesti ja jopa luoda isometrisiä versioita maamerkeistä. Tulet huomaamaan, että tälle ruudukolle voidaan luoda mitä tahansa, koska se yksinkertaisesti pitää kuutiomuodot yhdessä. Käyrät voidaan yksinkertaisesti piirtää kulmasta kulmaan.



Kaikki kuvassa noudatetaan myös tätä rakennetta. Voit käyttää kuvia kopioimiseen, voit seurata vaiheitamme uskonnollisesti tai suunnitella omat kuvakkeet isometristen kuvioiden mukaisesti. Se on täysin sinun tehtäväsi - tietysti isometrian rajoissa.

01. Käynnistä ruudukko

Napsauta kuvaketta avataksesi täysikokoisen kuvan.



Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Aloita luomalla uusi 20 x 20 pikselin kokoinen asiakirja. Luo musta nauha asiakirjan oikeaan ja alareunaan Suorakulmainen telttatyökalu. Käytä ruudukkoa tarvittaessa painamalla Cmd / Ctrl + ’.

02. Määritä malli

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Valitse Muokkaa> Määritä malli. Nimeä se ja napsauta sitten OK. Luo uusi 1920 x 1080 -asiakirja siirtymällä Tiedosto> Uusi ja siirtymällä sitten Paint Bucket (G). Käytä Kuviotäyttöä ja täytä uudella kerroksella luomallasi kuviolla.



03. Muunna kuvio

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Nyt teemme kuviosta isometrisen! Lisää leveyttä ja korkeutta paljon suuremmaksi, kulma 35 astetta ja aseta asiakirjan keskelle. Ruudukon tulisi olla timanttimuotoja.

04. Valitse paletti

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Aiomme käyttää tähän viittä eri väriä, mutta jokaisen eri sävyt. Värit ovat kuninkaallinen (# 021574), mykistetty punainen (# f22f50), viherminttu (# 6ec5cf), piparminttu (# 6ecfb0), ruskea (# ff935e) ja valkoinen (#ffffff).

kuinka tehdä ulkomaalainen malli

05. Asettele tekstisi

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Käytä kirjoitustyökalua ja luo teksti, jota haluat käyttää asiakirjassa. olemme menossa Lontoon, Englannin kanssa. Tämä on tärkeää, koska se sanelee isometrisen julistesi koon, etäisyyden ja kokonaisuuden.

06. Luo kirjaimia

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Luo isometrisiä kirjaimia Kynätyökalulla luomasi oppaan mukaisesti. Tämä on kokeilun ja erehdyksen osa prosessia, ja se vie kaiken pisin. Kokeile muotoja ja täytä # 808080 toistaiseksi.

07. Työskentele kirjeiden parissa

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Isometrisillä kirjaimilla on oltava yksi puoli, joka on pääosin eteenpäin. Selvitä kunkin kirjaimen käyrät vähentämällä opasiteettia. Tämä voi kestää jonkin aikaa selvittää, ja sinun on ehkä piirrettävä joitain kirjaimia.

08. Varjota kirjaimet

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Ryhmittele kukin kirjainsarja kerroksittain. Luo kullekin leikkausnaamarit ja lisää kirjeisiin joko vaalea tai sävy niin, että ne näkyvät 3D: nä. Selvitä missä valo on kuvassa ja arvioi sen mukaan.

09. Väri ja rakenna siltoja

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Luo uudet peittokerrokset jokaisen kirjaimen yläpuolelle ja täytä yksi väreistäsi. Lisää värikerrokset, leikkaa ja harjaa toisella värillä, jotta se on täsmällinen. Luo seuraavaksi siltoja joidenkin kirjainten väliin. Väritä tämä toisella värillä.

10. Luo kaiutin

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Web-kehittäjien on epätavallista käyttää kuvia kiinnittääkseen huomion verkkosivulle.
Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Nyt aiomme lisätä esineitä kohtaukseen. Luo laatikko isometrisen ohjaimen avulla, vaalenna ja tummentaa laatikon molempia puolia perspektiivin luomiseksi. Luo kaksi ympyrää ja muunna ne sopiviksi laatikkoon opasta pitkin; lisää aivohalvaus piireihin tasotyylien avulla.

11. Lisää lippu

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Seuraavaksi aiomme luoda lipun. Käytä jälleen kynätyökalua piirtääksesi ohjainta pitkin ja täytä sitten valkoisella. Kiinnitä kerrokset tähän ja kosketa pehmeitä mustia siveltimiä lipun toisella puolella varjon lisäämiseksi.

12. Istuta puita

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Puut on helppo luoda kynällä; luo kolmio, jonka kaksi alaosaa ovat linjassa isometristä ohjainta pitkin, ja tummenna sitten toinen sivu. Toista tämä kahdesti ja lisää sitten kanto. Väri peittokerroksella.

13. Liukuportaat ja karttasuunnittelu

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Olemme luoneet liukuportaat samoilla menetelmillä, joita käytimme muiden objektien luomiseen, ja isometrinen opas piirtämiseen. Sen jälkeen olemme käyttäneet aitoa Lontoon karttaa karkeasti jäljittämään Thamesin ja piirtämään valkoisen ääriviivan veden täyttämistä varten.

14. Kaarra reunat

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Käyrä kynätyökalulla kaarroit juuri luomasi valkoisen rakenteen reunat ja täytä # 808080. Käytä pehmeää, mustaa harjaa luodaksesi illuusion kaarevasta tilasta, jossa vesi istuu.

15. Täytä vedellä

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Valitse kynätyökalulla jokaisen valkoisen rakenteen harmaa tila, joka putoaa ylärakenteista, ja täytä sinisellä uudella kerroksella. Aseta tämän kerroksen arvoksi Hard Light, jotta se näyttää olevan todellinen neste. Leikkaa valkoinen kerros ja poista rosoinen kuvio keskeltä saadaksesi lisää vaikutusta.

16. Käynnistä kattokruunu

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

kannettavan tietokoneen, jonka voit piirtää ruudulle
Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Luo uusi kerros ja lisää pisteitä viivojen risteyksiin, kuten näet kuvakaappauksessa. Valitse näiden pisteiden takarivit ja vähennä vaaleus arvoon -10 käyttämällä sävyä / kylläisyyttä (Cmd / Ctrl + U). Luo lisää pisteitä kopioimalla tätä alaspäin.

17. Viimeistele kattokruunu

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Luo sama vaikutus kolme kertaa useilla pisteillä, ja muuta sitten kahden jälkimmäisen kokoa. Pinoa nämä luoda kattokruunu vaikutus. Luo uusille 20%: n kerroksille valkoisia pisteitä, jotka viittaavat ulospäin tulevaan valoon.

18. Luo Big Ben

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Käytä Big Ben -kuvaa piirrä kello kynätyökalulla; sinun ei tarvitse tietysti olla yhtä yksityiskohtainen. Piirrä se harmaan sävyinä; vedä torni rakennuksen toiselle puolelle pikemminkin kuin suoraan ylöspäin.

19. Aseta maamerkki

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Väritä Big Ben muutamalla Overlay-kerroksella, kopioi kerros ja käännä sitten tämä uusi vaakasuoraan. Muuta molempien kerrosten kokoa ja vinota Free Transform -sovelluksella, jotta se mahtuu luomallesi oppaalle.

20. Viimeistelyt

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Tee lopullinen kukoistus, jonka haluat lisätä kuvaan; Tähän voi sisältyä tähtiä taustalla, jossa on vähän pisteitä, valas Thamesissa tai värin muuttaminen käyrät-säädöllä.

elokuvia, joiden otsikko on ylöspäin

21. Lisää melu

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Napsauta kuvaketta avataksesi täysikokoisen kuvan.

Valitse lopuksi mustavalkoinen värimallistoista (D). Luo uusi kerros, täytä mustalla (Alt / Opt + Delete) ja siirry Suodatin> Kohina. Valitse 400%, tarkista yksivärinen ja napsauta OK. Aseta tämän kerroksen arvoksi Pehmeä valo, 10% läpinäkymätön.

Tämä artikkeli julkaistiin alun perin luovan web-suunnittelun aikakauslehden Web Designer numerossa 271. Osta numero 271 tai tilaa Web Designer .

Aiheeseen liittyvät artikkelit: