Versio: Photoshop cs ja imageready cs
-----------------------------------
Ensiksi tehdään photoshopilla (cs) nopeasti palikat joita tarvitsemme animaatiossamme.
Kopioi ensin Tämä kuva tai tee itse.
Valoja on kolme, joten tarvitsemme kolme eri layeria.
Ota magic wand
ja paina punaisen ympyrän sisällä.Paina Ctrl+C (copy) ja Ctrl+V (paste). Anna layerille nimeksi punainen.

Klikkaa alinta layeria (background).
Tee samat keltaiselle ja vihreälle ympyrälle.
Seuraavaksi pitää muuttaa kuva mustavalkoiseksi.
Klikkaa alinta (background) ja paina Shift+Ctrl+U (desaturate)
Nyt pitäisi olla kaikki mitä tarvitsemme eli layerit pun. kelt. vihr ja background.

Siirrymme imagereadyyn painamalla
tai Shift+Ctrl+M-------------------------------
Pysähdytään hetkeksi ja katsotaan miltä ruutu näyttää ja mitä tarvitsemme tässä tutossa.
(thumbnail hiukan alempana)
Kohta 1
Animaatioikkuna.
Jos et näe kohtaa 1 valitse window->animation.
Kohta 2
Vasemman puoleisella painikkeella tehdään uusi kuva valitun kuvan eteen ja oikean puoleisella poistetaan valittu kuva.
Kohta 3
Valitaan miten kauan animaatiomme pyörii (forever/ikuisesti, once/kerran tai other eli kuinka monta kertaa animaatio pyörii ympäri.)
Valitse forever.
Kohdan yläpuolella on 0sec. mikä tarkoittaa kuinka kauan kyseinen kuva näkyy. Oikealla napilla voimme valita mieleisemme.

Kohta 4
Näemme layerimme (pun. kelt. vihr.) sekä vasemmalla olevan silmän mitä klikkaamalla layer näkyy/ei näy.
**********************
Klikkaa suuremmaksi

**********************
Jatketaan.
Aloitetaan animaation teko vihreästä eli ensiksi klikkaa silmän kuvaa punaisesta ja keltaisesta layeristä jolloin näkyville jää vain vihreä "valo". (kohta 4)

Seuraavaksi tee uusi kuva (kohta 2).
Poista vihreä layer näkyvistä ja ota keltainen näkyville.
Tee taas uusi kuva.
Poista keltainen ja ota punainen näkyville.
Tällä hetkellä sinulla pitäisi olla animaatio-ikkunassa 3 eri kuvaa (vihr. kelt. ja pun.) eli valo vaihtuu vihreästä keltaisen kautta punaiseksi.
Tee taas uusi kuva ja ota keltainen näkyville, mutta älä poista punaista.

Tässä vaiheessa voit kokeilla animaation toimivuutta painamalla play/stop näppäintä (kolmio oikealle).
Jos silmissä vilkkuu ja pää tulee kipeäksi niin kaikki on ok.

Tarkoituksenammehan on tehdä liikennevalot eikä diskovaloja, joten nyt siirrymme animaation ajastukseen. (kohta 3)
Klikkaa oikealla kuvan nro1 ajastinta (0sec) ja valitse 5.0 sec.
Tee sama kuva nro2, mutta valitse 2.0sec.
Kuva nro3 valitse mieleisesi (itse laitoin 7sec other...nappia painamalla)
Ja kuvaan nro4 riittää 2.0sec aivan hyvin.
Kokeile uudestaan play/stop.
Pitäisi näyttää suunnilleen tältä.

Tallenna kuva save optimized as... Ctrl+Shift+Alt+S ja anna animaatiollesi nimi.
PS. *huh**huh* Olipa hommaa taas kerrakseen.
Pahoittelen hieman sekavaa ulkonäköä, mutta toivottavasti saatte jotain selvää. (korjaillaan jos jaksetaan
)




