Luoda optisia harhoja Adobe Illustratorilla

Johdanto:

Hei rakas PSD-yhteisö. Olen iloinen, että saan taas tervehtiä teitä yhdessä tutoriaaleistani. Tässä päivän tutoriaalissa käsittelemme optisia harhoja. Olen valmistanut neljä optista harhaa teitä varten ja nyt luomme ne yhdessä vaihe vaiheelta Adobe Illustratorilla.

Optinen harha 01:

Tässä grafiikassa näette useita ympyröitä, ja keskellä on neliö, jonka sivut ovat kuperat sisäänpäin.

Mitä jos sanon teille, että keskellä olevalla neliöllä on täysin suorat sivut? Ette usko minua? No, sitten vain laittakaa viivoitin sivuille. Huomaatte, että puhuin totta. :-).

Adobe Illustrator – Luoda optisia harhoja

Mittayksiköt:

Ennen kuin aloitamme oikean tutoriaalin, haluan pyytää teitä tarkistamaan mittayksikköasetuksenne. Työskentelemme tässä tutoriaalissa yksinomaan millimetreissä. Jos olet jo tehnyt tämän, voit siirtyä suoraan Askel 1:een.

Vaihtaaksenne mittayksikön Macilla, navigoikaa ylävalikossa kohtaan Illustrator>Asetukset>Yksikkö… (kuva 02).

Windowsilla valitkaa Muokkaa>Asetukset ja sen jälkeen vaihtakaa mittayksikköasetuksiin.

Adobe Illustrator - Luoda optisia illuusioita.

Seuraavassa ikkunassa voitte vaihtaa mittayksikön millimetreiksi. (kuva 03).

Adobe Illustrator – Luoda optisia illuusioita.

Askel 1: Luo ympyrä

Siirry Illustratoriin ja klikkaa ensin Tiedosto>Uusi. Seuraavassa ikkunassa luo vaakasuuntaisena oleva A3-muotoinen dokumentti (voit valita myös minkä tahansa muun muodon).

Adobe Illustrator – Luodaan optisia harhoja

Koska tarvitsemme tässä optisessa harhassa useita ympyrän polkuja, ota ensin Ellipsityökalu Työkaluvalikosta. Se sijaitsee Suorakulmiotyökalun alapuolella ja voit käynnistää sen pitämällä sitä painettuna. Voit myös painaa näppäintä L näppäimistöllä.

Klikkaa nyt Ellipsityökalulla työskentelyalueella. Tällä klikkauksella avautuu ikkuna, johon voit syöttää ellipsin koon. Leveyden ollessa 150mm, syötä tämä arvo myös Korkeuteen. Reunan vahvuuden ollessa 0,5pt.

Adobe Illustrator – Luoda optisia harhoja

Askel 2: Duplikoi ja skaalaa ympyrät

Seuraavaksi tämä ympyrä on monistettava useita kertoja ja skaalattava tasaisesti. Tämä on helpointa tehdä valitsemalla Objekti>Muunna>Skaalaa valikosta.

Syötä seuraavassa ikkunassa arvo 1200%.

Koska tämä skaalaus halutaan tehtävän kopioon ympyrästä, vahvista tämä valinta napsauttamalla Kopiota. Jos napsautat OK, ympyrää ei kopioita, vaan alkuperäistä ympyrää suurennettiin ja pieni katosi. Siksi sinun kannattaa ehdottomasti napsauttaa Kopiota.

Adobe Illustrator – Luoda optisia illuusioita

Jotta voit luoda loput ympyrät, tarvitset Tasaa-työkalun. Löydät sen Työkaluvalikosta yhdessä Pipetin kanssa. Kaksoisnapsauta Tasaa-työkalua ja aseta seuraavassa ikkunassa vaihtoehdot Määritetty määrä ja arvoksi 10.

Adobe Illustrator – Luodaan optisia harhoja.

Kun olet vahvistanut Painamalla OK, napsauta ensin pientä ympyrää (Klikkaus 1) ja sitten suurta ympyrää (Klikkaus 2). Tasaa-työkalu luo automaattisesti 10 sisäistä ympyrää, jotka vielä puuttuvat (ks. kuva 08).

Adobe Illustrator – Luodaan optisia harhoja.

Vaihe 3: Neliön luominen

Nyt puuttuu enää neliö. Luomme sen suorakulmio-työkalulla. Painamalla pikanäppäintä M suorakulmiotyökalu tulee heti näkyviin. Aivan kuten aiemmin ellipsillä, klikkaat yksinkertaisesti työtilaan. Tämän jälkeen ilmestyy ikkuna, jossa voit asettaa koon. Tässä asetat kooksi 112mm leveyttä ja korkeutta. Viivanvahvuudeksi valitset taas kuten aiemminkin 0,5pt.

