Veebile animatsioonide tegemine… (tasuta tööriistu kasutades!)

Original: http://zisman.ca/Animate/

 Alan Zisman (c) 2002

Veebis näha olevad uhked animatsioonid on tehtud kallite, raskesti õpitavate tööriistadega, näiteks Macromedia Flash. Väiksemad ja lihtsamad animatsioonid, mida nimetatakse animeeritud gifideks, võivad elavdada veebisaiti ja neid saab teha tasuta tööriistade abil.

Siin on näide animeeritud GIF-ist, mis on võetud suitsetamisvastaselt veebisaidilt: Cigarette.com

Smoking skull animation

Animeeritud GIF-id tehakse GIF-vormingus salvestatud 256 värvi ja sama suurusega piltide (kaadrite) seeriast. Gif-animatsioonitarkvara võimaldab teil raamid järjestada, määrata nende esitamise ajaarvamise ja selle, kas nad silmusid alatiseks, või esitamisel kuvatakse lihtsalt üks kord.

Erinevate hindadega on saadaval arvukalt jagamisvara ja kommertslikke Gif Animation programme… kasutame väikest, tasuta ja lihtsat: UnFREEz. Kui teil pole koopiat, klõpsake selle allalaadimiseks selle nimel (selle avamiseks vajate lahtipakitavat programmi – installimist pole; topeltklõpsake selle käivitamiseks lihtsalt pakitud failil… pange tähele, et UnFREEz ja tegelikult on see õpetus suunatud Windowsi kasutajatele. Maci kasutajad võiksid proovida tasuta tarkvara: GifBuilder (GifBuilder Carbon for OS Xvõi HVS Animator.

Kui UnFREEz käivitub, näeb see välja järgmine:

UnFreeze screen shot

Selle kasutamiseks animatsiooni loomiseks peate looma oma GIF-vormingus salvestatud kaadrisarja mõnes värviprogrammis, näiteks Windows Paint (mis avaneb ja salvestatakse GIF-vormingus, kui teil on installitud Microsoft Office) või uuem lõpuprogrammid nagu Photoshop. Teise võimalusena võite kasutada KidPixi või Windows Paint’i, et salvestada rea ​​graafilisi faile Windowsi Bitmap (BMP) või muus vormingus, seejärel kasutada igaühe GIF-vormi varjamiseks tasuta graafikakonversiooniprogrammi nagu Irfanview.

Kui teie raamid on olemas, leidke need jaotisest Minu arvuti või Windows Exploreris ja lohistage nende ikoonid soovitud järjekorras UnFREEzi aknasse Raamid. Kui olete lõpetanud, klõpsake nuppu Tee animeeritud GIF, andes oma failile nime ja asukoha. (Vihje: kui soovite oma animatsiooni veebis kasutada, ärge kasutage failinimes tühikuid!)

Võite katsetada kaadri viivituse seadistust, et muuta teie kaadrid kiiremaks või aeglasemaks – aeglasem on kohmakam, kuid kiirem võib olla liiga kiire!

Animatsiooni vaatamine

Võib-olla olete märganud, et paljaste kontidega programm UnFREEz ei näita tegelikult, kuidas teie animatsioon välja näeb. Peate seda vaatama mõnes muus. Multitalentne ja tasuta Irfanview töötab selleks hästi.

Raamide loomine Paint’is

Kõigepealt veenduge, et teie Windows Paint koopia saaks avada ja salvestada GIF-vormingus. (Kui see nii ei ole, saate seda siiski kaadrite loomiseks kasutada, kasutades BMP-vormingust GIF-iks teisendamiseks Irfanview’i või muud tarkvara). Open Windows Paint (leiad ikoon Menüü Start/Programmid/Lisaseadmed menüü)… minge Fail/Ava menüü ja klõpsa näha Seda tüüpi faile rippmenüüst… kas teil on see valik:

Open dialogue box

Sel juhul saate jätkata ilma täiendavaid konversioone vajamata. Kui ei, jätkake ikkagi – pidage meeles, et enne nende Gif Animation tarkvaraga kasutamist peate oma raamid teisendama Gif-vormingusse (kasutades Irfanview’i või muud tarkvara).

Enne maalimise alustamist valige animatsiooni suurus. Üldiselt on väiksem parem… väikesed animatsioonid laadivad Interneti kaudu palju kiiremini. Programmis Paint klõpsake menüüd Pilt/Atribuudid. Sa näed:

Attributes dialogue box

Määrake oma ühikuteks Pikslid (pildielemendid – punktid ekraanil)… lihtsalt selleks, et teile midagi hinnata, on järgmine pilt 200 x 200 pikslit (ja on animeeritud GIF-i jaoks üsna suur:

Sample 200x200 pixels animation

Kui olete oma suuruse määranud, looge julgelt oma esimene kaader. Salvestage see võimaluse korral GIF-vormingus. Soovitaksin failinimesse lisada numbri, et näidata, milline raam see on: näiteks Frame1.gif.

Siin on kena valik – kui teie kaader on GIF-iga salvestatud, näete menüüs Pilt/Atribuudid naasmist, et nüüd on saadaval läbipaistvuse valikud – hallid ja ülaltoodud pildil pole saadaval… kontrollige [ ] Kasuta valikut läbipaistev taustavärv võimaldab teil valida värvi – Gif-i kuvamisel on kõik selles värvis läbipaistvad – see on kena funktsioon, kuna see võimaldab teil seda fotot või animeeritud GIF-i kasutada mis tahes taustavärviga veebilehtedel ja mitte värviline ruut GIF-i jaoks. Pange tähele, kuidas seda kasutatakse ekraani ülaosas suitsetavas koljus.

Pärast Frame1 salvestamist klõpsake järgmise kaadri jätkamiseks menüükäsku Fail/UusPilt/Omadused jääb viis seate neid… kuigi sa pead uuesti valida läbipaistva värvi iga raami. Ilmselt peavad kõik teie animatsiooni kaadrid olema sama suurusega. Efektiivse animatsiooni saamiseks püüdke omada vähemalt tosinat või enamat kaadrit.

Märkus GIF-vormingus salvestamise kohta:

GIF-vorming on piiratud 256 värviga. Selle tulemusel, kui proovite fotot kasutada oma pildi osana (olgu see siis pilt või animatsioon), näeb see GIF-vormingus salvestades välja foto vähem eluline. Vaadake selle lehe ülaosas olevat kolju pilti – esmapilgul võib see hea välja näha, kuid tähelepanelikult vaadates näete, kuidas värve vähendati.

(Te saate kleepida fotosid oma raamid, ning seejärel teha nende peal, nagu oli ilmselt teinud loomisel lubatud kolju).

Järeldus:

Raamide loomine ükshaaval sellises programmis nagu Windows paint võib olla tüütu… kuid selliste lihtsate programmide ja tasuta tarkvara nagu UnFREEz, üliõpilaste või muude mitteprofessionaalide kasutamine võib luua üllatavalt tõhusaid animatsioone. Pidage meeles, et hoidke neid väikestena! – 19. veebruar 2002