HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    11.11.09
Preverjanje prstnega odtisa - Photoshop animacija               
Photoshop - Animacija

prstni_odtis_thumbZanimiva animacija.

69_26_prstni_odtis

 

Vodič vam bo pokazal, kako označiti prstni odtis, ga prebarvati in uporabiti v Photoshop animaciji. Animacija ni zahtevna a se boste kljub temu naučili nov trik z masko (Layer Mask).

1. Najdite sliko prstnega odtisa in jo odprite v Photoshopu.

 

69_1_prstni_odtis

 

2. Pojdite v meni in izberite Select > Color Range. Ko se vam odpre nov okenček pojdite z miško na svojo sliko prstnega odtisa in ga kliknite (črna barva).

69_2_oznacen_prstni_odtis



3. Sedaj ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite čopič Sad , barvo nastavite na rdečo ( #FF0000 ) in prebarvajte prstni odtis.

69_6_oznacen_prstni_odtis69_3_rdec_prstni_odtis



4.
Prstni odtis imejte še kar označen! Ustvarite nov Layer in znova prebarvajte prstni odtis, tokrat na zeleno ( #00FF00 ). Na tipkovnici pritisnite Ctrl+D, da se znebite označbe.

69_4_zelen_prstni_odtis69_5_layerji



5. Ustvarite nov Layer in ga prebarvajte na črno. Ta Layer nato prenesite nad originalen prstni odtis, tako, da bosta zgoraj barvna odtisa.

69_7_crno_ozadje



6. Sedaj na seznamu Layerjev označite Layer z zelenim prstnim odtisom in pojdite v meni ter izberite Layer > Layer Mask > Hide All.

7. V orodjarni izberite čopič Sad , nastavite velikost na 65, barva mora biti bela in povlecite ravno črto (Shift) čez sredino prstnega odtisa. Odstranite povezavo med Layerjem in masko!

69_8_del_odtisa69_9_layerji



8. Zdaj moramo dodati le še besedilo. V orodjarni izberite Type Tool Smile in napišite želeno besedilo. Za barvo nastavite zeleno #00FF00, pisavo pa izberite po svoji želji (npr. Verdana).

69_10_tekst



Za besedo ODOBRENO bomo sedaj naredili še en pas črne barve, da bo besedilo bolj vidno. Ustvarite nov Layer. Z Marquee Toolom Wink označite pas in ga pobarvajte na črno.

69_11_crn_pas



9. To so bile vse priprave za animacijo. Sedaj pa se lotimo animiranja. Pojdite v meni in izberite Window > Animation.

69_12_animacija



10.
Sedaj bo malo bolj zapleteno, zato bodite pozorni. Označite Layer z zelenim prstnim odtisom in kliknite na njegovo masko.

69_13_klik


V orodjarni izberite Move Tool Wink in premaknite masko navzgor, izven vidnega polja. Skrijte Layerja s tekstom in črn pas.

69_14_skriti_layerji69_15_zacetek_animacije



To bo naše izhodišče!

11.
Ustvarite novo sličico in premaknite Masko od zgoraj navzdol, tudi tokrat izven vidnega polja.

69_16_nova_slikica69_17_premik



12. Čas nastavite na 0,1sec in kliknite gumb za več vmesnih slikic. Določite število 20.

 

69_18_cas

69_19_slikice

69_20_animacija


13. Ustvarite novo sličico in na njej prikažite Layer z rdečim prstnim odtisom in skrijte Layer z zelenim prstnim odtisom.

69_21_rdec_prstni_odtis



14. Naredite novo sličico. Na njej prikažite še besedilo in črn pas.

69_22_se_besedilo



15. Ustvarite še 4 dodatne sličice in na vsaki drugi skrijte besedilo.

69_23_utripajoce_besedilo



16.
Sedaj le še določite čase. Povsod, kjer je besedilo nastavite čas 0,5 sekunde.

69_24_cas


17.
Samo še shranimo, kot .gif animacijo. Pojdite v meni in izberite File > Save for Web & Devices. Ponavljanje nastavite na forever.

69_25_forever



In to je naš končni izdelek.

animacija prstni odtis

 


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é

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

Oglasi