Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji
 
Szukanie zaawansowane



  Pokaż wiadomości
Strony: [1]
1  Tutoriale / WWW / Gwiazdki w stylu Web 2.0 : 27.12.2006, 23:30:17
Gwiazdki w stylu Web 2.0
Tutorial

Opracowanie: hexdecimal
Poziom trudności: łatwy




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.

Tutorial napisany w wersji GIMP 2.6. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.


Lime Point Zaczynamy

Lime Point 1. Zaczynamy od stworzenia nowego dokumentu z białym tłem. Rozdzielczość np. 200x200px.

Lime Point 2. Otwieramy Filtry -> Renderowanie -> GFigury. W otwartym okienku filtra wybieramy: Edycja -> Preferencje i zaznaczamy Wygładzanie. Jeśli tego nie zrobimy, nasze gwiazdki będą mieć postrzępione krawędzie.
 Wybieramy narzędzie z symbolem gwiazdy, następnie ustawiamy ilość bloków na np. 20 oraz wybieramy pędzel 1x1px. Wreszcie na samym środku tworzymy gwiazdę. Teraz w tym samym oknie szukamy narzędzia Przesuwa pojedyńczy punkt i modelujemy gwiazdę według naszych potrzeb:


Gdy mamy już wszystko gotowe zamykamy okno.

Lime Point 3. Zaznaczamy środek gwazdy Zaznaczeniem rozmytym Magiczna różdżka klikając w jej wnętrzu.


Lime Point 4. Tworzymy nową przeźroczystą warstwę i wypełniamy wnętrze gwiazdy Gradientem Gradient [L].


Lime Point 5. Nie likwidując zaznaczenia stosujemy Filtry -> Rozmycie -> Rozmycie Gaussa.. o promieniu 10px.

Lime Point 6. Tworzymy efekt cienia 3D Filtry -> Światło i cień -> Rzucanie cienia... i ustawiamy przesunięcie X i Y na 2px oraz promień rozmycia na 4px.
Usuwamy warstwę GFig.


Lime Point 7. Ostatni już efekt możemy uzyskać tworząc nową przeźroczystą warstwę na na niej białą elipsę w lewym górnym rogu.


Lime Point 8. Zmieniamy krycie warstwy z elipsą na 15%.

Lime Point 9. Teraz możemy dodać jakiś napis lub obrazek. To co będzie wewnątrz gwiazy zależy tylko i wyłącznie od naszych potrzeb.


Wersja z przezroczystym tłem:



Lime Point Koniec


Uwagi końcowe:

Te 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 trendach web 2.0 znajdziesz na http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm

Miłego GIMPowania. Uśmiech


Edit be@: W punkcie drugim dopisałam o zaznaczeniu wygładzania w preferencjach.
Strony: [1]