Polskie Forum Użytkowników GIMP-a

---

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ć.

---

[lp] Zaczynamy

[lp] 1. Zaczynamy od stworzenia nowego dokumentu z białym tłem. Rozdzielczość np. 200x200px.

[lp] 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.

[lp] 3. Zaznaczamy środek gwazdy Zaznaczeniem rozmytym <rozdzka> klikając w jej wnętrzu.


[lp] 4. Tworzymy nową przeźroczystą warstwę i wypełniamy wnętrze gwiazdy Gradientem <gradient> [L].


[lp] 5. Nie likwidując zaznaczenia stosujemy Filtry -> Rozmycie -> Rozmycie Gaussa.. o promieniu 10px.

[lp] 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.


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


[lp] 8. Zmieniamy krycie warstwy z elipsą na 15%.

[lp] 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:



[lp] 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. :)

---

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

I to się nazywa profesionalny tutorial...

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

(http://www.gimpuj.info/replacement.png)

Mi z pewnymi modyfikacjami wyszło tak:
(http://images4.fotosik.pl/268/c67cbd318ff2684b.png)

BTW Przesadziłem z rozmiarem tej gwiazdy :-\

Moje dziełka :D

(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

(http://www.gimpuj.info/replacement.png) (http://imageshack.us)


Jaka to jest czcionka ktura napisane jest te $5 ??

A oto moje dzieła ;a):

#1
(http://images14.fotosik.pl/3/52e05cc0d63dcb27.png)

#2
(http://images13.fotosik.pl/8/64b93fbd284ea815.png)

Oo... Mi się te gwiazdki podobają bardzo! Przydatne!
(http://blog.szczecin.pl/obrazki/enter.gif)

(http://exis.ovh.org/home/web20.png)

Moje:

(http://images27.fotosik.pl/24/ba5b91f052fb4db5.png)

fajny tutek
(http://www.gimpuj.info/replacement.png)

moje wypociny

(http://www.gimpuj.info/replacement.png)

Mi wyszło takie coś:
(http://www.gimpuj.info/gallery/5059_04_12_07_1_27_04.png)

moje ;):
(http://i246.photobucket.com/albums/gg82/j1rka/hvezda.gif?t=1202658063) 

Nie wyszło :-[:

(http://www.gimpuj.info/gallery/8521_15_02_08_11_20_01.jpg) (http://www.gimpuj.info/)

Mi tak wyszło:
(http://images33.fotosik.pl/146/8c09238f0a56d5d4.jpg) (http://www.fotosik.pl)

Ja zrobiłem coś takiego:
(http://www.gimpuj.info/gallery/thumb_8867_29_02_08_3_06_06.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=10014)

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

"W tym wątku nie pisano od 30 dni." - I tak napiszę  :D. Oto moja praca. Fajny i przyjemny tutek:
(http://www.gimpuj.info/gallery/12129_29_05_08_9_37_33.png)

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

(http://krzysiek-d.ovh.org/images/gwiazda.png)

A mi wyszło to:
http://www.gimpuj.info/gallery/15274_12_09_08_9_04_00.png (http://www.gimpuj.info/gallery/15274_12_09_08_9_04_00.png)

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

Moja praca:
(http://i195.photobucket.com/albums/z80/kasazi/Gwiazdkazcenamiitp.jpg)

Dobrze wytłumaczony tut. A efekt mimo, że prosty to fajny  ;).
Moja praca  :P.

(http://www.gimpuj.info/gallery/17706_27_11_08_3_28_12.png)

Fajny tut...
(http://images40.fotosik.pl/40/81fe40704c1f2a45.png)

Łatwy tutek :)

(http://www.otofotki.pl/img7/obrazki/qh3161_ikona.png)

@offtopik

Dałoby się zrobić przycisk na stronkę www w tej samej wersji (Web 2.0) co gwiazdkę, czy nie za bardzo?  :-X

@offtopik

Ta gwiazdka jest w STYLU a nie w WERSJI Web 2.0.

trochę inaczej zrobiłem cień, ale i tak wyszło całkiem przyzwoicie:
(http://www.gimpuj.info/replacement.png)

fajnie wygląda w kolorze fioletowym  <lol>
(http://www.gimpuj.info/gallery/30301_26_01_10_11_21_44.png)

Mi nie bardzo się udało

(http://www.gimpuj.info/gallery/31221_11_02_10_10_11_07.png)

no dzieki :)
(http://fotoo.pl/zdjecia/files/2010-06/e2275123.png)

No no fajny tutek :) :D
mi wyszło coś takiego :P
(http://iv.pl/images/48650277685605295426.png)
a jeszcze jedno jak dokładnie wycięliście tą jaśniejszą poświatę ?
bo mi coś nie wyszło ;/

(http://www.gimpuj.info/replacement.png)

GIMP ruuulez! ;D

oto moja gwiazdeczka  :)
(http://a.imageshack.us/img834/5517/gwiazdka2.png)
^^ dopiero teraz widzę ze słabo usunąłem elipsę xD nie chce mi się poprawiać

świetny tutek

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

(http://www.gimpuj.info/gallery/68256_13_01_12_1_49_38.jpg)

Dziękuję za tutka!  :laugh: :heart: [lp]

(http://www.gimpuj.info/gallery/92/39432_25_07_13_3_13_39.png)

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

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

ale jak zrobic aby te zeby nie byly takie dlugie?

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

(http://www.gimpuj.info/gallery/95/48452_16_06_14_8_44_00_1.gif)

Sorki za natretnosc ale dalej nie kimam... zym to zrobic? Jakas kombinacja klawiszy?

(https://dl.dropboxusercontent.com/u/27473063/5/str.png)

Łapiesz za ten czarny punkt i przesuwasz.

Dziekuje bardzo:)

E bredzisz śliczna gwiazdtk, i CZYTELNA .