tiistai 3. syyskuuta 2019

Adobe | Illustrator

Adoben ohjelmista


Illustrator: 
Käytetään vektori grafiikan tekemiseen eli tarkoittaa sitä, että kuvaa voi suurentaa rajattomasti niin ettei kuvan laatu kärsi.

Lightroom:
Lightroomin on tarkoitettu RAW/NEF eli raakakuvien käsittelyyn.

Photoshop:
Kuvien syvääminen ja kuvamanipulaatiot.

Painovalmis ja julkaisuvalmis tiedosto


Painovalmis tiedosto on se, joka menee painotalolle, joka voidaan painaa:
  • Messu osasto
  • Lomakepohjat
  • Wc-paperit
  • Tapetti
  • Logo
  • Kirjat
  • Auto teippaukset
  • Flyerit
  • Julisteet
  • Taulut
  • Postikortit
  • Käyntikortit
  • Paitapainatus
  • Pakkaukset

Painovalmis versio tehdään .ai tai .pdf muotoon. .ai on muokattavissa oleva työversio ja .pdf muoto on painovalmis ja voidaan lähettää painotaloon.

Painovalmiin väriavaruus on CMYK eli ne ovat painovärejä. Joten CMYK värejä pitää käyttää kaikissa paino tiedostoissa. Ne muodostuvat: C = Cyan, M = Magenta, Y = Yellow ja K (Key) = Musta. CMYK värit mitataan prosentteina.

Painovalmiin tiedoston mittayksikkö on mm (millimetri).

Painovalmiissa resoluutio on 300 res.

Painovalmiin Bleed eli ylivuoto/ ylimeno on 3mm.


Julkaisuvalmis tiedosto on se jota käytetään sähköisesti:

  • Facebook
  • Instagram
  • www-sivustot
  • verkkokaupat
  • Logot
  • Blogi
  • Sähköpostilla lähetettävä kuva, joka näkyy asiakkaalle jne.

Julkaisuvalmis tiedosto luodaan .ai tiedostoksi.  Kun kuvassa on tausta julkaisuvalmis tallennetaan .jpg muotoon kun taas tausta on läpinäkyvä se tallennetaan .png muotoon.

Julkaisuvalmiin väriavaruus on RGB eli R = Red, G = Green ja B = Blue. RGB värit ovat kolme valon väriä ja niitä käytetään digitaalisessa maailmassa kuten tietokoneissa, tv:ssä sekä kameroissa. RGB:tä mitataan lukuina ja Hex arvolla eli kuuden kirjaimen tai numeron yhdistelmällä. Hex arvossa ffffff tarkoittaa aina mustaa tai valkoista väriä.

Mittayksikkönä julkaisuvalmiissa tiedostossa käytetään PX = Pixeliä.

Julkaisuvalmiissa tiedostossa resoluutiona käytetään 72.

Julkaisuvalmiiseen ei tule bleediä.

Tiedoston nimeäminen

  • Asiakkaan nimi
  • Työn nimi
  • Mitat
  • Painovalmis
  • Vuosi

Adobe Illustrator / Vektorigrafiikka


Adobe Illustratoria käytetään vektorigrafiikan tekemiseen. Kuten aiemmin jo ylempänä on mainittu vektorigrafiikka tarkoittaa sitä, että kuvatiedostoa voi skaalata lähes äärettömästi. Skaalaus taas tarkoittaa sitä, että on kuvatiedosto, joka ei muutu epätarkaksi sen kokoa muokattaessa.

Kuva tai teksti kannattaa vektoroida koska muuten tiedostosta saattaa hävitä tietoa jolloin se voi muuttua käyttökelvottomaksi.

Teksti kannattaa vektoroida erityisesti jos sitä on vähän. Yleisenä ongelmana on fonttien katoaminen tai väärät fonttiteidostot, jolloin teksti voi näyttää eri ihmisten koneilla erilaiselle.

Vektorigrafiikkaa piirrettäessä on helppoa määrittää piirrosten tarkka koko.

Yleensä vektorigrafiikka ei vie paljoa tallennustilaa.

Adobe Illustrator ohjeita


Uusi työ aloitetaan niin, että valitaan FILE valikosta NEW. 

Sitten pitää miettiä onko tekemässä painovalmista (mm) vai julkaisuvalmista (px) työtä ja laittaa asetukset sen mukaan.
  • Width = Leveys
  • Height = Korkeus
  • Bleed(ylimeno) = 3mm
  • Advanced option = CMYK tai RGB

TAUSTAVÄRIN TEKEMINEN

Valitse valikosta neliön muotoinen Retangle tool ja paina siftiä pohjassa. Niin mittasuhteet säilyvät kun vedät itse määrittelemäsi alueeseen, alueen kokoisen neliön. Voit vaihtaa taustan väriä ja taustan reunojen väriä.

SADEPISARAN TEKEMINEN

Mustalla nuoli työkalulla eli Selection toolilla voit valita ja siirtää tekemiäsi kuvioita ja tekstiä.

Valkoinen nuolityökalu on Direct Selection tool. Kun sillä klikkaa tekemiinsä kuvioihin näkyy kuviossa anchor ja path pisteitä. Pisteistä venyttämällä kuviota voi muokata. 

Voit tehdä esimerkiksi pisaran kun valitset valikosta Retangle toolin ja teet ympyrän. Klikkaat ylintä ympyrän ankkuri pistettä valkoisella nuolella eli Direct Selection toolia käyttäen ja venytät sitä valkoisella nuolella ylöspäin ja saat sen liikkumaan. Valitse venyttämäsi ankkuripisteen kohdalla vielä venyttämisen jälkeen convert ja saat terävän pään kuviolle ja se muistuttaa vesipisaraa.

Tässä kuvassa Illustratorilla tehty valmis pisara, jonka ankkuripisteet näkyvät


PILVEN TEKEMINEN

Kuvio kuten pilvi pitää tehdä osista.

Tässä kuvassa näkyy Illustratorilla tehty pilvi ja mistä osista se muodostuu


Tee tarvittavat kuviot ja liitä pilven osat paikoilleen.

Tässä kuvassa pilven osat on liitetty yhteen ja pilvessä on vain yksi yhtenäinen ääriviiva


  • Valitse Siftillä pilven osat.
  • => Valitse window.
  • => Pathfinder => Unite (liittää useamman kappaleen yhdeksi ja samaksi kappaleeksi).

WIEW => Outline => näkee polut.
WIEW => Prewiew => kuvio palautuu normaaliksi.
=> Tarkista mistä kappaleet muodostuvat.

Tässä on valmis kuva johon on tehty tausta, sadepisarat ja pilvi


Zoomaus työkalu eli Zoom tool on lähtökohtaisesti plus eli suurentaa, mutta kun painaa ALT ja - MIINUS niin pystyy loitontamaan näkymää.

Kaiken saa pyyhittyä pois kun Valitsee mustalla nuolella eli Selection toolilla kaikki ja painaa BACKSPACE niin kaikki katoaa.


TYPOGRAFIA

Valitse valikosta Type tool eli työkalu, jossa on T.  Maalaa teksti ja muuta pistekokoa.

Klikkaa tekstiä mustalla nuolella eli Selection toolilla niin voit vaihtaa väriä, kokoa ja fonttia halutuksi.

HUOM!! Teksti osiot kirjoitetaan aina erikseen!! Ei enteriä rivinvaihtona.

Tässä kuvassa tekstien kokoa, väriä ja fonttia on muokattu
sekä tekstit siirrelty Selection toolilla paikoilleen ja valittu kaikki tekstit samaan aikaan

Window valikosta löytyvät kaikki työkalut.

Avaa Window valikko ja valitse Align. Valitse siitä tulevan valikon oikean reunan neliö valikosta Show options.

Valitse kaikki halutut tekstit ja tee yhdestä tekstistä superaktiivinen eli klikkaa vain yhtä tekstiä vaikka kaikki tekstit ovat valittuna. Valittu teksti muuttuu siniseksi.

Klikkaa Distribute spaces. Se suurentaa tai pienentää tekstien välejä sen mukaan mitä on itse määritellyt.

Tässä kuvassa valittu Distribute Space ja valittu ensimmäinen home sana, jonka mukaan tekstit liikkuvat valitun arvon mukaan


Kun kaikki on valmista tekstit oikoluetaan vielä.

Sitten valitaan tekstit => Type => Create Outlines = teksti muuttuu kuvaksi = Teksti on "vektoroitu".

Tässä kuvassa kuva on vektoroitu.
Kuva havainnollistaa, että ensin valitaan Create Outlines ja teksti "vektoroituu" kuvaksi.


Vektoroinnin jälkeen EI voi muuttaa enää mitään.

TALLENNUS

  • Valitse FILE valikosta SAVE AS (tiedostomuoto .ai). 
  • Tiedostolle nimi (tiedoston nimeen EI erikoismerkkejä, eikä ääkkösiä).
  • Valitse tiedostolle paikka mihin tallennat sen.
  • => TALLENNA

Jos haluat kuvan blogiin (julkaisuvalmis):
  • Valitse FILE valikosta EXPORT SAVE FOR WEB (tallentaa vain paperi alueen).
  • Voit valita .JPG (valkoinen tausta) tai .PNG (läpinäkyvä tausta).
  • Voit määrittää myös kuvan leveyden
  • => SAVE

Lorem Ipsum


1500-luvulta lähtien olemassa ollut teksti, joka muistuttaa latinaa, mutta ei tarkoita mitään. Käytetään usein täytetekstinä graafisessa suunnittelussa ulkoasun testaamiseen kun oikeaa sisältöä ei vielä ole.

Kun julkaisussa käytetään tekstiä, joka ei tarkoita mitään suunnittelija saa työn tarkastelijan keskittymään ulkoasuun eikä sisältöön. Normaalisti ihmiset keskittyisivät vain tekstin sisältöön.






Ei kommentteja:

Lähetä kommentti

Somestrategia KUI Designille

Työsuunnitelma somestrategia KUI Designille Tässä suunnitelmassa olen tehnyt KUI Designille kahden kuukauden somestrategia...