Tee esittelykuva Adobe Illustratorin perspektiivityökalulla
() translation by (you can also view the original English article)



Tässä ohjeessa opit mikä esittelykuva (suom. huom. Kutsutaan joskus myös avauskuvaksi) on ja kuinka sitä käytetään sarjakuvissa. Keräämällä viitekuvia ja tekemällä sommitelma luonnoksia yritämme tehdä modernin katunäkymän, joka toimii esimerkkinä esittelykuvasta.
Käyttämällä luonnosta pohjana piirrämme lopullisen version käyttämällä Perspective Grid Toolia (perspektiivityökalu), varmistaen siten, että tuloksena on eheä kaupunkimaisema.
1. Esittelykuvan valmistelu
Yleisin tapa aloittaa tarinavetoinen sarjakuva on näyttää lukijalle missä sarjakuva tapahtuu. Tätä ensimmäistä miljöökuvaa kutsutaan usein esittelykuvaksi. Sen lisäksi, että se luo tunnelman tarinalle, se voi myös antaa lukijalle hienovaraista informaatiota hahmoista tai ympäristöstä.
Huomaa kuinka vuoropuhelu saa erilaisen merkityksen riippuen siitä millaista esittelykuvaa on käytetty. Ensimmäisessä esimerkissä se vaikuttaa kirjaimellisemmalta, viitaten heidän ympäristöönsä, kun taas toisessa voimme päätellä ympäristöstä, että he puhuvat suhteestaan.



Vaihe 1
Ensimmäiseksi etsin referenssikuvia, joista voin saada insipiraatiota luonnoksia varten. Kun löydän asioita, joista pidän, teen niistä pieniä muistiinpanoja ja tutkielmia kunnes minulla on tarpeeksi ideoita omaa kaupunkiluonnosta varten.



Vaihe 2
Modernin kaupungin kaltaisessa laajassa ja mutkikkaassa paikassa ei ole tapaa, tai tarvetta pitää tarkkaa kirjaa hahmojen sijainnista. Jollei se ole välttämätöntä juonen kannalta riittää hahmojen ympäröiminen korkeilla rakennuksilla ja isoilla kylteillä luomaan tunnelman isosta kaupungista.
Jos sinulla taas on toistuva tapahtumapaikka joka on rajattu tila—kuten asunto—on tärkeämpää että ympäristö on suunniteltu. Et halua lukijoiden huomaavan, että huoneet muuttuvat koska keksit ne sitä mukaan kun työskentelet.
Tähän valmistautuessa voi olla hyödyllistä tehdä pohjapiirros tapahtumapaikasta. Voit käyttää sitä referenssinä piirtäessä, tai viedä sen askelta pitemmälle ja luoda 3D ympäristön.



Vaihe 3
Käyttäen refenssikuvia ja luonnoksiasi apuna, aloita esittelykuvan piirtäminen käyttäen samoja mittasuhteita kuin tulevassa ruudussa. Laatikot ovat tässä ystäviäsi
Voit pilkkoa monimutkaisia muotoja hallittavimpiin osiin jos ajattelet niitä laatikoina. Älä huolehdi vielä yksityiskohdista—keskity vain kompositioon.



2. Perspective Grid työkalun käyttäminen
Vaihe 1
Tuo luonnoksesi Illustratoriin komennolla File > Place ja ota Perspective Grid työkalu käyttöön kohdasta View > Perspective Grid. Valitse Two Point Perspective (kahden pisteen perspektiivi).



Vaihe 2
Saat seuraavanlaisen näkymän. Kuten huomaat, on ruudukossa paljon pieniä kahvoja, joiden avulla voit manipuloida sitä. Yritä linjata perspektiivi luonnokseesi mahdollisimman hyvin. Sen ei tarvitse olla täydellinen.



Vaihe 3
Huomaat pienen ikonin ja sen sisällä olevan kuution vasemmassa yläkulmassa. Kuution oranssi puoli ilmaisee, että ruudukon oranssi puoli on valittuna. Käytä Rectangle työkalua nähdäksesi miten muodot on linjattu ruudukon oranssin puolen kanssa.



Vaihe 4
Vaihtaaksesi oranssista ruudukosta siniseen, paina ja pidä alhaalla Perspective Grid työkalun kuvaketta, jolloin saat esiin piilossa olevan Perspective Selection työkalun (Shift-V). Tämä työkalu valittuna napsauta kuution vasenta puolta. Nyt sininen ruudukko on valittuna ja voit piirtää muotoja sen yli.
Vaihe 5
Kaikki piirtämäsi muodot mukautuvat nyt siniseen ruudukkoon. Aloita blokkaamalla isommat muodot ensin.



Vaihe 6
Alaosassa on myös vihreä ruudukko, joka vastaa kuution alaosaa. Valitse vihreä ruudukko ja piirrä suojatien ensimmäinen valkoinen "viiva".



Vaihe 7
Pitämällä Alt-näppäimen alhaalla ja raahamalla samalla objektia, voit tehdä siitä kopion. Sen jälkeen Command-D (suom huom. Ctrl-D Windows koneissa) painaminen toistaa viimeisen vaiheen ja lisää kopioita samalla etäisyydellä. Joka painallus lisää yhden kopion. Toista prosessi tien toisella puolella.



Vaihe 8
Jatka suorakulmaisten muotojen lisäämistä, vaihtele ruudukon eri puolille tarpeen mukaan. Jos haluat välillä katsoa tarkemmin luonnostasi, valitse View > Outline, tai näppiskomento Ctrl/Command-Y.



Vaihe 9
Ruudukon saa pois päältä kohdasta View > Perspective Grid > Hide Grid. Kun tarvitset sitä taas, mene samaan kohtaan saadaksesi sen näkyviin.



Käytä Ctrl/Command-Shift (Vaihto)-I vaihdellaksesi ruudukon näkyvyyttä. Tee näin kun haluat piirtää nopeasti jotain joka näkyy suoraan edestäpäin.



Vaihe 10
Jatka näkymän rakentamista lisäämällä isompia muotoja. Kuten huomaat, en itse ole seurannut luonnosta orjallisesti. Joissain kohdissa oikea perspektiivi on täysin erilainen kuin luonnokseni, ja se on ihan OK. Luonnos on vain pohja, josta lähdetään liikkeelle.



Vaihe 11
Seuraavaksi on aika lisätä rakennuksiin ikkunoita. Aloitan tekemällä suoraan edestäpäin katsottavan ikkunan käyttämällä Rectangle työkalua.



Valitsen sitten Perspective Selection työkalun napsauttamalla Shift-V, ja raahaan ikkunaa pitämällä Alt näppäimen alhaalla. Tämä luo ikkunasta kopion jonka sijoitan rakennukseen ruudukon siniselle puolelle.



Vaihe 12
Teen toisen kopion ja vaihdan ruudukon oranssille puolelle. Kopioin ikkunan rakennuksen toisessa päässä ja toisen toisessa päässä. Valitsen ne molemmat ja Object > Blend > Make (Alt-Ctrl/Command-B) saan lisättyä ikkunan kopioita tilaan joka jää näiden asettamieni ikkunoiden väliin.



Liikaa ikkunoita! Menen Object > Blend > Blend Options, ja asetan välistys kategoriaksi Specified Steps, ja valitsen 1.



Sitten valitsen ikkunarivistön ja Alt-raahaan ne alas lisätäkseni toisen rivin. Varmista, että Perspective Selection työkalu on valittuna kun teet tämän, jotta objektit pysyvät kohdistettuina perspektiiviin.



Vaihe 13
Voimme nyt alkaa lisätä uuden tyyppisiä ikkunoita muihin rakennuksiin käyttämällä samoja tekniikoita kuin aiemmin.



Käytän yksinkertaisempaa tyyliä taustalla olevien rakennusten ikkunoissa. Saamme nopeasti koottua kaiken käyttämällä Blend:ä.



Vaihe 14
Jatkaessasi kuvan työstämistä, saatat välillä joutua säätämään ruudukkoa taustalla olevien rakennusten osalta.



Vaihe 15
Haluan lisätä kauimpana oleviin rakennuksiin ikkunoiden sijaan viivoja. Menemällä Window > Swatch Libraries > Patterns > Basic Graphics > Basic Graphics_Lines avaat paneelin, jossa erilaisia kuvioita, joista valita.



3. Lisää kaupunkiin yksityiskohtia
Vaihe 1
Kaupunkimme alkaa näyttää kelvolliselta, mutta tarvitsee vielä pientä hienosäätöä. Tutkaile ajan kanssa viivojesi paksuutta. Hyvä ohje on, että kaukana olevissa objekteissa tulee olla ohuemmat viivat ja lähellä olevissa paksummat.



Vaihe 2
Aion käyttää aiemmin tekemiäni grafiikoita lisätäkseni elementtejä kuvassa oleviin kyltteihin. Vedän kehyksen grafiikan ympärille, jota aion käyttää ja ryhmitän ne.
Käytämme Envelope Distort:a sijoittamaan työ kyltin sisään. Valitse kyltti-objekti, kopioi se Ctrl/Command-C:lla ja sijoita eteen (paste in front) Ctrl/Cmd-F:lla. Varmista, että objekti on sijoitettuna kylttiin tulevan graffan päälle.



Vaihe 3
Valitse sekä kehys jonka juuri sijoitit, että grafiikka ja valitse Object > Envelope Distort > Make with Top Object.



Toiminto muuntaa grafiikkasi kyltin mittoihin. Lisäämällä designiin kehyksen, jolla on samanlainen muoto kuin kyltillä, olemme saavuttaneet hyvännäköisen muunnoksen.



Vaihe 4
Toista prosessin toiselle kyltille. Kopioi ja liitä kyltti-objektin eteen.



Varmistan, että kyltti-objekti on graffan päällä, valitsen molemmat ja käytän näppäinkomentoa Envelope Distort > Make with Top Object:lle (Alt-Command-C).



Vaihe 5
Lisään muutamia käsin piirrettyjä halkeamia ja naarmuja sinne tänne, jottei kaupunki näytä liian keinotekoiselta. Käyttämällä ohutta sivellintä etsin tapoja lisätä hieman "likaa" rakennuksiin.



Vaihe 6
Lopuksi teen joistakin objekteista valkoisen sijaan mustia ja lisään tekstiä ja symboleja kuvan viimeiseen kylttiin. Tämä tuo lisää syvyyttä kaupunkiimme.
Voit halutessasi lisätä väriä, harmaasävyjä tai rasterikuvioita tyylistäsi riippuen. Tai voit pitää mustavalkoista kaupunkia valmiina esittelykuvana.



Yhteenveto
Olet tässä ohjeessa oppinut mikä on esittelykuva sarjakuvissa, ja miten hyvin suunniteltu sellainen voi tuoda sarjakuvaasi sekä tunnelmaa, että antaa yleisölle informaatiota.
Voimme nopeuttaa prosessia Illustratorissa käyttämällä Perspective Grid työkalua. Kun ei tarvitse keskittyä piirtämään apuviivoja oikein, jää enemmän tilaa olla luova, eikä tehdä tylsää työtä.
Toivon että tutoriaalin tekniikat auttavat sinua luomaan näyttämön, jolla sarjakuvasi näytellään.