Adobe Illustrator - Luoda optisia harhoja

Vaihe 4: Optisen harhan viimeistely

Viimeisessä vaiheessa valitset nyt ympyrät ja neliön. Useiden kohteiden valitsemiseksi yhtä aikaa, pidä Vaihtonäppäin painettuna valitessasi kaksi kohdetta.

Nyt tarvitset Tasaus-ikkunan. Löydät sen kohdasta Ikkuna>Tasaus.

Täällä sinun tarvitsee enää painaa kerran vaakasuora tasaus ja kerran pystysuora tasaus (ks. kuva 10).

Adobe Illustrator - Luoda optisia harhoja

Optinen harha 02:

Toisessa optisessa harhassa kyse on suuren ja pienen välisestä suhteesta. Vasemmalla puolella keskipiste näyttää paljon pienemmältä kuin oikealla puolella. Todellisuudessa nämä kaksi pistettä ovat kuitenkin täsmälleen samankokoisia. Rakentaessasi tätä optista harhaa opit käyttämään Siirtymis-dialogia ja Käännös-työkalua.

Adobe Illustrator – Luodaan optisia harhoja

Vaihe 1: Työtilan luominen

Ennen kuin voit aloittaa rakentamisen, tarvitset uuden työtilan. Luot sen uudelleen kohdasta Tiedosto>Uusi. Seuraavassa ikkunassa valitset DIN A3-muodon (mutta voit myös halutessasi ottaa taas valitsemasi muodon).

Kun olet luonut työtilan, sinun on ensin luotava keskusta ensimmäistä ympyrää varten keskelle. Käyttämällä pikanäppäintä Komento+R tai Ctrl+R tuot esille Viivaimet (englanniksi: Rulers) pitämällä vasenta hiiren painiketta painettuna voit vetää apuviivoja viivoittimista. Tarvitset yhden vaakasuoran apuviivan ja yhden pystysuoran apuviivan (noin keskelle) (Kuva 13).

Adobe Illustrator – Luoda visuaalisia harhoja.

Nyt on aika tarkistaa, ovatko Älykkäät apuviivat käytössä. Voit tarkistaa tämän helposti menemällä ylävalikon kohtaan Näytä>Älykkäät apuviivat. Jos ruutua ei ole vielä merkitty, klikkaa sitä aktivoiaksesi tämän toiminnon.

Adobe Illustrator - Luodaan optisia illuusioita

Vaihe 2: Vasemman puolen optisen harhan luominen

Seuraavassa vaiheessa otat Ympyrä-työkalun ja klikkaat pitäen Alt-näppäintä painettuna aiemmin asettamaasi apuviivaan.

Seuraavassa ponnahdusikkunassa asetat koon 38x38mm. Koska pidit aiemmin Alt-näppäintä painettuna, luotu ympyrä tuotetaan suoraan keskeltä keskipisteestäsi.

Adobe Illustrator – Luoda optisia harhoja

Käyttämällä Komento+C ja Komento+F (PC:lla Ctrl+C ja Ctrl+F), kopioit tämän ympyrän ja liität sen takaisin samaan paikkaan. Nyt siirryt ylävalikossa kohtaan Objekti>Muunna>Skaalaa. Täällä asetat Tasa-arvoiseksi arvon 150 % ja vahvista OK.

Adobe Illustrator – Luoda optisia illuusioita

Nyt sinun on siirrettävä tämä ympyrä 55mm ylöspäin. Voit tehdä tämän helposti valitsemalla uudelleen Objekti>Muunna>Siirrä Nollaa vaakasuora arvoksi 0mm ja pystysuora arvoksi -55mm. (Miinus, koska haluat siirtää ylöspäin etkä alaspäin).

Adobe Illustrator – Luodaan optisia illuusioita.

Tämän suuremman ympyrän on nyt jaettava tasaisesti pienemmän ympyrän ympärille. Työkaluvalikosta löydät Kääntötyökalun. Pitäessäsi nyt Alt-näppäintä painettuna ja klikkaamalla keskipistettä voit kääntää ympyrän suoraan tämän akseleiden ympäri.

Kuten ehkä näitte tästä optisesta harhakuvasta esikatselukuvassa, tarvitsevat juuri viisi ympyrää, jotka ovat jaettuna keskimmäisen ympyrän ympärille. Koska ympyrä tunnetusti on 360°, syötät Käännä-dialogiruutuun yksinkertaisesti 360/5. Illustrator ymmärtää tämän laskelman ja näyttää tuloksen välittömästi. (Näin voitte säästää pääkopaltanne laskemisen). Nyt on kuitenkin tärkeää, ettette vahvista OK vaan klikkaatte Kopioi. Näin alkuperäinen ympyrä säilyy ja siitä tehdään kopio.

