free webpage counters
ETUSIVU materiaalit

15 GIF Construction Set


GIF Construction Set on ohjelma, jolla voidaan kasata kuvia animaatioiksi. Animaatioita voidaan käyttää vaikkapa www-sivuilla. Netistä löytyvät mainoslaatikot eli "bannerit" ovat usein animoituja. Niissä mainokset vaihtuvat tietyin aikavälein.

GIF Construction Set on bookwarea. Tässä tapauksessa rekisteröinti tapahtuu tilamaalla Steven William Rimmerin novelli "The Order". Kirjan voi tilata mm. Alchemy Mindworks Incorporationilta hintaan 6.99 $ + postikulut. Ohjelma toimii tosin hyvin ilman rekisteröintiäkin. Rekisteröimällä pääsee eroon rekisteröintikehotuksista sekä saa animaation tallennuskohtaan uuden kentän lisäkommenteille. Nykyisin tuota versiota ei juuri löydä mistään päin nettiä, mutta tilalle on tullut shareware ohjelma Gif Construction Pro.



Ennen kuin voit koostaa ohjelmassa animaation, sinulla täytyy olla vähintään kaksi tai useampia kuvia valmiiksi tehtyinä. Kuvien olisi järkevää olla samankokoisia keskenään. Kuvat kannattaa myös pakata mahdollisimman hyvin, joko manuaalisesti värejä pudottamalla tai erillisillä kuvapakkausohjelmilla, kuten Ulead Smart Saverilla tai Advanced GIF Optimizerilla.

Etusivulla pyörivään animaatioon on käytetty kuutta kuvaa. Mitä enemmän kuvia käytetään, sitä sulavampaa animaation liike tietysti on, mutta tilan kustannuksella. Varsinkin modeemin käyttäjälle ei ole mukavaa, jos animaatio vie satoja kilotavuja tilaa. Esimerkkianimaatio on vain noin viisi kilotavua iso. Kuvien värien käyttö tulisi suunnitella siten, että animaatio toimisi hitaammillakin yhteyksillä.

Kannattaa tutustua myös ohjelman ohjeistuksiin (Help), jossa asiat kerrotaan paljon yksityiskohtaisemmin kuin tässä minioppaassa.

Ohjelman käyttöliittymä.

Objektien lisääminen

Image-objektilla lisätään kuvia animaatioon. Yleisimmät kuvaformaatit ovat käytettävissä: PNG, PCX, TIFF, JPG, GIF, BMP ym.

Header-objektista voidaan määritellä animaation käyttämän alueen koko, taustaväri ja paletti. Paletiksi voidaan ladata myös oma värikartta.

Loop-objektilla saadaan animaatio pyörimään "ympäri", kertaantumaan. Loop-objekti on listalla aina toisena Header-objektin perässä. Objektin määrityksessä voidaan säätää animaation kertaantumismäärää.

Joka kuvan väliin on syytä määrittää kuville oma Control-objektinsa. Siinä määritellään mm. kuvan vaihtumisnopeus ja taustan läpikuultavuus. Läpikuultava väri voidaan valita joko paletista tai sitten kuvasta tippa-työkalulla.

Comment-objekti sisältää vain tekstikentän, johon kommentti voidaan kirjoittaa. Kommentti voi sisältää 32767 merkkiä.

Plain text-objektilla saadaan lisättyä tekstiä animaation päälle. Location-kehikossa määritellään tekstin alkamispiste ruudulla. Font-kehikossa määritellään tekstin tilankäyttöön ja väreihin liittyviä asioita. Kuten kuvalle, Plain text-objektillekin on luotava oma Control-objektinsa, josta voidaan määritellä tekstin näkyvyyteen liittyvät arvot.

Animaation luominen

Käynnistetään ohjelma ja avataan uusi tiedosto (menusta "File" "New"). Luodaan aluksi Loop-objekti Header-objektin perään. Lisätään animaation toistuvuuden (iterations) määrä tuhansiin (Edit tai tuplaklikkaus loop-objektin päällä). Seuraavaksi tuodaan kuvat objektilistaan esiintymisjärjestyksessä. Kuvat voidaan hakea kahdella tavalla: joko Merge-painikkeesta (ainoastaan GIF-kuvat) tai sitten Insert-painikkeesta (ja sieltä valitaan Image). Jälkimmäisessä tapauksessa voidaan tuoda muitakin kuin GIF-kuvia animaatioon. Kuvan latauksen yhteydessä aukeavassa ikkunassa määritellään vielä minkälaista palettia kuvaan sovelletaan. Valitaan sopiva paletti.

Voit muokata kuvan asetuksia tuplaklikkaamalla kuvaa objektilistalla (tai Edit-nappia klikkaamalla). Täältä voit määrittellä kuvan sijainnin ruudulla ja ladata sille oman paletin. View-napista voit esikatsella kuvaa.

Lisää kuvan perään Control-objekti ja tuplaklikkaa sitä. Pääset täältä vaikuttamaan kuvan käyttäytymiseen vaikuttaviin tekijöihin. Voit säätää esimerkiksi kuvan taustavärin läpikuultavaksi (transparent color) joko paletista tai tipetillä kuvasta. Muut toiminnot liittyvät kuvan liikkuvuuteen animaatiossa; wait for user input-kohta ruksattuna animaatio pysähtyy kyseisen kuvan kohdalle odottamaan käyttäjän toimenpiteitä (napin painallusta). Delay-kohdasta voit määritellä kuvan viiveen (ts. vaikuttaa animaation nopeuteen). Remove by-kohdasta määritellään mitä tapahtuu sen jälkeen kun kuva on näytetty (katso lisää ikkunan help-painikkeesta).

Nyt olemme saaneet yhden kuvan asetukset valmiiksi. Tämän jälkeen tehdään sama temppu muillekin kuville (eli laitetaan Control-objekti joka kuvan perään). Aikaa säästääksesi voit kopioida objekteja leikkaa ja liimaa-menetelmällä: valitaan objekti edit, copy valitaan sijoituspaikka edit, paste. Kun animaatio on valmis, tallennetaan se ("File" "Save"). Tiedoston voi laittaa vaikkapa nettisivulle. Gif Construction Setillä tehtyjen animaatioiden toimivuus vaihtelee hieman ohjelmakohtaisesti, joten jälkisäätöä saatetaan joutua tekemään.

Nettiin saat kuvan liitettyä koodilla
<IMG SRC="ukkoanimaatio.gif">

Tässä kuvia harjoittelua varten: ukko1, ukko2, ukko3, ukko4, ukko5, ukko6.
(Tallen esim. avaamalla kuva tai sitten linkin päältä oikea hiiren painike ja "tallenna kohde nimellä")