HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header

haber

-

Uçak bileti

-
 Avtor: -primož-    02.08.09
Animacija s prozornostjo               
Photoshop - Animacija

thumb_20Preprosta animacija prikazovanja in izginjanja.

V tem vodiču vam bom pokazal, kako lahko naredite preprosto a zanimivo animacijo s pomočjo prozornosti oz. Opacity. Kot primer uporabe si lahko ogledate ta header.


tutorial_20_8


1. Odprite sliko, za katero želite, da bo izginjala in se nato zopet prikazala. Jaz bom izbral le del slike in sicer smajlija. (Magic Wand > Ctrl+J).


tutorial_20_1


2. Nato vse to prenesemo v Adobe Image Ready. To pa naredimo tako, da v orodjarni kliknemo čisto spodnji gumb.


tutorial_20_2


Če uporabljate novejše različice Photoshopa pojdite v meni in odprite okno Window > Animation

 

3. Sedaj, ko smo v Image Readyju ustvarimo novo slikico. To naredimo tako, da kliknemo gumbek, ki je poleg koša.

tutorial_20_3
tutorial_20_4


4. Na novo nastala sličica ima Opacity še vedno nastavljen na 100%. To moramo spremeniti in sicer tako, da nastavimo na 97%.


tutorial_20_5


5. Sedaj znova ustvarimo novo sličico in njen Opacity znižamo na 94%. Ko to naredimo ustvarimo novo sličico in Opacity nastavimo na 91% … in tako naprej (ustvarimo novo sličico in znižamo Opacity za 3%. Lahko bi tudi za 5% vendar se vidi, da malo preskakuje. To ponavljamo toliko časa, da pridemo do 0%.


tutorial_20_6




6. Ko pridete do 0% znova začnite ustvarjati nove sličice, le da tokrat Opacity zvišujete za 3%. To delate toliko časa, dokler ne pridete do 100%.


tutorial_20_7



7. Zdaj moramo to našo animacijo le še shraniti kot animacijo. To naredimo tako, da gremo v meni in izberemo: File > Safe Optimized As. Nato animacijo le še poimenujete in to je to.

 

Če uporabljate novejše različice Photoshopa (CS3, ...) pojdite v meni in izberite File > Save for Web, nato pa shranite, kot .gif datoteko.

 

 

tutorial_20_8

 

*še lepši primer uporabe si lahko ogledate na spletni strani mmservis.si

 


Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé, Čokolada

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi