HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    12.09.09
Utripajoča zvezda               
Photoshop - Animacija
zvezda_thumbPreprosta animacija s prosojnostjo
Vodič vam bo pokazal, kako v Photoshopu s Polygon Toolom narediti zvezdo in ji na koncu dodati efekt utripanja.

41_23_zvezda


1. Ustvarite nov dokument. Moj bo velikosti 350x350 pikslov.

2. V orodjarni izberite Gradient Tool Sad . Za barvi izberite #baff00 in #628600. Držite tipko Shift (več o tipki: Shift) in z miško potegnite od zgoraj navzdol.

41_1_gradient_nastavitve
41_2_gradient_barvi
41_3_gradient_tool_zvezda

3. Sedaj v orodjarni izberite Polygon Tool in nastavite zgornje nastavitve tako, kot vam kaže spodnja slika (Ne pozabite na barvo). Radius določa velikost zvezde.

41_4_polygon_tool
41_5_poligon_tool_nastavitve


4. S Polygon Toolom sedaj naredite zvezdo. Med potegom držite tipko Shift (več o tipki Shift).

41_6_zvezda



*Če vam velikost ne odgovarja na tipkovnici pritisnite Ctrl+T in jo spremenite (med spreminjanjem držite tipko Shift).

5. Sedaj Layerju z zvezdo dodajte nekaj stilov. Pojdite v zgornji meni in izberite Layer > Layer Style > Drop Shadow. Poleg Drop Shadow dodajte še Inner Shadow, Outer Glow, Inner Glow, Bevel and Emboss in Contour. Za določanje vrednosti glejte spodnje slike:

41_7_drop_shadow

41_8_inner_shadow_nastavitve

41_9_outer_glow

41_10_inner_glow

41_11_bevel_and_emboss

41_12_contour


6. In to je naša zvezda!

41_13_zvezda



7. Sedaj pride na vrsto še animacija z utripanjem.

Ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite Gradient Tool Sad in nastavite prelivanje iz rumene v prozorno. Gradient Tool naj bo nastavljen na Radial. Potegnite iz sredine navzven. Layer s prelivom nato prestavite pod zvezdo.

41_15_radial_gradient_preliv
41_14_rumena_v_prozorno_preliv
41_16_preliv_pod_zvezdo



8. Sedaj pojdite v zgornji meni in izberite Window > Animation, da se vam odpre okno za animacijo.

Ustvarite novo slikico. Opacity Layerja z rumenim prelivom sedaj nastavite na 0%.

41_17_nova_slikica
41_18_druga_slikica



9. Zdaj pritisnite gumb za dodajanje večih vmesnih slikic. Število slikic nastavite na 15.

41_19_gumb_dodaj_slikice
41_20_stevilo_slikic



10. Imeti morate 17 slikic. Naredite še eno (18.). Ko se vam naredi 18. slikica nastavite Opacity Layerja z rumenim prelivom na 100%. Kliknite gumb za dodajanje večih vmesnih slikic in znova določite vrednost 15. Na koncu morate imeti vsega skupaj 33 slikic.

41_21_dodajanje_slikic



11. Sedaj vse skupaj še shranite. Pojdite v meni in izberite File > Save for Web & Devices. Nastavite vrednosti shranjevanja tako, kot vam kaže spodnja slika. Kliknite OK in shranite .gif animacijo.

41_22_nastavitve_gif



Tukaj je naša utripajoča zvezda!

41_23_zvezda



*Če želite bolj izrazit efekt naredite kopijo rumenega Layerja (Ctrl+J), nato pa pritisnite Ctrl+E, da se oba rumena Layerja združita. Nato shranite.


Zaključek: Vodič vam je pokazal, kako lahko z oblikovanjem v Photoshopu ustvarite lepo zvezdo, ki za nameček še utripa. S tem vodičem ste spoznali hitro animacijo s prozornostjo.

 

*.PSD datoteko lahko najdete med Prenosi.

 


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