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 89977 razy)
0 użytkowników i 1 Gość 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
M!chał
Nowicjusz

Reputacja: 2 Offline Offline

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

M!chał


Zobacz profil
« Odpowiedz #14 : 29.02.2008, 15:07:33 »

Ja zrobiłem coś takiego:
Zapisane
Rejke
Zdobywca Wilbera

Reputacja: 15 Offline Offline

Płeć: Kobieta
GIMP: 2.6 + GAP
Licencja: CC-BY-SA
Wiadomości: 283
Galeria Użytkownika


Gimp GPS


Zobacz profil WWW
« Odpowiedz #15 : 18.04.2008, 21:43:11 »

dobry tut dla początkujących : >
Świetny na rozgrzewkę dla tak bardzo raczkujących (takich jak ja).


* promocja.png (26.9 KB, 200x200 - wyświetlony 621 razy.)
Zapisane

Drobbek
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 26
Galeria Użytkownika


Taki sobie Metallowiec...


Zobacz profil
« Odpowiedz #16 : 29.05.2008, 20:40:03 »

"W tym wątku nie pisano od 30 dni." - I tak napiszę  Chichot. Oto moja praca. Fajny i przyjemny tutek:
Zapisane


krzysiek_raven
Użytkownik

Reputacja: 2 Offline Offline

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



Zobacz profil
« Odpowiedz #17 : 12.08.2008, 19:17:57 »

A to moja gwiazdka. Użyłem jej ostatnio przy robieniu strony www. Bardzo przydatny tutorial;)

Zapisane
WS23
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 1
Galeria Użytkownika

WS23


Zobacz profil
« Odpowiedz #18 : 12.09.2008, 20:06:01 »

A mi wyszło to:
http://www.gimpuj.info/gallery/15274_12_09_08_9_04_00.png
Zapisane
Gercio
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 72
Galeria Użytkownika



Zobacz profil
« Odpowiedz #19 : 10.11.2008, 10:34:09 »

Wspaniały tutorial. Szybko i sprawnie robi się go.

Moja praca:
Zapisane
Yanke$
Użytkownik

Reputacja: 0 Offline Offline

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

Yanke$


Zobacz profil
« Odpowiedz #20 : 27.11.2008, 15:29:21 »

Dobrze wytłumaczony tut. A efekt mimo, że prosty to fajny  Mrugnięcie.
Moja praca  Język.



Zapisane
MarSZaL
Użytkownik

Reputacja: 0 Offline Offline

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


Siemaneczko :*:*


Zobacz profil WWW
« Odpowiedz #21 : 15.12.2008, 06:38:24 »

Fajny tut...
Zapisane


Pikni3
Użytkownik

Reputacja: 2 Offline Offline

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


Młody GIMP-owicz ;)


Zobacz profil WWW
« Odpowiedz #22 : 21.03.2009, 19:32:28 »

Łatwy tutek Uśmiech

Zapisane

Asesortyk
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 1.*
Licencja: Copyright
Wiadomości: 13
Galeria Użytkownika



Zobacz profil
« Odpowiedz #23 : 04.04.2009, 21:05:27 »

@offtopik

Dałoby się zrobić przycisk na stronkę www w tej samej wersji (Web 2.0) co gwiazdkę, czy nie za bardzo?  Buzia na kłódkę

@offtopik
Zapisane
Joten8
Użytkownik

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 184
Galeria Użytkownika

Joten8

Nie ma mnie... Przerzucam się na PS'a.


Zobacz profil
« Odpowiedz #24 : 05.04.2009, 08:33:51 »

@offtopik

Dałoby się zrobić przycisk na stronkę www w tej samej wersji (Web 2.0) co gwiazdkę, czy nie za bardzo?  Buzia na kłódkę

@offtopik
Ta gwiazdka jest w STYLU a nie w WERSJI Web 2.0.
Zapisane

Nie ma mnie... Przerzucam się na PS'a.
Mishell
Użytkownik

Reputacja: 0 Offline Offline

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

Mishell


Zobacz profil
« Odpowiedz #25 : 25.08.2009, 10:11:12 »

trochę inaczej zrobiłem cień, ale i tak wyszło całkiem przyzwoicie:

Zapisane
Przemek178
Użytkownik

Reputacja: 0 Offline Offline

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


NIe mogę się doczekać GIMP-a 2.8


Zobacz profil
« Odpowiedz #26 : 26.01.2010, 11:24:48 »

