Polskie Forum Użytkowników GIMP-a

Tutoriale => Tła => Wątek zaczęty przez: Zdybek on 04.04.2009, 11:57:29



Tytuł: Cyfrowy Bokeh
Wiadomość wysłana przez: Zdybek on 04.04.2009, 11:57:29
Cyfrowy Bokeh
Tutorial

Opracowanie: Zdybek
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_39_58.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36417)




Na wstępie chciałbym podziękować użytkownikowi CysiuTbg (http://www.gimpuj.info/index.php?action=profile;u=8528), bo to jego praca zainspirowała mnie do stworzenia efektu, który widać powyżej.

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



[lp] Zaczynamy

[lp] 1. Na początek tworzymy nowy obraz, ja wybrałem rozmiary 1280x960px. Tworzymy nową warstwę, nazwijcie ją koło i przy pomocy Zaznaczenia eliptycznego  <zaznaczenie-eliptyczne> [E] tworzymy okrąg o wymiarach 155x155px i wypełniamy zaznaczenie kolorem czarnym, a krycie warstwy zmieniamy na 50%. Powinniście otrzymać taki efekt:

(http://www.gimpuj.info/gallery/10211_04_04_09_11_47_32.png)


[lp] 2. Utwórzcie nową warstwę i nazwijcie ją obwódka. Przejdźcie do warstwy koło i klikając na niej prawym przyciskiem myszy wybierzcie opcje Kanał alfa na zaznaczenie. Ustawcie warstwę obwódka jako aktywną. Teraz Zaznaczenie -> Powiększ, jako wartość podajcie 5px. Następnie wypełnijcie warstwę kolorem czarnym, krycie 100%. Ponownie zaznaczcie kanał alfa warstwy koło, przejdźcie do warstwy obwódka i usuńcie to co zaznaczone [DEL].

(http://www.gimpuj.info/gallery/10211_04_04_09_11_56_53.png)


[lp] 3. Teraz kliknijcie prawym przyciskiem myszy na warstwie koło i wybierzcie opcje połącz w dół. Następnie Warstwa -> Przytnij warstwę i kopiujemy to co mamy do tej pory [CTRL+C]

[lp] 4. Teraz warstwę Tło przesuwamy na samą górę i wypełniamy kolorem #262626.

[lp] 5. Tworzymy nową warstwę i nazywamy ją Duże kółka. Wybieramy narzędzie Pędzel <pedzel> [P]. Jako pędzel ustawiamy schowek, skala 1,30-1,40, drganie 5.

(http://www.gimpuj.info/gallery/10211_04_04_09_12_06_40.png)


[lp] 6. W oknie pędzli odstęp ustawcie na 160-200. I zacznijcie robić kółka na warstwie duże kółka.

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_11_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36411)


[lp] 7. Teraz Filtry -> Rozmycie -> Rozmycie Gaussa o wartości 20px pionowo i poziomo. Następnie Kolory -> Inwersja. Tryb warstwy zmieniamy na Pokrywanie.

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_16_34.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36412)


[lp] 8. Tworzymy nową warstwę i nazywamy ją średnie kółka. Ponownie bierzemy pędzel [P], tym razem jednak skale zmniejszamy do 1. Tym razem stawiamy więcej kółek. Jak już skończymy robić nasze koła, przechodzimy do Filtry -> Rozmycie -> Rozmycie Gaussa, wartość 5px pionowo i poziomo, a następnie Kolory -> Inwersja. Tryb warstwy Pokrywanie

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_22_27.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36413)


[lp] 9. Teraz tworzymy warstwę o nazwie małe kółka. Narzędzie pędzel [P], skala ok. 0,65. I tworzymy kółka, po czym przechodzimy do Kolory -> Inwersja i zmieniamy tryb warstwy na Pokrywanie.

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_28_15.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36414)


[op] 10. Jest to punkt opcjonalny, aczkolwiek nie konieczny. Tworzymy nową warstwę i nazywamy ją chmury. Przechodzimy do Filtry -> Renderowanie -> Jednolite Chmury i ustawienia dajemy takie jak widać na screenie poniżej.

(http://www.gimpuj.info/gallery/10211_04_04_09_12_32_44.png)


Tryb warstwy zmieniamy na Pokrywanie, krycie ok. 70%.

[lp] 11. Tworzymy nową warstwę i nazywamy ją Gradient. Bierzemy narzędzie Gradient  <gradient> [L]. Zmieniamy kolory na takie które nam będą odpowiadały, ja użyłem jako pierwszoplanowy #1dd7e9 i jako kolor tła #9a3c82. I wypełniamy warstwę gradientem, ja użyłem liniowego. Tryb warstwy Pokrywanie. Ja jeszcze zduplikowałem warstwę gradient i zmieniłem jej krycie na 60%.

(http://www.gimpuj.info/gallery/thumb_10211_04_04_09_12_39_58.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=36417)


[lp] Koniec



Pamiętajcie, że od tego jak gęsto będą wasze kółka zależy to, jaką warstwę ustawicie dla drgania i jakie odstępy. Jeśli chcecie mieć gęściej zmniejszcie wartości.




Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: SyKaMa on 13.08.2009, 07:54:41
Trochę to pogmatwane, ale udało się tylko innym sposobem  :P


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: loQ on 23.08.2009, 13:10:28
Jak to jest łatwy tutek, to wy jesteście jacyś geniusze bo mi co rusz nie wychodzi.  >:(

@Down - przez tamto już przebrnąłem, ale to nie zmienia faktu że to jest bardzo głupi tutek. Źle napisane, bo to pierwsze zaznaczenie alfa nie jest potrzebne i przez nie mi nie wychodziło. I wo ogóle tutek do zmiany, bo ja też muszę to robić inaczej niż pisze, jest pogmatwany, a jak się robi tak jak pisze, to nie wychodzi.


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Serafino on 23.08.2009, 13:25:39
loQ a zaznaczyłeś alfe na okręgu czy na tle? bo to jest duża różnica


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: chulanita on 28.08.2009, 19:13:13
Mógłby ktoś bardziej dokladnie wytłumaczyć? :P
czy dokladniej się już nie da? ;D

Ziomioslaw: przeczytaj uważniej.

nie idzie mi to...:/

Ziomioslaw: nie jesteś nawet łaskaw sprecyzować swojej bolączki...


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: jamkuba on 30.08.2009, 19:03:09
ja zrobiłem cos takiego :D
http://img15.imageshack.us/i/jtciara.png/ (http://img15.imageshack.us/i/jtciara.png/)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Mishell on 05.09.2009, 16:37:56
ciekawy tutorial :) aha - wydaje mi się, że w punkcie 8 powinno być jeszcze raz kolory->inwersja.

//Zdybek: tak, masz rację, już to poprawiam. Dzięki.

(rezultat, wynik, obraz, praca, rysunek, itp.):
(http://www.gimpuj.info/gallery/thumb_19062_05_09_09_3_32_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48143)

[edit] chyba trochę za dużo kółek dałem :P


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Sebex on 30.09.2009, 12:10:51
DObry tutek był do zmiany ale mi sie udało

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


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: kowal1248 on 06.10.2009, 13:34:42
Chyba mi się udało ;p
(http://www.gimpuj.info/gallery/thumb_28621_06_10_09_12_33_34.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=50030)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: ADii298 on 18.10.2009, 18:00:30
Fany tut dzieX.
(http://www.gimpuj.info/replacement.png.gif)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Michiyo09 on 19.10.2009, 09:40:22
Super tutek :D ale jestem początkującą i nie do końca wyszło jak trzeba  :-[ oto moje dzieło ;)

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


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Roark on 21.10.2009, 20:28:41
O oto mój bokeh :D

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


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: maniek30dg on 26.10.2009, 12:57:17
Moja robota   :)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Disc0nnect on 11.11.2009, 14:31:21
mam proble gdy chce rysowac kolka na warstwie duze kolka nie chcca wychodzic ;p


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Verri on 21.12.2009, 19:40:19
Prosty i świetny efekt:

(http://www.gimpuj.info/gallery/thumb_25785_21_12_09_6_39_33.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=54880)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: pyzunia44 on 29.12.2009, 02:06:06
A ja mam problem.
Wszystkie punkty- do 3 są spoko, jednak później zaczynają się schody. Kiedy przycinam warstwę ['Warstwa -> Przytnij warstwę'] całe tło mi znika i zostaje tylko kratka. Kółek, które trzeba zrobić w pkt 6 nie widzę! Widzę tylko te kółko, które trzeba zrobić od 2 do 3 pkt.
Pomocy!! Co źle robię??

Tutaj cała sytuacja, zaczynałam warstwę 'duże kółka' http://i47.tinypic.com/w8243r.jpg

Czekam z niecierpliwością na Wasze rady.


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: kaef on 29.12.2009, 03:23:21
Punkty od 1 do momentu przytnij warstwę, są po to, żeby stworzyć pędzel. Później tą warstwę z wzorem pędzla możesz przenieść na sam dół, żeby nie przeszkadzała.
A na nowej warstwie "Duże kółka" kliknij CTRL+A czyli "zaznacz wszystko". Wtedy będziesz mogła pracować na całej.


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Luan on 29.12.2009, 16:48:20
Bardzo dobry Tutek ;D
Moje dzieło xd :
(http://i50.tinypic.com/k2d6v7.png)

Jestem jeszcze początkująca.

PS:. To jest zbliżenie ;)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Piciu on 30.12.2009, 17:16:49
To ja dodam też moje bazgroły. Według mnie za dużo kółek na za małej powierzchni i za dużo wolnego miejsca u mnie.

 [op] Rozdzielczość: 1920x1080 (Full HD)
 [op] Rozmiar: 2076.18kb (Uwaga przy wolniejszych łączach!)
 [op] Link do obrazka: http://www.gimpuj.info/index.php?action=gallery;sa=view;id=55622

Sorka, ale jestem perfekcjonistą.^^  <wilber>


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: monisiova on 25.03.2010, 14:26:57
Trochę poplątane  :D ale się udało. Oto efekt:
(http://fotoo.pl/zdjecia/thumbs/2010-03/c37ebe76.jpg) (http://fotoo.pl/hosting-zdjec/2010-03/c37ebe76/fhf.jpg.html)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: libcio on 27.04.2010, 21:04:57
oto moje dzieło :D
http://www.gimpuj.info/replacement.png


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: krystian-w3 on 09.05.2010, 20:57:30
A oto maja praca:

1.http://img697.imageshack.us/i/cyfrowybokeh.jpg/

2.http://img99.imageshack.us/i/cyfrowybokeh2.jpg/



Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: viviie on 19.05.2010, 12:51:52
Strasznie świetne i dobrze opisane.  ; D
(http://img191.imageshack.us/img191/2107/tapetakka.png)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: mikki252 on 19.05.2010, 16:04:27
Tutek super, bardzo prosty ale chyba źle dałem kanał alfa na zaznaczanie zamiast na kółeczko to na tło, ale nie ma co się szczypać początki zawsze trudne byle się nie zniechęcać pozdro :P:):):)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: fenix505 on 18.06.2010, 17:03:21
moja pracka


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: goblin950 on 23.06.2010, 22:01:45
A to moja praca. Lekki remix ;]

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

V2

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

Myślę że jak na 12-sto latka to mi nieźle wyszło ;]



Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Gimpowiecnumer1 on 04.07.2010, 16:50:54
 W oknie pędzli odstęp ustawcie na 160-200.
Gdzie ustawić ten odstęp? I czy można ten pędzel jakoś zapisać? Jeśli tak to jak?


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: fenix505 on 05.07.2010, 16:12:32
@up
Odstęp zapisuje się wraz z pędzlem. W przypadku chwilowego pędzla o nazwie "Schowek" jest to niemożliwe zapisać odstępu.
Możesz stworzyć nowy pędzel i wybrać ten odstęp.
na screenie znajdziesz miejsce dla opcji "odstęp". A tak po za tym... W tutku jest napisane że w oknie pędzli!!!
(http://fotoo.pl/zdjecia/files/2010-07/03f27026.png)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: pager120 on 13.07.2010, 08:43:47
Nie umiem jeszcze ogarnac Gardientu


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


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: misio220 on 04.09.2010, 14:30:16
(http://www.gimpuj.info/gallery/thumb_46979_04_09_10_1_28_58.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=70526)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: Izydorciu on 08.09.2010, 12:13:12
No świetne to jest:]


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: user12345 on 04.12.2010, 12:36:14
U mnie w momencie gdy skopiuję te koło i chcę pędzlem ze schowka malować duże koła to ich normalnie nie ma, nie rysują się(wcześniej skopiowałem tak jak to jest napisane).


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: isarow on 22.02.2011, 18:26:10
Gdzie wy tam widzicie jakiś odstęp gdzie trzeba 160-200 ustawić ? w oknie pędzli nic takiego nie ma


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: fenix505 on 23.02.2011, 18:13:39
@user12345
A zaznaczyłeś pędzel?

@isarow
w menu pędzla, nie narzędzia


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: kisiell9 on 09.04.2011, 16:03:57
Moje dzieło, tylko gwiazdki zamiast kółek :D
(http://www.gimpuj.info/replacement.png) (http://img40.imageshack.us/i/634636.jpg/)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: BlackBerry1 on 22.04.2011, 16:27:09
(http://www.gimpuj.info/gallery/48007_22_04_11_3_26_42.jpg) (http://www.gimpuj.info/)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: mr.czikopl on 27.07.2011, 20:34:47
pomocy, nie mogę wypełnić tła kolorem czarnym jest farba ze znakiem zakazu


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: maajaa on 05.03.2012, 23:26:28
Moje początki  :D


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: xXxCuksxXx on 25.03.2013, 17:19:25
Fajny tutek. Przydał mi się do loga butiku w [cenzura]. A oto moja praca :


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: DomoneR on 06.07.2013, 11:41:53
Luuudzie... To jest prościutkei :P

(http://wgraj-zdjecie.pl/Mlh.png)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: SweetSugar on 28.10.2013, 18:35:15
Moje i sorry że odświeżyłam  8-)

(http://i39.tinypic.com/25jibk7.png)


Tytuł: Odp: Cyfrowy Bokeh
Wiadomość wysłana przez: KacperParkour on 25.02.2016, 18:34:55
Moja praca:
(http://i.imgur.com/zkhVKUZ.png)