Magazyn T3
newsy, felietony, testy i tutoriale



Internet Maker

06/01/2009

Mroźne elementy na stronę www – za free

Więcej artykułów autorstwa »
Napisane przez: Tomasz Galanciak
Tagi: ,
08-mrozne_elementy_na_twoje_www_-_za_free.jpg

Zima nas właśnie zaatakowała i natchnęła nas do zrobienia kilku mroźnych bajerów. Wszystko do pobrania i użytku komercyjnego.

{ikona-o01}

Przygotowana paczka zawiera dwa rodzaje stickerów, plus cztery możliwe modyfikacje w wielu rozmiarach. Buttony na przykład do menu w dwóch rodzajach w kilku mroźnych stylach oraz promocyjne gwiazdki w dwóch stylach.

Pobierz zestaw mroźnych dodatków na stronę: http://www.internetmaker.pl/pobierz/156,z.html

Bawcie się nimi dowolnie ponieważ dostajecie od nas plik źródłowy PSD. Modyfikujcie kolory, teksty i kształty.

Elementy są całkowicie darmowe i mogę zostać wykorzystane nawet do celów komercyjnych.

Krótko, jak zrobić śnieg

Jeśli chcecie dodać na przykład śnieg lub sople do swojej strony to nic prostszego.

1. Na wybranym elemencie za pomocą lassa poligonowego lub dowolnego umieszczamy bliżej nieokreślony kształt na powierzchni naszego buttona.

2. Kształt tworzymy na nowej warstwie i zapełniamy go białym kolorem.

3. Aby uzyskać bardziej realistyczny śnieg, cieniujemy go za pomocą pędzla i szarego koloru. Używamy pędzla o łagodnych krawędziach. Powinniśmy uzyskać taki efekt:

4. Teraz dodajemy delikatny cień i nasz śnieg jest gotowy

Sople możemy zrobić dokładnie w ten sam sposób co śnieg, pamiętajmy jednak, że muszą one mieć ostre krawędzie jeśli chcemy pokazać, że na naszej witrynie jest naprawdę mroźno !

Może Cię zainteresować:

  1. Efekt rollover w oparciu o elementy div i style CSS
  2. Kurs JavaScript (cz. 3): Dynamiczne elementy HTML
  3. HTML: cytaty, wykazy, elementy DIV i SPAN


O autorze

Tomasz Galanciak





0 komentarzy


Skomentuj pierwszy!


Zostaw odpowiedź

Twój adres nie zostanie opublikowany. Wymagane pola są oznaczone *

*

Możesz używać tych tagów i atrybutów HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">