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

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: Gwiazdki w stylu Web 2.0  (Przeczytany 99358 razy)
0 użytkowników i 2 Gości przegląda ten wątek.
hexdecimal
Nowicjusz

Reputacja: 4 Offline Offline

Wiadomości: 1
Galeria Użytkownika



Zobacz profil
« : 27.12.2006, 22: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.
« Ostatnia zmiana: 13.02.2015, 01:42:25 wysłane przez be@ » Zapisane
Szajba
Użytkownik

Reputacja: 8 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 118
Galeria Użytkownika


Chillout


Zobacz profil
« Odpowiedz #1 : 28.12.2006, 19:08:32 »

I to się nazywa profesionalny tutorial...

Edit: Efekt bardzo ładny... aż chyba zaprojektuję jakąś stronę. Uśmiech

« Ostatnia zmiana: 28.12.2006, 21:48:34 wysłane przez Szajba » Zapisane


-----
piotros
Użytkownik

Reputacja: 7 Offline Offline

GIMP: 2.8 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 404
Galeria Użytkownika

piotros

Informacje w sygnaturce.


Zobacz profil WWW
« Odpowiedz #2 : 29.12.2006, 15:28:23 »

Mi z pewnymi modyfikacjami wyszło tak:


BTW Przesadziłem z rozmiarem tej gwiazdy Niezdecydowany
Zapisane

Nie wiem czy mnie tu jeszcze ktoś pamięta, ale muszę wytłumaczyć moją nieobecność. Niestety w natłoku zajęć dnia codziennego nie jestem w stanie od dłuższego czasu zaglądać na forum. Nie wiem jak długo taki stan rzeczy będzie trwał, ale jedno wiem na pewno... wrócę... Tymczasem proszę nie pisać do mnie PW, bo i tak nie będę odpisywał. Pozdrawiam, piotros.

Moje prace: [UserBars] [Wallpapers] [Signatures] [Renders]

Są graficy, którzy używają PhotoShopa. Oczywiście szanujemy ich...
victor152
Nowicjusz

Reputacja: 3 Offline Offline

Wiadomości: 2
Galeria Użytkownika

victor152


Zobacz profil
« Odpowiedz #3 : 31.12.2006, 00:54:37 »

Moje dziełka Chichot








Jaka to jest czcionka ktura napisane jest te $5 ??
« Ostatnia zmiana: 15.11.2007, 08:31:46 wysłane przez carmix » Zapisane
de3on
Użytkownik

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 71
Galeria Użytkownika


A Matter Of Life And Death...


Zobacz profil
« Odpowiedz #4 : 06.01.2007, 19:09:37 »

A oto moje dzieła ;a):

#1


#2
« Ostatnia zmiana: 06.01.2007, 19:37:04 wysłane przez de3on » Zapisane
Tanalia
Użytkownik

Reputacja: 5 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Licencja: Copyright
Wiadomości: 34
Galeria Użytkownika


Gimpuj z nami... sialalala!


Zobacz profil
« Odpowiedz #5 : 08.01.2007, 21:57:03 »

Oo... Mi się te gwiazdki podobają bardzo! Przydatne!
Zapisane

C'est la vie, mon cheri Uśmiech 2
exis
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.3
Wiadomości: 6
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #6 : 29.06.2007, 16:13:59 »

Zapisane

Dziewczyn możesz mieć wiele, klub tylko jeden - Protector Głogów
mnietuniema
Użytkownik

Reputacja: 3 Offline Offline

GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 92
Galeria Użytkownika

mnietuniema


Zobacz profil
« Odpowiedz #7 : 12.07.2007, 14:54:50 »

Moje:

Zapisane
Severius
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 36
Galeria Użytkownika

Severius


Zobacz profil
« Odpowiedz #8 : 29.07.2007, 13:57:37 »

fajny tutek
Zapisane

dejw
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: dejw@jabber.org
Licencja: Copyright
Wiadomości: 44
Galeria Użytkownika

dejw


Zobacz profil
« Odpowiedz #9 : 30.07.2007, 10:00:53 »

moje wypociny

Zapisane
RRH
Gość
« Odpowiedz #10 : 04.12.2007, 01:28:07 »

Mi wyszło takie coś:
Zapisane
j1rka
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 15
Galeria Użytkownika

j1rka


Zobacz profil
« Odpowiedz #11 : 10.02.2008, 16:44:42 »

moje Mrugnięcie:
 
Zapisane

gawrozek
Nowicjusz

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 5
Galeria Użytkownika

gawrozek


Zobacz profil
« Odpowiedz #12 : 15.02.2008, 23:21:21 »

Nie wyszło Zawstydzony:

Zapisane

kubass4
Nowicjusz

Reputacja: 2 Offline Offline

GIMP: 1.*
Licencja: Copyright
Wiadomości: 1
Galeria Użytkownika


punk


Zobacz profil
« Odpowiedz #13 : 17.02.2008, 11:57:30 »

Mi tak wyszło:
Zapisane
Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPWWWWątek: Gwiazdki w stylu Web 2.0
Skocz do: