maanantai 29. syyskuuta 2014


TUTORIAL

Aloitetaan tekemällä simppelisti ympyrä.

Tämän jälkeen lisäämme sakaroita painamalla ylös- tai alaspäin nuolia.

 Sakaroiden pituutta voi muuttaa painamalla "cmd" -näppäintä, ja liikuttamalla hiirtä.

 Muokatun tähden kokoa voi muuttaa hiirtä liikuttamalla, pitäen vasenta hiiren painiketta pohjassa.

 Hiiren vasemman painikkeen vapauttaminen tekee tähdestämme valmiin objektin.

 Tämän jälkeen valitsemme tähden selection toolilla.
 Valitun objektin teräviä kulmia voi muokata direct selection toolilla.

 Objektin kulmien vieressä olevista palloista voimme pyöristää kulmia.

 Kulmat pyöristyy, kun vapautamme vasemman hiiren painikkeen.

 Minun mielestäni kuvamme kaipaa tekstiä, valitkaamme siis text tool.

 Tämän jälkeen voimme valita fontin yläpalkista.


Tästä dropmenusta voimme muuttaa fontin kokoa, minun mielestäni n. 24 on hyvä.



 Pencil toolilla voimme piirtää viivan, jonka muotoon voimme kirjoittaa. Ja tämän jälkeen painamme text toolia oikealla hiiren painikkeella.


 Klikkaamme tämän jälkeen viivaamme ja kirjoitamme tekstin.


 Teksti ei mahdukkaan viivalle. Mitä tehdä?

 Valitsemme direct selection toolin, ja vedämme ankkureita ulommas.

 Tähtemme näyttää kovin yksinäiseltä, tehkäämme tämän taustalle ympyrä asettamalla hiiri tähden keskelle.

 Tämän jälkeen laitamme ympyrän tähtemme alle.


 Itse käänsin hieman tähteä.


 Musta ympyrä tähtemme takana näyttää aika tylsältä. Gradient tool on siis oiva vaihtoehto.

 Klikkaa liukuvärikuvaketta oikealla. 

 Liukuvärin liukupisteitä ja värejä voi muuttaa sliderilla.

 Tämän jälkeen tahdoin muokata tähden väriä.

 Lisää liukuvärejä.

 Tahdon ulkoreunat tähdeltämme pois ja hieman varjoa  tilalle.

 Valitsen siis tähden, ja yläreunasta pienennän "strokea".

 Stroke on nyt nollissa, eli ulkoreunat ovat 0px paksut.

 Lisätäkseni varjot, valitsen tähden...

 ...etsin efekteistä "stylize"...

 ...ja tämän alta "drop shadow".

 Tässä valikossa voimme muuttaa varjon asetuksia.

 Suosittelen esikatselun aktivoimista.

 Kuva ontuu... Se kaipaa lisää kikkailua, leikkaan siis tekstin alueen tähdestä.

 Klikkaa siis tekstiä oikealla hiiren painikkeella. 
 Tämän jälkeen teen "compound pathin" eli...

  ...valitsen tekstin ja tähden, klikkaamalla molempia shift pohjassa ja "object" dropmenun alta, compund pathista "make"


 Hmm... Tämä tarvitsee jotain, leikkaanpa alaviivan tekstin alle.

 Piirrän pencil toolilla viivan...

 ...ja teen saman viivalle kuin tekstillekin.

 Tämän jälkeen valitsen taas tähden, koska tahdon viivaa enemmän esille.

 Piirrän tähden paikkaan, johon sen tahdon...

 ...ja muotoilen tätä taas.


 Nyt kun tähti on tehty, leikkaan sen taas irti. Compound pathilla.

 Tämän jälkeen tallennamme työn, File>Save.

 Tästä valikosta voimme valita tallennuskansion ja tiedostonimen.

 Tästä en itse ainakaan löytänyt mitään muokattavaa tästä, joten ok.

 Jos tahdon exportata kuvan verkkoa varten, "save for web"

 Oikeasta hyläkulmasta voi muokata kuvan formaattia, ja muita asetuksia. Kun kaikki on omasta mielestä hyvin, "save"


 Tämän jälkeen valitsemme tiedostonimen ja painamme "Tallenna"