Yksinkertainen animaatio (Imageready pikaopas)

Tutoriaalit, joiden lopputuloksena animoitua kuvaa

Moderaattori
Viestit: 915
Liittynyt: 28.06.2005 12:29
ViestiLähetetty: 09.09.2005 04:54
Taso: Helppo
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 Kuva ja paina punaisen ympyrän sisällä.
Paina Ctrl+C (copy) ja Ctrl+V (paste). Anna layerille nimeksi punainen.Kuva

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.
Kuva

Siirrymme imagereadyyn painamalla Kuva 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. Kuva

Kohta 4
Näemme layerimme (pun. kelt. vihr.) sekä vasemmalla olevan silmän mitä klikkaamalla layer näkyy/ei näy.
**********************
Klikkaa suuremmaksi
Kuva
**********************
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)
Kuva

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.
Kuva

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. :D

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ä.
Kuva

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 :))
-Debilitated-
BiteFight
Avatar
Rivijäsen
Viestit: 156
Liittynyt: 19.04.2007 15:25
ViestiLähetetty: 03.05.2007 13:50
Kiiti tästä! thumbsip
Kuva
Avatar
Aloittelija
Viestit: 4
Liittynyt: 05.03.2007 21:44
Paikkakunta: Pieksämäki
ViestiLähetetty: 11.05.2007 15:57
Kiitti, nyt osaan käyttää jotenkuten ImageReadyakin
Kuva

Aloittelija
Viestit: 1
Liittynyt: 27.07.2007 11:07
ViestiLähetetty: 27.07.2007 11:10
Hei kiitti tästä oppaasta, se on paras! thumbsip

Mutta miten saisin sitten animaationi nettiin? Kun koneeni sanoo että jpg tiedosto ja jotkin muut eivät kelpaa siihen ja sitten kone tahmoo kun koitan nettiin saada...
Vipeltää ja kihertää jalkojen juuressa kaksi marsua!

Toimitus
Viestit: 251
Liittynyt: 23.01.2006 19:48
ViestiLähetetty: 27.07.2007 14:31
Sipsik kirjoitti:Hei kiitti tästä oppaasta, se on paras! thumbsip

Mutta miten saisin sitten animaationi nettiin? Kun koneeni sanoo että jpg tiedosto ja jotkin muut eivät kelpaa siihen ja sitten kone tahmoo kun koitan nettiin saada...


En kyllä ihan ymmärtänyt mitä yrität sanoa, mutta animaatio täytyy olla gif-muodossa. Koneen hitauteen tuskin vaikuttaa itse animaatio. Imageshack kelpuuttaa gif-animaatiot, ainakin ennen on kelvanneet. http://imageshack.us Lataa sinne.
Avatar
Aktiivi
Viestit: 333
Liittynyt: 19.09.2005 15:58
Paikkakunta: Helsinki
ViestiLähetetty: 04.08.2007 00:57
Hehhe ;D Aika hauskat liikennevalot

Aloittelija
Viestit: 7
Liittynyt: 25.12.2007 17:57
ViestiLähetetty: 07.05.2008 16:03
Kuvat ei vaan toimi O.o

Moderaattori
Viestit: 915
Liittynyt: 28.06.2005 12:29
ViestiLähetetty: 10.05.2008 15:56
Kuvat upittu uudestaan.
Ulkoasuun ei vieläkään koskettu. :D
-Debilitated-
BiteFight

Paluu Animaatio

Paikallaolijat

Käyttäjiä lukemassa tätä aluetta: Ei rekisteröityneitä käyttäjiä ja 1 vierailijaa

cron