[tutoriaali]

hei, tein tälläisen animointi tutoriaalin photoshopille (:. Itse käytän adobe photoshop elementsiä mutta epäilen, että nämä samat ominaisuudet löytyvät myös muista photoshopeista~
tämän tekemiseen et tarvitse piirtöpöytää. itse käytän vain harvoin animointiin piirtopöytää C:

vaihe 1.

tämä saattaa olla joillekkin itsestään selvyys mutta kerrataanpa. (voithan aina hypätä tämän yli! C:)
transparent on sydämmöity koska juuri sillä saat läpinäkyvän taustan animaatioon. Jos haluat värin taustalle niin itse ainakin ottaisin valkoisen taustan ja värjäisin sen mieleisekseni C:
valitse haluamasi koko. itse käytän pikseleitä ja jos niitä pienentää jälkeenpäin ei lopputulos aina näytä hyvälle.

vaihe 2.
valitse mitä aiot tehdä. ekaksi animaatioksi kannattaa tehdä jotain yksinkertaista. oma ensimmäinen animaationi oli aika surkea kokeilu C:

HUOM! jos ajattelit tehdä taustattoman animaation, kannattaa sinun kuitenkin tehdä piirtämisen ajaksi tausta ekalle layerille (layer>new, sitten siirrä läpinäkyvä layeri tämän layerin alle. valitse mielellään väri jota et tule käyttämään hahmossasi.) tämä ei ole pakollinen mutta voi helpottaa työtäsi. (näin erotat hahmon helposti!)

vaihe 3.
(olisin ottanut kuvan mutta printscreenini failailee QuQ)
ota layer>duplicate layer. (voit valita tämän palkeista tai layers osiosta painamalla layeria toisella näppäimellä)
voit nimetä layerin jos haluat.
nyt kannattaa piilottaa hahmo joka sinulla oli edellisellä layerillä. piirrä päälle vaikka eri ilme. älä käytä pyyhekumia, vaan kumita virheet hahmon väreillä. tai no pyyhekumia voi kyllä käyttää... ainakin jos sinulla ei nyt ole transparent. voi näkymättöntäkin kumittaa jos haluat saada esim kissan hännän liikkumaan tämä on pakollista, mutta jos teet virheen keskelle naamaa, ja kumitat sen keskelle naamaa tulee läpinäkyvä kohta.

vaihe 4.
valitse "save for web" (: (jos teit kuvallesi ns. "helpotus taustan", poista se ennen tallentamista!)

nyt sinulla pitäisi olla auki kuva jota kehdannut ihan kokonaisena näyttää. C:
1. mmmm. gif
2. vaihtele sitä niin näet sivusta mitä kuvallesi tapahtuu C: suosin itse no ditheriä
3. O//////O
4. animate. animoi kuvan C:
5. jos kuvasi on taustaltaan läpinäkyvä ja sinulla on kuvassa esim. pallo joka pomppii, sinun täytyy laittaa tämä valituksi. jos et laita tätä kaikki layerit näkyvät ja se pomppiva pallo olisikin vain sotkua.
6. loop = toisto. jos et laita tätä kuvasi ei toistu. animaatio kiertää yhden kerran.
7. kuinka pitkään yksi layeri näkyy.

paina "ok".
tallenna kuva, ja avaa se. siten helpoiten huomaat aimaatioisi virheet. itseni tuotoksissa saan korjata useasti lopussa x''D

tuo oli oma lopputulokseni tämän tuton aikana :D