Adobe Illustrator – Luoda optisia harhoja

Pikanäppäimellä Komento+D (tietokoneella: Ctrl+D) voit toistaa tämän toimenpiteen vielä kolme kertaa lisää.

Adobe Illustrator – Luoda optisia harhoja

Vaihe 2: Luo optisen illuusion vasen puoli

Nyt suurin osa tästä optisesta harhasta on tehty. Luodaksenne oikean osan pienemmillä ympyröillä, valitkaa kaikki Komento+A (tietokoneella: Ctrl+A) ja luokaa niiden viereen pitämällä Alt-näppäintä painettuna kopio.

Adobe Illustrator – Luodaan optisia harhoja.

Loput on enää pientä askartelua. Teidän on nyt napattava jokainen viidestä ympyrästä ja aina pienennettävä ne Objekti>Transformoi>Skaalaa 15%:iin.

Adobe Illustrator – Luoda optisia harhoja

Toinen optinen illuusio on valmis:

Adobe Illustrator – Luodaan visuaalisia harhoja

Optinen illuusio 03:

Aloitetaan suoraan kolmannen optisen illuusion kanssa. Tässä illuusiossa silmämme saavat kuvan linjat ja neliöt (erityisesti keskellä) tuntumaan voimakkaasti siirtyvän vasemmalle tai oikealle. Todellisuudessa linjat ja neliöt ovat kuitenkin täsmälleen vaakasuoria.

Adobe Illustrator - Luoda optisia harhoja.

Vaihe 1: Aloittakaamme!

Tämän optisen illuusion luomiseksi luokaa ensimmäisessä vaiheessa suorakulmiotyökalun avulla neliö, jonka mitat ovat 15x15mm.

Adobe Illustrator - Luodaan optisia illuusioita

Tarvitsemme tästä neliöstä 9 kopiota, joissa on 15mm etäisyys vaakasuunnassa toisistaan.

Tätä varten siirryte uudestaan kohtaan Objekti>Transformoi>Siirrä. Seuraavassa ikkunassa annatte arvon 30mm, jotta saavutatte täsmälleen 15mm etäisyyden seuraavan neliön kanssa. Vahvistakaa tämä dialogi napsauttamalla Kopioi.

Adobe Illustrator – Luoda optisia harhoja

Käyttäen pikanäppäintä Komento+D (tietokoneella: Ctrl+D) luotte vielä kahdeksan muuta kopioita, joten lopussa teillä on 10 neliötä, joilla on 15mm väliä toisistaan rivissä.

Adobe Illustrator – Luoda optisia harhoja

Seuraavaksi napataan Viiva-työkalu Työkaluvalikosta ja piirretään vaakasuora viiva suoraan neliöiden yläreunan kohdalle. Varmistakaa, että viiva ulottuu hieman vasemmalle ja oikealle, kuten kuvassa (viivan paksuus: 1 pistettä).

Adobe Illustrator - Luoda optisia harhoja

Valitkaa nyt kaikki neliöt mukaan lukien juuri piirretty viiva ja kutsukaa uudelleen Siirrä-dialogi kohdasta Objekti>Transformoi>Siirrä esiin. Vaaka-kenttään syötätte 0mm ja Pysty-kenttään 15mm. Vahvistakaa myös tämä dialogiruutu napsauttamalla Kopioi.

Adobe Illustrator – Luoda optisia illuusioita

Käyttäen Komento+D (tietokoneella: Ctrl+D) luotte lisää seitsemän uutta kopiota.

Viimeisimmän kopion luomiseksi luodaan taas alareunaan viiva, jotta kokonaisuus saadaan siististi päätökseen. Sen jälkeen sen tulisi näyttää tältä, kuin kuvassa 29.

Adobe Illustrator – Luodaan optisia illuusioita.

Vaihe 2: Valmiiksi luotu optinen harha

Jotta lopulta saatte tämän optisen hämmästyksen valmiiksi, valitsette aina neliörivin valintatyökalulla ja siirrätte sitä nuolinäppäimillä eri suuntiin. Kun olette tehnyt tämän jokaiselle riville, näyttää siltä kuin viivat ja neliöt olisivat vinottain molempiin suuntiin.

Adobe Illustrator – Luodaan optisia harhoja

Optinen harha 04

Nyt olemme jo viimeisessä optisessa harhassa tässä opetusohjelmassa.

Tässä harhassa näyttää siltä, että pitkät viivat ovat eri kulmissa toisiinsa nähden. Todellisuudessa ne ovat kuitenkin tarkasti 45 asteen kulmassa toisiinsa nähden. Tämä harha syntyy, koska lyhyet viivat ovat aina vuorotellen vaakasuuntaisia ja pystysuuntaisia 45 asteen viivojen vieressä. (Oliko tämä liikaa tietoa kerralla? Ei hätää! Ymmärrätte pian tämän harhan luomisen yhteydessä, mitä tarkoitan. :-) ).

