[Zdybek]

Cyfrowy Bokeh
Tutorial

Opracowanie: Zdybek
Poziom trudności: łatwy

Na wstępie chciałbym podziękować użytkownikowi CysiuTbg, 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ć.


Zaczynamy

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

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

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]

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

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

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

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

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

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.

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.

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

11. Tworzymy nową warstwę i nazywamy ją Gradient. Bierzemy narzędzie 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%.

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.

[SyKaMa]

Trochę to pogmatwane, ale udało się tylko innym sposobem  

[loQ]

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.

[Serafino]

loQ a zaznaczyłeś alfe na okręgu czy na tle? bo to jest duża różnica

[chulanita]

Mógłby ktoś bardziej dokladnie wytłumaczyć?
czy dokladniej się już nie da?

Ziomioslaw: przeczytaj uważniej.

nie idzie mi to...:/

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

[jamkuba]

ja zrobiłem cos takiego
http://img15.imageshack.us/i/jtciara.png/

[Mishell]

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.):


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

[Sebex]

DObry tutek był do zmiany ale mi sie udało

[kowal1248]

Chyba mi się udało ;p

[ADii298]

Fany tut dzieX.

[Michiyo09]

Super tutek ale jestem początkującą i nie do końca wyszło jak trzeba   oto moje dzieło

[Roark]

O oto mój bokeh

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

[maniek30dg]

Moja robota   

[Disc0nnect]

mam proble gdy chce rysowac kolka na warstwie duze kolka nie chcca wychodzic ;p

[Verri]

Prosty i świetny efekt:

[pyzunia44]

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.

[kaef]

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.

[Luan]

Bardzo dobry Tutek
Moje dzieło xd :


Jestem jeszcze początkująca.

PS:. To jest zbliżenie

[Piciu]

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.

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

Sorka, ale jestem perfekcjonistą.  

[monisiova]

Trochę poplątane  ale się udało. Oto efekt:

[libcio]

oto moje dzieło
http://www.gimpuj.info/replacement.png

[krystian-w3]

A oto maja praca:

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

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

[viviie]

Strasznie świetne i dobrze opisane.  ; D

[mikki252]

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

[fenix505]

moja pracka

[goblin950]

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 ;]

[Gimpowiecnumer1]

 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?

[fenix505]

@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!!!

[pager120]

Nie umiem jeszcze ogarnac Gardientu

[misio220]

[Izydorciu]

No świetne to jest:]

[user12345]

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

[isarow]

Gdzie wy tam widzicie jakiś odstęp gdzie trzeba 160-200 ustawić ? w oknie pędzli nic takiego nie ma

[fenix505]

@user12345
A zaznaczyłeś pędzel?

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

[kisiell9]

Moje dzieło, tylko gwiazdki zamiast kółek

[BlackBerry1]

[mr.czikopl]

pomocy, nie mogę wypełnić tła kolorem czarnym jest farba ze znakiem zakazu

[maajaa]

Moje początki 

[xXxCuksxXx]

Fajny tutek. Przydał mi się do loga butiku w [cenzura]. A oto moja praca :

[DomoneR]

Luuudzie... To jest prościutkei

[SweetSugar]

Moje i sorry że odświeżyłam 

[KacperParkour]

Moja praca: