Tee tyylitelty grafiikka Illustratorissa

01/19

Tee tyylitelty grafiikka kuvasta Illustratorissa

Teksti ja kuvat © Sandra Trainor

Tässä opetusohjelmassa käytän Illustratoria tekemään tyyliteltyä grafiikkaa monokromaattisella värimallilla, mikä tarkoittaa yksinkertaisesti sitä, että käytän vain yhtä väriä eri sävyillä. Kun valmis, teen toisen grafiikan version useista väreistä. Jäljessäni valokuvan päälle, käytä Pen Tool -työkalua luomaan muotoja, jotka hahmottavat eri sävyjä, täyttävät sitten muodot värillisinä ja järjestävät kerrokset uudelleen. Kun valmis, minulla on kaksi versiota samasta grafiikasta ja osaaminen tehdä vieläkin enemmän.

Vaikka käytän Illustrator CS6: ta , sinun pitäisi pystyä seuraamaan yhdessä melko tuoreimman version kanssa. Napsauta hiiren oikealla painikkeella alla olevaa linkkiä tallentaaksesi käytännön tiedoston tietokoneellesi, avaa sitten tiedosto Illustratorissa. Jos haluat tallentaa tiedoston uudella nimellä, valitse Tiedosto> Tallenna nimellä, nimeä tiedosto uudelleen, "ice_skates", tee tiedostomuoto Adobe Illustrator ja napsauta Tallenna.

Lataa käytännön tiedosto: st_ai-stylized_practice_file.png

02/19

Koko Artboard

Teksti ja kuvat © Sandra Trainor

Haluan kääntää valokuvan parin luistin tyyliteltyyn grafiikkaan. Valitsin tämän valokuvan, koska siinä on mukava valikoima sävyjä, mikä on tärkeä graafisen muotoilun kannalta.

Työkalut-paneelissa valitsen Taulun työkalu -työkalun ja napsautan jotain Corner-arkin kulmista ja vetämällä se vain kuvan reunojen sisäpuolelle. Tehdän samoin vastakkaisella kädensijalla, ja painan Escape-näppäintä poistuaksesi Edit Artboard -tilasta.

03/19

Muunna harmaasävyksi

Teksti ja kuvat © Sandra Trainor

Valitaksesi valokuvan, valitsen valintatyökalun Työkalut-paneelista ja napsautan missä tahansa valokuvassa. Valitse sitten Muokkaa> Muokkaa värejä> Muunna harmaasävyksi. Tämä muuttaa valokuvan mustavalkoiseksi, mikä helpottaa erottelua eri äänien välillä.

04/19

Himmennä valokuvan

Teksti ja kuvat © Sandra Trainor

Tasot-paneelissa kaksoisnapsautetaan kerrosta. Tämä avaa Layer Options -valintaikkunan. Napsauta Template ja Dim Images, kirjoita sitten 50% ja klikkaa OK. Valokuva himoituu, mikä antaa minulle paremman kuvan linjoista, joista pian piirrän valokuvan.

05/19

Nimeä uudelleen tasot

Teksti ja kuvat © Sandra Trainor

Napsauta Tasot-paneelissa tasoa 1, joka antaa tekstikentän kirjoittamaan uuden nimen. Syötä nimi, "Malline". Seuraavaksi klikkaan Luo uusi taso -painiketta. Oletusarvoisesti uusi kerros on nimeltään "Layer 2." Napsauta nimeä ja kirjoita tekstikenttä "Dark Tones".

06/19

Poista Täytä ja aja väriä

Teksti ja kuvat © Sandra Trainor

Jos valitset Tummaäänet -kerroksen, napsautan työkalupaneelissa olevaa kynän työkalua. Työkalut-paneelissa on myös Täytä ja aja. Napsauta Täytä-ruutua ja sen alapuolella olevaa Ei mitään -painiketta, sitten Lyöntivuoro ja Ei mitään -painiketta.

07/19

Jäljitä tummien sävyjä

Teksti ja kuvat © Sandra Trainor

Läheisempi näkymä auttaa minua jäljittämään tarkemmin. Voit suurentaa tai valita joko Näytä> Zoomaa, napsauta pienen nuolen pääikkunan vasemmassa alakulmassa valitaksesi zoomaustason tai käytä Zoomaus-työkalua.

Kynätyökalulla aion piirtää pimeimmät sävyt muodostaen muotoja. Aloitan tummilla sävyillä, jotka muodostavat muodon, joka muodostaa edessä olevan luistimen pohjan ja kantapään. Tällä hetkellä jätän huomiotta valon sävyt tässä muodossa. En myöskään kiinnitä huomiota seinään luistimien taakse.

Jos olet uusi kynätyökalun käyttäminen, se sijaitsee Työkalut-paneelissa ja toimii napsauttamalla pisteiden luomista. Kaksi tai useampia pisteitä luo polku. Jos haluat kaarevan polun, napsauta ja vedä. Kehittyvät kädensijat, joita voidaan käyttää kaarevien polkujen muokkaamiseen. Napsauta vain kahvan päätä ja siirrä sitä tekemään muutoksia. Viimeisen pisteen tekeminen ensimmäisen pisteen päälle yhdistää kaksi ja luo muodon. Kynätyökalun käyttäminen vie jonkin verran tottua, mutta käytännöstä on helpompaa.

08 of 19

Valitse polut

Teksti ja kuvat © Sandra Trainor

Jäljelle jää jäljessä kaikki pimeät muodot, kuten osittain paljastunut selkäreunan pohja ja monta silmänräpäintä. Valitse sitten Tasot-paneelissa Dark Tones -kerroksen kohdekieli. Tämä valitsee kaikki polut, jotka olen piirtänyt tälle tasolle.

09/19

Käytä tummaa värisäiliötä

Teksti ja kuvat © Sandra Trainor

Tasot-paneelissa valitun Dark Tones -kerroksen avulla kaksoisnapsautetaan Työkalut-paneelin Fill-ruutuun, joka avaa värivalitsimen. Tumman tumman sävyn osoittamiseksi kirjoitan RGB-arvon kentät 0, 0 ja 51. Kun napsautan OK, muodot täyttyvät tämän värin avulla.

Napsauta Tasot-paneelissa silmän kuvaketta vasemmalla Dark Tones -kerroksessa, jotta se näkyy näkymättömänä.

10/19

Jäljitä keskiäänet

Teksti ja kuvat © Sandra Trainor

Luomaan toisen kerroksen ja nimeän sen "Keskiäänet". Tämä uusi kerros olisi valittava ja istuttava yläpuolella Layers-paneelissa. Jos se ei ole, minun täytyy napsauttaa sitä ja vetää se paikalleen.

Kun Pen-työkalu on vielä valittuna, napsautan Täytä-ruutu ja Ei mitään -painiketta. Sitten jäljessä kaikki keskisävyt samalla tavalla kuin olen seurannut kaikki tummat sävyt. Tässä valokuvassa terät näyttävät olevan keskiääntä, ja myös osa kantapäästä ja eräistä varjoista. Käytän "taiteellisella lisenssillä", jotta varjot lähellä koukkuja pienenevät. Ja jätän huomiotta pienet yksityiskohdat, kuten ompeleet ja raaputusmerkit.

Kun olen päässyt jäljittämään keskisävyjen ympärillä, napsahdan Keskiäänet -kerroksen kohdekiertoa.

11/19

Käytä keskiäänen värityötä

Teksti ja kuvat © Sandra Trainor

Kun valittuna oleva Keskiäänet-kerros ja myös piirrettyjä polkuja, kaksoisnapsautetaan Työkalut-paneelin Täyttö-ruutuun. Värinvalitsimessa kirjoitan RGB-arvon kentät 102, 102 ja 204. Tämä antaa minulle keskimmäisen sävyn sininen. Napsauta sitten OK.

Aion klikata silmän kuvaketta Lähiäänet-kerrokselle. Nyt sekä Dark Tones -kerroksen että Middle Tones -kerroksen pitäisi olla näkymättömiä.

12/19

Jäljitä valoäänet

Teksti ja kuvat © Sandra Trainor

Tässä valokuvassa on vaaleita sävyjä ja erittäin vaaleita sävyjä. Hyvin vaaleita sävyjä kutsutaan kohokohtiin. Tällä hetkellä jätän huomiotta kohokohdat ja keskityn valon sävyihin.

Tasot-paneelissa luodaan uusi uusi kerros ja nimeän se "Valoäänet". Sitten napsautetaan ja vedän tätä tasoa niin, että se istuu Dark Tones -kerroksen ja mallikerroksen välissä.

Kun Pen-työkalu on vielä valittuna, napsautan Täytä-ruutu ja Ei mitään -painiketta. Sitten jäljessä valon sävyjä samalla tavalla kuin olen seurannut pimeän ja keskitason sävyjä. Vaaleat sävyt näyttävät olevan saappaat ja nauhat, jotka voidaan piirtää siten, että ne muodostavat yhden suuren muodon.

13/19

Levitä vaalean värin täyttöä

Teksti ja kuvat © Sandra Trainor

Tasot-paneelissa varmistan, että valotustason kerros on valittu ja myös vedetyt polut. Sitten kaksoisnapsautetaan Työkalut-paneelin Täytä-ruutuun, ja värivalitsimessa kirjoitan RGB-arvon kentät 204, 204 ja 255. Tämä antaa minulle keskimmäisen sävyn sininen. Napsauta sitten OK.

Aion napsauttaa silmäsymbolia Light Tones -kerrokselle, jolloin se näkyy näkymättömänä.

14/19

Jäljitä kohokohtia

Teksti ja kuvat © Sandra Trainor

Kohokohdat ovat kohteen tai kohteen harvoin kirkkaimmat valkoiset osat, joissa voimakkaasti valaistu.

Tasot-paneelissa luodaan uusi uusi kerros ja nimeän se "kohokohtia". Tämä kerros tulee istua yläpuolella. Jos en voi napsauttaa sitä ja vetää se paikalleen.

Kun valittu uusi Highlights-kerros, napsautan Pen Tool -työkalua ja asetan Fill-ruutuun uudelleen Ei. Aion etsiä puhtaita valkoisia tai korostettuja alueita.

15/19

Käytä valkoista täyttöä

Teksti ja kuvat © Sandra Trainor

Kun valittu polku on valittu, kaksoisnapsautetaan Työkalut-paneelin Täyttö-ruutuun, joka avaa värivalitsimen. Kirjoitan RGB-arvon kentät 255, 255 ja 255. Kun napsautan OK, muodot täyttyvät puhtaalla valkoisella.

16/19

Tarkastele yhdistettyjä tasoja

Teksti ja kuvat © Sandra Trainor

Nyt tulee hauska osa, joka on paljastaa kaikki kerrokset ja nähdä piirrettyjä muotoja yhdessä muodostamaan kuvan. Tasot-paneelissa napsautan jokaista tyhjää ruutua, jossa on kerran silmän kuvake, joka paljastaa kuvakkeen ja tekee kerrokset näkyviksi. Varmista, että kaikki kerrokset on poistettu käytöstä, napsautan Työkalut-paneelin valintatyökalua ja napsautan sitten pois kankaasta.

17/19

Tee neliö

Teksti ja kuvat © Sandra Trainor

Koska olen löytänyt jäljityksen, voin nyt poistaa mallin. Napsauta Tasot-paneelissa Template-kerrosta ja sitten pieni Delete Selection -painike, joka näyttää pieneltä roskakoriin.

Tehdä neliö valitsemalla suorakulmion työkalu Työkalut-paneelista, kaksoisnapsauttamalla Täytä-ruutua ja värivalitsimessa RGB-arvot kirjoittamalla 51, 51 ja 153 ja valitsemalla OK. Pidä sitten vaihtonäppäintä alhaalla, kun napsautan ja vedän, jotta luodaan neliö, joka ympäröi luisteluja.

18/19

Muuta taulun kokoa

Teksti ja kuvat © Sandra Trainor
Aion klikata Taulun työkalu -työkalua ja muuttaa arkkia muuttamalla kahvoja sisäänpäin, kunnes se on samankokoinen kuin neliö. Painan Escape poistuaksesi Artboard-tilasta, valitsemalla Tiedosto, Tallenna ja olen valmis! Minulla on nyt tyylitelty graafinen esitys monokromaattisella värimallilla. Jos haluat tehdä version useista väreistä, jatka seuraavaan vaiheeseen.

19/19

Tee toinen versio

Teksti ja kuvat © Sandra Trainor

On helppoa tehdä eri versioita samasta grafiikasta. Jos haluat tehdä version useista väreistä, aion valita Tiedosto> Tallenna nimellä ja nimetä tiedosto uudelleen. Minä nimeän sen, "ice_skates_color" ja klikkaa Tallenna. Tämä säilyttää alkuperäisen tallennetun version ja antaa minun tehdä muutoksia tähän äskettäin tallennettuun versioon.

Haluan Highlights-kerroksen pysyvän samana, joten jätän tämän kerroksen yksin ja napsautan Light Tones -kerroksen Target-ympyrää. Sitten kaksoisnapsautetaan Täytä-ruutua ja värivalitsimessa Siirrän Color Slider alas Color Spectrum-palkkiin, kunnes se saavuttaa keltaisen alueen, ja valitse sitten OK. Tehdään myös muutoksia Lähiäänien ja Tummaäänien kerrokseen samalla tavalla; valitsemalla jokaiselle erilainen väri. Kun olet valmis, valitse Tiedosto> Tallenna. Minulla on nyt toinen versio, ja voin tehdä kolmas, neljäs ja niin edelleen yksinkertaisesti toistamalla edellä mainitut vaiheet.