Witam,
chciałbym przedstawić jak łatwo i szybko za pomocą GIMP'a można wykonać efektowne gwiazdki, które są ostatnio bardzo modne na stronach www.
Oto efekt końcowy:
Instrukcja step by ste:- Zaczynamy od stworzenia nowego dokumentu z białym tłem. Rozdzielczość np. 200x200
- Krok drugi to otwarcie okna Gfigury (Filtry > Renderowanie > Gfirugry...). Powinno ukazać się nam takie okno:
- Wybieramy narzędzie z symbolem gwiazdy, następnie ustawiamy ilość bloków na np. 20 oraz wybieramy pędzel 1x1. Wreszcie na samym środku tworzymy gwiazdę. Teraz w tym samym oknie szukamy narzędzia 'Przesuwa pojedyńczy punkt' i modelujemy gwiazdę pod nasze potrzeby:
Gdy mamy już wszystko gotowe zamykamy okno. - Zaznaczamy środek gwazdy narzędziem do zaznaczania sąsiadujących obszarów (Z) klikając w jej wnętrzu:
- Tworzymy nową przeźroczystą warstwę i wypełniamy wnętrze gwiazdy gardientem.
- Nie likwidując zaznaczenia stosujemy rozmycie Gaussa (Filtry > Rozmycie > Rozmycie Gaussa ...) o promieniu 10px
- To samo rozmycie o promnienu 2px powtarzamy na warstwie Gfig z obrysem gwiazdy.
- Zamiast powyższego kroku możemy zastosować efekt cienia 3D. Script-fu > Cień > Rzucanie cienia i ustawiamy przesunięcie X i Y na 2px oraz promień rozmycia na 4px (w takim przypadku usuwamy warstwę Gfig)
- Ostatni już efekt możemy uzyskać tworząc nową przeźroczystą warstwę na na niej białą elipsę w lewym górnym rogu:
- W oknie z warstwami ustawiamy krycie ostatnio utworzonej warstwu na 15
- To co będzie wewnątrz gwiazy zależy tylko i wyłącznie od naszych potrzeb
Dziękuję za uwagę
Oto efekt końcowy mojej dzisiejszej zabawy z GIMP'em:Cień 3D:
Cień przez rozmycie obramowania:
Uwagi końcoweTe gwiazdki są używane na stronach aby podkreślić coś ważnego.
Wyglądają naprawde dobrze, pod warunkiem, że używane są tylko w uzasadnionych sytuacjach. Zaleca się aby na stronie znajdowała się jedynie jedna taka gwiazda.
Więcej o tworzeniu stron w trędach web 2.0 znajdziesz na
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm
GIMP