Adobe Illustrator – Luodaan optisia harhoja

Vaihe 1: Luo viivat

Aloita luomalla uusi työtila A3-koossa. Sen jälkeen ota viivatyökalu ja napsauta kerran työtilaasi. Nyt ilmestyy uudestaan ikkuna, jossa voit asettaa viivan Pituuden ja Kulman. Aseta Pituudeksi 300 mm ja Kulmaksi 45° ja vahvista painamalla OK.

Adobe Illustrator - Luoda optisia harhoja.

Siirrä viiva Objekti>Transformoi>Siirrä -valinnalla 40 mm oikealle ja vahvista se Kopioi.

Adobe Illustrator – Luodaan optisia illuusioita.

Nyt tarvitset jälleen Viiva-työkalun. Tällä kertaa luot 30 mm pitkän viivan, jonka kulma on 0°. Aseta tämä viiva nyt keskelle ensimmäisen viivan alareunaa kuten kuvassa.

Adobe Illustrator - Luodaan optisia harhoja

Seuraavaksi kutsu jälleen Siirrä-valikko esiin. Objekti>Transformoi>Siirrä.

Tällä kertaa sinun täytyy siirtää viivaa samanaikaisesti molempiin suuntiin. Aseta 30 mm Vaakatasoon ja -30 mm Pystysuuntaan. Vahvista Kopioi -toiminnolla ja toista se Komento+D (PC:lla Ctrl+D).

Adobe Illustrator – Luo optisia harhoja.

Tämän jälkeen sen pitäisi näyttää suunnilleen tältä. (Katso kuva 36).

Adobe Illustrator – Luoda optisia illuusioita.

Luo nyt uusi viiva Viiva-työkalulla. Valitse taas Pituudeksi 30 mm, mutta tällä kertaa kulmaksi 90°. Aseta tämä viiva keskelle toisen viivan alareunaa ja kutsu jälleen Siirrä-valikko esiin. Objekti>Transformoi>Siirrä. Tässäkin aseta Vaakasuunnassa 30 mm ja Pystysuunnassa -30 mm ja vahvista uudelleen Kopioi. Toista tämä Komento+D (PC:lla Ctrl+D).

Adobe Illustrator – Luoda optisia illuusioita

Nyt valitse kaikki ja kutsu jälleen Siirrä-valikko esiin. (Olette varmasti jo huomanneet, että tätä valikkoa tarvitaan todella usein :-) ).

Tällä kertaa siirrä kaikki 90 mm vaakasuunnassa ja vahvista uudelleen Kopioi. Toista tämä nyt 5-6 kertaa Komento+D (PC:lla Ctrl+D).

Adobe Illustrator - Luodaan optisia harhoja

Tämän pitäisi näyttää suunnilleen tältä teillä:

Adobe Illustrator – Luodaan optisia harhoja.

Nyt olemmekin jo melkein lopussa. Viimeisessä vaiheessa tartu taas Suorakulmio-työkaluun ja vedä suorakulmio suoraan kaikkien viivojesi yli (katso kuva 40).

Adobe Illustrator – Luodaan optisia harhoja.

Vaihe 2: Kehyksen luominen

Sitten valitset kaiken. Parasta on tehdä tämä näppäinyhdistelmällä Command+A (PC:lle Strg+A). Tee sitten oikealla klikkauksella suorakulmion keskelle ja valitse sieltä luo leikkausmaski. Tällä tavoin piilotetaan kaikki elementit, jotka eivät ole näkyvissä.

Adobe Illustrator – Luodaan optisia harhoja.

Nyt sinun tarvitsee vain lisätä leikkausmaskille reunus, jotta saat kauniin kehyksen. Ja siinä se on, viimeinen visuaalinen harha.

Adobe Illustrator – Luoda optisia harhoja

Lopputyöt:

Toivottavasti nautitte tästä oppaasta ja voitte nyt luoda joitakin kauniita visuaalisia harhoja. Kuten varmasti huomasitte, joitain Illustratorin komennoista toistuu usein ja olen melko varma, että kun olette käyneet tämän oppaan kokonaan läpi, ette koskaan unohda, mihin Siirtymisikkuna ja pikapainike Command+D (PC:lle Strg+D) kaikki voi olla hyödyllinen.

Jos sinulla on lisäkysymyksiä aiheesta, kirjoita ne kommentteihin. Pyrin vastaamaan niihin mahdollisimman pian.

Ystävällisin terveisin

Julian