D e v i l ' s _ L i t t l e _ S i s t e r

Iconien tekeminen

Tässä tutoriaalissa opetetaan, miten voidaan tehdä yksinkertainen icon/avatar. Blendaushaastesivustoilla kulkee sellainen haaste kuin iconize ja itse asiassa tämä on juuri sitä! Tehdään jostakin kuvasta 100x100 piskelin kokoinen iconi :) Tällä kertaa en käytä Anistonin kuvia, vaan saatte ihastella Lady GaGaa<3 Jos haluat käyttää samaa kuvaa kuin minä, niin saat sen tästä. (Kuvan otin screenshottina Poker Face videolta xD)

Avaa kuvanmuokkausohjelmassasi haluamasi kuva.

Tämä tuto on tehty aika lailla tarkkaan. Että ihan kädestä pitäen opetetaan 8D Toivottavasti tämä ei kovin monea sitten häiritse.

Ihan ensiksi kannattaa pienentää kuvaa. Ota siis Image -> Resize...


Nyt pienennät kuva sopivan verran. Varo kuitenkin, ettei leveys eikä korkeus alita sataa pikseliä.

Sitten ok. Jos kuva pienentyi liikaa tai liian vähän, kumoa ja kokeile uudestaan :)


Seuraavaksi rajaamme kuvan 100x100 pikselin kokoiseksi. Ota siis käyttöösi rajaustyökalu (crop-tool).



Katso, että molemmat arvot ovat 100 ja rajaa kuva mieleiseksesi painamalla tuota sinistä oikein-merkkiä 8D



Noniin. Nyt iconisi on oikean kokoinen! Seuraavaksi tarvitsemme kaveriamme Raster Layeria. (Layers -> New Raster Layer).



Eteesi avautuu Rastrer Layerin valinnat (eli tuo mikä tuossa alemmassa kuvassa on). Valitse Blend Modeksi Exclusion ja paina ok.



Valitse väriksi jokin tummansininen. Minun käyttämäni väri on #16186C



Sitten ota käyttöön maalipurkki-työkalu (Flood Fill Tool) ja täytä Layer (taso) sillä sinisellä värillä. Lopputuloksen pitäisi näyttää jotakuinkin tuolta, kuin tuossa oikeanpuoleisessa kuvassa.

(Tässä vaiheessa sanon, että edistyneemmät voivat toki kokeilla eri blend modeja ja eri värejä ja textureita ja muuta.)


Nyt kannattaa tehdä taas uusi Raster Layer. (Layers -> New Raster Layer) Blend Mode on ihan se Normal ja niin.

Seuraavaksi tehdään iconiisi reunat. Ota Selections -> Select All.

Nyt iconisi pitäisi olla valittuna (katkoviivareunat).


Seuraavaksi ota Selections -> Modify -> Contract (Tällä jutulla "pienennetään" valintaa).

Number of Pixels kohtaan laitat haluamasi arvon. Reunoista tulee sitten antamasi arvon paksuiset. Minä teen nyt ohuet 1 pikselin paksuiset reunat.


Seuraavaksi otat käänteisenvalinnan. Selections -> Invert. Sitten otat taas käyttöösi maalipurkkityökalun (Flood Fill Tool) ja klikkaat sitä ohutta reunaa, joka on iconissasi valittuna värittääksesi sen. (Itse käytin reunojen värinä samaa sinistä kuin aiemmin käytimme).

Sitten poistat valinnan häiritsemästä. Selections -> Select None. Iconissasi on nyt reunat!


Nyt voi käyttää luovuutta. Lisätä brusheja ja tekstiä ja muuta. Itse lisäsin tuohon iconiini tekstiä ja yhden kiekurabrushin.

^ Vapaata riistaa, saa kopioida, jos haluaa.


Tässä tutoriaalissa siis teimme tuollaisen Exclusion-iconin. Neuvoisin kokeilemaan siinä vaiheessa erilaisia blend modeja ja icon-textureita ;) Kivoja icon-textureita löytyy mm. täältä, täältä ja täältä.
(Kahdessa ekassa paikassa pitää ladata icontexturet semmoisissa paketeissa, joissa tulee monta texturea ja jotka siis pitää tallennella/purkaa omalle koneelle)