Polskie Forum Użytkowników GIMP-a

---

Tutorial jest efektem prośby capeone. Oryginalny tutorial jest przeznaczony do PhotoShopa, dlatego postanowiłem użyć skryptu Layer Effects, który można ściągnąć z tej strony (http://users.telenet.be/ev1/gimplayereffects_en.html). Instrukcja instalacji znajduje się w naszym FAQ (http://www.gimpuj.info/sprawy-techniczne/gimpuj-faq-t5923.0.html).
I jeszcze o tym co to jest bulaj (http://pl.wikipedia.org/wiki/Bulaj).

Potrzebne pliki:

• Skrypt Layer (http://users.telenet.be/ev1/layer-effects_24.zip)
• Paczka gradientów mojego autorstwa (http://www.gimpuj.info/index.php?action=dlattach;topic=15549.0;attach=5915)

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

---

[lp] Zaczynamy

[lp] 1. Zaczynamy od otwarcia nowego obrazu [Ctrl+N] o rozmiarach 1000x1000px. Czemu tworzymy obraz aż tak duży? Ponieważ inaczej strasznie widać piksele, a po skalowaniu z takiego rozmiaru piksele są niezauważalne. W opcjach zaawansowanych wybierz Wypełnienie: Przezroczysta. Ja będę pracował na 50%, ale screeny będą pokazane w przybliżeniu 25%.

[lp] 2. Za pomocą narzędzia Zaznaczanie Eliptyczne [E] <zaznaczenie-eliptyczne> utwórz zaznaczenie. Współrzędne zaznaczenia:



[lp] 3. Wybierz: Zaznaczenie -> Zmniejsz... i wpisz 20px. Następnie wypełnij kubełkiem [Shift+B] <wypelnienie> zaznaczenie kolorem czarnym.



[lp] 4. Wejdź do menu warstw [Ctrl+L]. Nazwę warstwy Tło zmień na Kształt. W tym samym menu utwórz nową warstwę i nazwij ją Srebro.



[lp] 5. Na warstwie Kształt wybierz Kanał alfa na zaznaczenie. Przejdź na warstwę Srebro. Wypełnij zaznaczenie gradientem Srebro. Nie usuwaj zaznaczenia.



[lp] 6. Wybierz: Filtry -> Światło i cień -> Rzucanie cienia. Ustaw poniższe wartości:



[lp] 7. Utwórz nową warstwę [Ctrl+Shift+N] i nazwij ją Stroke. Jako kolor pierwszoplanowy wybierz #C4C4C4, a na drugoplanowy #E2E2E2. Następnie narzędziem Gradient [L] <gradient> z opcją Kolor pierwszoplanowy na kolor tła wypełnij zaznaczenie. Zmniejsz zaznaczenie o 10px. Wyczyść zaznaczenie [Delete].



[lp] 8. Nad ilustracją jest nazwa użytego filtru. Pamiętaj, aby filtru używać na warstwie Srebro.



[lp] 9. Stwórz nową warstwę i nazwij ją Gradient. Pobierz Kanał alfa na zaznaczenie z warstwy Kształt. Zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz) o 60px. Na kolor pierwszoplanowy ustaw #c1cfe0, a na drugoplanowy #aabac8. Wypełnij zaznaczenie na warstwie Gradient gradientem [L] Kolor pierwszoplanowy na kolor tła.




[lp] 10. Teraz popis Layer Effects. Korzystamy z poszczególnych filtrów z parametrami podanymi niżej. Pamiętaj, aby była zaznaczona warstwa Gradient.



[lp] 11. Kończymy zabawę ze skryptem. Stwórz nową warstwę i nazwij ją Rozjaśniacz. Na warstwie Gradient wybierz Kanał alfa na zaznaczenie. Jako kolor pierwszoplanowy ustaw biały #FFFFFF. Narzędziem gradient [L] wypełnij zaznaczenie. Gradientem powinien być Kolor pierwszoplanowy na przezroczystość. Krycie warstwy zmień na 65%.



[lp] 12. Utwórz 3 nowe warstwy. Nazwij je po kolei: Szkło, Szkło1, Szkło2. Wybierz warstwę Szkło. Wypełnij na niej zaznaczenie kolorem białym, a krycie warstwy zmień na 20%.



[lp] 13. Wybierz narzędzie Zaznaczanie eliptyczne [E], a jego tryb zmień na Odejmowanie. Następnie "wyrwij" trochę zaznaczenia.



[lp] 14. Wypełnij [Shift+B] zaznaczenie kolorem białym na warstwie Szkło1. Krycie warstwy zmień na 20%.

[lp] 16. Pobierz kanał alfa (Kanał alfa na zaznaczenie) z warstwy Szkło. Ponownie odejmij zaznaczenie, tym razem w odwrotną stronę. Wypełnij [Shift+B] je kolorem białym na warstwie szkło2, a krycie zmień na 30%.



[lp] 17. Pora dodać render. Ja wybrałem sympatycznego grzybka z gry Mario (http://planetrenders.net/renders/displayimage.php?pos=-14716), ale zachęcam, abyście wybrali jakieś inne rendery - nasz efekt dzięki temu będzie oryginalny. Render wklejamy na nową warstwę, którą nazywamy Render. Warstwę Render ustawiamy pomiędzy warstwą Rozjaśniacz a warstwą Szkło.



[lp] 18. Jeśli nasz render nie ma cienia tak jak w moim przypadku, należy go dodać. W tym celu tworzymy nową warstwę Cień. Umieszczamy ją pod warstwą Render. Następnie usuwamy zaznaczenie Zaznaczenie -> Nic [Ctrl+Shift+A].



[lp] 19. Zajmijmy się teraz rozmyciem cienia. W tym celu wybieramy: Filtry -> Rozmycie -> Rozmycie Gaussa.... Obie wartości ustaw na 70px. Zmniejsz krycie warstwy Cień na 60%.



[lp] 20. Teraz zapisz plik .XCF Plik -> Zapisz jako [Ctrl+Shift+S]. Następnie w menu warstw kliknij: PPM -> Połącz widoczne warstwy. Następnie wybierz Warstwa -> Dopasuj wymiary warstwy do obrazu i Warstwa -> Skaluj. W nowo otwartym oknie wpisz 250. Ostatnim krokiem jest kombinacja klawiszy: [Ctrl+A], [Ctrl+C]. Zamknij okno obrazu i wciśnij [Ctrl+V]. Zapisz obraz z rozszerzeniem .PNG.



[lp] Koniec

---

Miłego GIMPowania. :)

---

dobry tutorial, o to mój efekt końcowy -
(http://www.gimpuj.info/gallery/3143_17_04_08_6_46_45.png)

;p

Mój efekt :D 8-):


(http://i28.tinypic.com/m7xjrl.jpg)


nieco z innym Renderem <lol>

Super tutek. :P A oto efekt mojej pracy:

(http://images26.fotosik.pl/198/f0503b557cda60ea.png)

ja zmonciłem tapetke :)

(http://www.gimpuj.info/gallery/thumb_6886_23_04_08_9_58_50.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=14518)
oceńcie!

Trochę mi nie wyszedł.

(http://www.gimpuj.info/gallery/8243_18_05_08_8_17_29.png)

Efekt godny przeniesienia. :)

eXtra tutek!. ^^

A oto mój efekt (trochę zmieniłem tło):
(http://www.gimpuj.info/gallery/4821_22_11_08_1_51_10.png)

Dzięki za wspaniały tutek. Przyda się to na button :D
Zmieniłem troche, a nawet całkiem :P Wzorowałem się tylko na tym tutku.
(http://images26.fotosik.pl/308/6e5b27d7cc7eca83.png)
Myśle, że nie jest tak źle ;)

Bardzo dobry tutorial  ;) Zamiast rozmytego cienia, użyłem "rzucanie cienia"

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

mój efekt:

(http://www.gimpuj.info/replacement.png) (http://img16.imageshack.us/my.php?image=marioia8.png)

bulaj z oknem na świat :)

(http://www.gimpuj.info/replacement.png) (http://img172.imageshack.us/my.php?image=rybkidb3.png)

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

Hej,zastanawiam się dlaczego tego nie przenieśli.Wzorowałem się na efekcie końcowym z tutka.Oto moje zabawy z Inkiem:

(http://www.bankfotek.pl/image/204015.jpeg)

PS: Robiłem na szybko

thx  :D fajnie wyszło

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

//Qba_: Poprawiłem link, bo obrazek się nie wyświatlał.

Takie o, renderu nie mogłem dobrać to dałem taki:
(http://www.gimpuj.info/replacement.png) (http://www.gimpuj.info/replacement.png)
#edit
Srry, że takie wielkie, ale jak zeskaluje to brzydko wygląda.

//Qba_: Następnym razem duże obrazki umieszczaj jako odnośnik, a nie jako obrazek.

// Danyeru: Albo pamiętaj, że imageshack oferuje kody miniaturek, będących odnośnikami do właściwego pliku. : -P

Genialny tutek! I dodatkowo fajna stronka podana w tekście na początku (ta z renderami) :). Oto moje wypociny:

Oto efekt mojej pracy:

(http://iv.pl/images/0ve23fk3hqh1ahupea.png)

Fajny tutek moja produkcja:
(http://images38.fotosik.pl/88/d1a27aa89fb3d84cm.png) (http://www.fotosik.pl/showFullSize.php?id=d1a27aa89fb3d84c)

Fajowy tutek
 Oto moja praca:

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

Średnio wyszła  :P

O to moje dzieło :D
Sorki że taki duży :'(
http://www.gimpuj.info/gallery/18939_28_04_09_11_27_14.png

Dobrze opisany tutek...
Moja praca:

(http://www.gimpuj.info/gallery/21726_22_05_09_11_49_53.png)

A oto moje dzieło :D
(http://www.gimpuj.info/replacement.png)
Niestety forum, na który miał być avatar wymaga max 150px x 150px, a gdy przeskaluję do 150px nie widać efektu :(

Nie mam takiego gradientu srebro. Który to?

Musisz pobrać paczkę gradientów w załączniku w tutorialu.

Haha, dzięki nie zauważyłem.

Edit:
W tym Script-Fu mam tylko:
Konsola
Odśwież skrypty
Uruchom server
natomiast Layer Effects nie ma.

A ściągnąłeś dodatkowe skrypty, o których napisane jest na samym początku tuta?

Udało mi się.
http://img195.imageshack.us/i/grzybek.png

Ziomioslaw: ... nie dziękuj.

A ja takie coś zrobiłem
(http://www.gimpuj.info/replacement.png)
Świetnie nadaje się na avatar 8-)

Moja pracka w załączniku :D

Kombinowałem, kombinowałem i wykombinałem takie cuś
(http://www.gimpuj.info/replacement.png)

Mi wyszło takie coś. Robiłem to na herb klanowy ;p
(http://www.gimpuj.info/replacement.png)(http://www.gimpuj.info/replacement.png)

http://img13.imageshack.us/i/kopiawicked11.png/

po skalowaniu piksele były jeszcze bardziej widoczne, dopiero jak gaussem postać rozmyłem to jakoś wyglądało:
(http://www.gimpuj.info/gallery/27049_20_09_09_1_29_13.png)

mi wyszło coś takiego. Nie używałem Layer Script
http://www.gimpuj.info/replacement.png

Pierwszy raz coś robiłem w gimpie ( zajęło mi to ok. 2h :) ) ale wyszło mi coś takiego :

Tutek przejrzysty i łatwy do skumania ;]
Oto moje dwie pracki:
(http://www.gimpuj.info/replacement.png) (http://img163.imageshack.us/i/logopumy.png/) (http://www.gimpuj.info/replacement.png) (http://img229.imageshack.us/i/logopumyznapisem.png/)

Oto mój efekt
(http://www.gimpuj.info/replacement.png)

pomoc !!!!! pomoc !!!!! nie mogę znaleźć gradientu srebro pomocy  :'(

Nie masz go dlatego, że najpierw musisz go ściągnąć  i wgrać do GIMP-a...

A jak usunąć to tło z tyłu ? -,-

Jak wziąć te skrypty? Bo już patrzyłem w Filtry -> Script-Fu -> Konsola ale tam nie mam tych skryptów co podane są w tutku.. Pomoże ktoś?

Powinny być w Script-Fu -> Layer Effects.

A kto Ci kazał wchodzić w menu Filtry? Po wklejeniu plików do katalogu skryptów GIMP-a, powinny one być w menu Script-Fu.

aa.. dzięki już wiem co było nie tak

Ten blado-niebieski kolor nie podobał mi się więc pomyślałem żeby zrobić zielone szkło  :P
(http://www.gimpuj.info/gallery/30301_11_05_10_3_37_43.png)

Fajny tut, a oto mój bulaj :D :

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

A oto moje cacko :D
(http://img824.imageshack.us/img824/6346/buaj.png)

Coś nie tak... A postępowałem zgodnie z tutem.

(http://a.imageshack.us/img194/5521/zrzutekranubj.th.png) (http://img194.imageshack.us/i/zrzutekranubj.png/)

(http://www.gimpuj.info/gallery/46979_17_08_10_3_01_14.png) (http://www.gimpuj.info/)

tutek ekstra jeden z niewielu które robiłrm tylko raz :D ale nieżle napisany i nowy skrypt każdy sie przyda kiedyś a oto moje wypociny

(http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs198.ash2/46142_1565799233014_1476402457_31473256_3662138_n.jpg) moje dzielo :D

Super tutek męczyłem się jakąś godzinke, ale za to efekt wspaniały :P.
(http://www.gimpuj.info/replacement.png)

A oto moje dzieło naprawdę dobry tutek
(http://ifotos.pl/img/Bulaj1_spnrqw.png)

Troszkę mi nie wyszło ale co tam;)
(http://droida.w.interii.pl/bulaj_button.png)

Dobry tutek!!!
Mój efekt:
(http://www.gimpuj.info/gallery/thumb_45112_25_11_10_10_19_54.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=73339)

Naprawdę  świetny efekt, tylko jak się skaluje na ikona (60x60) to trochę brzydko wygląda.

Jestem początkujący ale nawet takie sobie...
(http://tinypic.pl/cgi-bin/dl.cgi/oqaqzoydqyuxf5emm5oxwbg6tjdxfegpvzso75tnj4/mario.png)

mógłby ktoś wrzucić plik xcf z tym bulajem? Bo mi nie zabardzo wychodzi :/

Jakby ktoś mógł wżócić to bym był wdzięczny a jak nie to jakby mi ktoś powiedział czemu nie moge ściągnąć gradientów(srebro) tego co jest na początku podany. A po drugie to gdzie ja mam to wgrać to layer cos tam ?

(http://www.gimpuj.info/replacement.png) moja 2 pracka w gimpie i jak ??

Mam prośbę. Czy mógłby ktoś wysłać mi taki bulaj? Chodzi mi o to że wyślecie mi plik i jak go wrzucę do gimpa to będę miał w tym obrazku warstwy itd że będę ja mógł je przerobić. Serdecznie was proszę o to.

Dobry tutek. Moje dzieło:
http://dl.dropbox.com/u/33630059/logo.png

Fajny Tutorial, oto to co zrobiłem z pomocą Tutoriala:
http://imageshack.us/photo/my-images/685/kbulaj.jpg/ (http://imageshack.us/photo/my-images/685/kbulaj.jpg/)
Ja postanowiłem zastąpić ikonkę pierwszą literką od mojego imienia do której dodałem efekt wklęsły :)

Niezłe;)
(http://www.abload.de/thumb/rendercodbo65jx7.png) (http://www.abload.de/image.php?img=rendercodbo65jx7.png)
(http://www.abload.de/thumb/rendercallofduty07jfu.png) (http://www.abload.de/image.php?img=rendercallofduty07jfu.png)

A tu moje.  <lol>
Przepraszam za duży rozmiar, ale lenistwo... I nie chciało mi się skalować.  :P

http://s3.amazonaws.com/data.tumblr.com/tumblr_lwwy59gQkR1r569sno1_1280.png?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1329087729&Signature=ddRLTMfFOfw9FplmqTzMBIeTblc%3D