fajnie wygląda w kolorze fioletowym  laugh
Zapisane

Roark
Użytkownik

Reputacja: 0 Offline Offline

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


Roark był kiedyś damiant1998!


Zobacz profil WWW
« Odpowiedz #27 : 11.02.2010, 10:11:57 »

Mi nie bardzo się udało

Zapisane


Stihe.
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #28 : 08.06.2010, 21:01:32 »

no dzieki Uśmiech
« Ostatnia zmiana: 13.06.2010, 18:19:50 wysłane przez Stihe. » Zapisane

RMX
Gość
« Odpowiedz #29 : 05.07.2010, 23:42:02 »

No no fajny tutek Uśmiech Chichot
mi wyszło coś takiego Język

a jeszcze jedno jak dokładnie wycięliście tą jaśniejszą poświatę ?
bo mi coś nie wyszło Skwaszony
Zapisane
Sheyk
Nowicjusz

Reputacja: 0 Offline Offline

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


This is madness ;>


Zobacz profil
« Odpowiedz #30 : 04.08.2010, 12:28:45 »



GIMP ruuulez! Duży uśmiech
Zapisane

Ja tu tylko sprzątam .
Gimpix
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil WWW
« Odpowiedz #31 : 09.09.2010, 20:53:45 »

oto moja gwiazdeczka  Uśmiech

Uśmiech 2 dopiero teraz widzę ze słabo usunąłem elipsę xD nie chce mi się poprawiać

świetny tutek
Zapisane

changes
Użytkownik

Reputacja: 1 Offline Offline

GIMP: 2.8
Licencja: Copyright
Wiadomości: 15
Galeria Użytkownika

changes


Zobacz profil
« Odpowiedz #32 : 13.01.2012, 13:54:09 »

Ciekawy tutorial, info w nim zawarte na pewno się przyda:)

Zapisane

Feel Good!
Hasesis
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Kobieta
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #33 : 25.07.2013, 15:15:26 »

Dziękuję za tutka!  laugh heart Lime Point

Zapisane

"... bo to, co nas spotyka, przychodzi spoza nas..."
gimpowiecmaciek
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 9
Galeria Użytkownika

gimpowiecmaciek


Zobacz profil
« Odpowiedz #34 : 31.07.2014, 23:57:30 »

Robi mi na poczatku cos takiego wie ktos co jest grane?


* Clipboard01fffff.jpg (17.48 KB, 388x309 - wyświetlony 562 razy.)
Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 043
Galeria Użytkownika



Zobacz profil
« Odpowiedz #35 : 01.08.2014, 00:14:59 »

Wybrałeś za gruby pędzel do rysowania promyków.
Zapisane
gimpowiecmaciek
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 9
Galeria Użytkownika

gimpowiecmaciek


Zobacz profil
« Odpowiedz #36 : 01.08.2014, 09:43:08 »

ale jak zrobic aby te zeby nie byly takie dlugie?
Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 043
Galeria Użytkownika



Zobacz profil
« Odpowiedz #37 : 01.08.2014, 09:45:05 »

Poniższa animacja pokazuje, jak zmieniać długość promieni:

Zapisane
gimpowiecmaciek
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 9
Galeria Użytkownika

gimpowiecmaciek


Zobacz profil
« Odpowiedz #38 : 01.08.2014, 10:55:27 »

Sorki za natretnosc ale dalej nie kimam... zym to zrobic? Jakas kombinacja klawiszy?
Zapisane
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 043
Galeria Użytkownika



Zobacz profil
« Odpowiedz #39 : 01.08.2014, 11:11:40 »



Łapiesz za ten czarny punkt i przesuwasz.
Zapisane
gimpowiecmaciek
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 9
Galeria Użytkownika

gimpowiecmaciek


Zobacz profil
« Odpowiedz #40 : 01.08.2014, 13:06:08 »

Dziekuje bardzo:)
Zapisane
PRZEMYSLAW-S
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 1
Galeria Użytkownika

PRZEMYSLAW-S


Zobacz profil
« Odpowiedz #41 : 23.10.2015, 09:40:52 »

Mi z pewnymi modyfikacjami wyszło tak:


BTW Przesadziłem z rozmiarem tej gwiazdy Niezdecydowany
E bredzisz śliczna gwiazdtk, i CZYTELNA .
Zapisane
Strony: 1 2 3 [Wszystkie]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPWWWWątek: Gwiazdki w stylu Web 2.0
Skocz do: