ďťż

Animowane przyciski na stronie

       

Podstrony


telcocafe

Więc jak uzysakac efekt przemiany po najechaniu na przycisk jak na http://www.pent.webd.pl/tymaczasowe/ pod logiem "Inpendedance" w Adobe Photoshop 8 :>
Użytkownik pentional edytował ten post 13 październik 2005, 20:19


Jest to ardzo prosty efekt.
Robisz 2 zdjecia. które my pokazywac przycisk jakby zgasniety i zapalony. Potem w kodzie css lub html (jak kto woli) robisz efekt rollover.

a własnie, a jak uzyskac ten efekt "zgaśniety i zapalony pod tekstem" ale na osobnych obrazkach, tzn. zgasniety i zapalony osobno?

prosiłbym o jakis link czy jakies inne info o tym

Thx ;)
Użytkownik pentional edytował ten post 13 październik 2005, 20:53

a własnie, a jak uzyskac ten efekt "zgaśniety i zapalony pod tekstem" ale na osobnych obrazkach, tzn. zgasniety i zapalony osobno?

prosiłbym o jakis link czy jakies inne info o tym

Thx ;)



sprawdz to:

<a href="http://www.jakasstrona.pl" onmouseover='rollover.src="obrazek1.gif"' onmouseout='rollover.src="obrazek2.gif"'> <img src="obrazek2.gif" name="rollover" border="0"></a>

Działa, ale mi chodzi o sam efekt tych promieni pod textem, czyli zrobic zwykly obrazek bez promieni i ten z promieniami tez osobno.

Cala tajemnica kryje sie w efektach na warstwach. Nie wiem, czy masz Photoshopa po polsku czy po angielsku. Napisze Ci jak sie to robi w polskim. Tworzysz nowa grafike o rozmiarach nieco wiekszych niz napis (zeby bylo miejsce na poswiate). Ustalasz tlo grafiki identyczne, jak tlo strony. Robisz napis o kolorze ciemnoszarym. Na palecie warstw pojawi sie nowa warstwa z napisem. Teraz ZAPISUJESZ obrazek jako PSD. Bardzo wazne zeby zapisac. Musisz stworzyc dwa podobne obrazki, tylko z roznymi efektami, wiec jak teraz zapiszesz, top pozniej nie bedziesz musial sie bawic z pozycjonowaniem napisu. Po prostu wczytasz to, co zapisales i z niego robisz drugi obrazek.
No OK. Mamy zapisany obrazek z tekstem. Na palecie warstw masz teraz dwie warstwy. Jedna to tlo, a druga to tekst. Klikasz dwa razy na warstwie z tekstem, ale po jej prawej stronie. Nie na nazwie warstwy. Otworzy sie okno "Efekty". I tu masz cala palete roznych efektow, ktorymi mozesz upiekszyc swoj tekst. Mozesz tu dodac cien, rozne bevele, nalozyc teksture itd. Ale nas interesuje efekt "Faza zewnetrzna". Najpierw ja wlaczasz, a nastepnie przechodzisz na palete z jej opcjami (po prostu kliknij na nia). I tu masz opcje poswiaty. Najwazniejsze - Wielkosc i rozszerzenie - odpowiadaja za wielkosc poswiaty, powyzej masz gradient i kolor poswiaty, i inne ciekawe opcje. PObaw sie nimi , a na pewno osiagniesz odpowiedni efekt. Dodatkowo oprocz poswiaty mozesz dodac na przyklad cien wewnetrzny. W polaczeniu z poswiata daje piekny efekt. Jak juz stworzysz rysunek, zgrywasz go i teraz wczytujesz tekst zapisany poprzednio, zmieniasz kolor tekstu na jasniejszy, i powtarzasz caly rytual. Dodajesz efekt "Faza zewnetrzna" i robisz go jasniejszym. I to cala tajemnica. Po prostu dla zgaszonego robisz ciemny napis i poswiate ledwo widoczna (albo i bez poswiaty), a dla zapalonego robisz bialy napis i poswiate ewidentnie jasniejsza.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.