Strona używa cookies (ciasteczek). Dowiedz się więcej o celu ich używania i zmianach ustawień. Korzystając ze strony wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.    X

Tworzymy naturalnie wyglądający deszcz

Jest to mój pierwszy wpis na blogu, więc przed przejściem do głównego tematu wpisu napiszę małe wprowadzenie do bloga.

Jako że moim największym zainteresowaniem jest grafika komputerowa większość wpisów dotyczyć będzie właśnie jej. W przeważającej ilości będą to przydatne tutoriale dla początkujących jak i średniozaawansowanych. Ponadto będą pojawiać się wpisy dotyczące ogólnego tematu grafiki komputerowej jak i informatyki.

Na początek przygotowałem prosty tutorial, dzięki któremu dodamy realistyczny deszcz.

Zaczynamy od otwarcia dowolnie wybranego zdjęcia, w moim wypadku będzie takie:

Teraz tworzymy nową warstwę i wypełniamy całość na biało. Na warstwie z białym tłem z opcji mieszania wybieramy Rozpuszczenie a krycie ustawiamy na 2%.Powinniśmy otrzymać taki efekt:

Teraz tworzymy nową warstwę i umieszczamy ją pod warstwą z kropkami a następnie scalamy obie te warstwy.

Następnie wchodzimy kolejno Filtr->Rozmycie->Poruszenie i stosujemy takie ustawienia:
Kąt: 65*Odległość: 10piks

Powinniśmy otrzymać coś takiego:

I to już wszystko :)
Wkrótce kolejne tutoriale.
 

Komentarze

0 nowych
master_zonk6   7 #1 15.08.2010 20:11

bardzo ciekawe. Czekam na więcej. Pozdrawiam.

darekols   6 #2 15.08.2010 20:36

brakuje w tym Tutorialu nazwy programu jakiego użyłeś.

  #3 15.08.2010 20:36

Na początek to może byś napisał w czym to robisz...
Nie każdy musi wiedzieć że to w photoszkopie.
Photoshop to nie jedyny program do obróbki grafiki...

Garhuy   5 #4 15.08.2010 20:39

Nie znalazłem takiej opcji "Filtr->Rozmycie->Poruszenie" oraz nie mogę znaleźć opcji "Rozpuszczenie", nie wiesz gdzie ona jest?

  #5 15.08.2010 21:14

"brakuje w tym Tutorialu nazwy programu jakiego użyłeś."
W każdym programie można to zrobić. Co najwyżej inaczej się będą filtry nazywały.

wojmal   6 #6 15.08.2010 21:15

Wpis ciekawy. Powinno się w GIMPie udać to zrobić. Choć nie mam opcji "Poruszenie" a mam "Rozmycie w ruchu". Później sprawdzę czy to działa.

  #7 15.08.2010 21:46

Mam wielką prośbę - czy mógłby ktoś powiedzieć, jak to zrobić w programie Paint.NET? :)

wojownik   7 #8 16.08.2010 09:13

nie mogę znaleźć tech opcji w moim GIMPIE używałeś Pinta czy czego bo nie każdy musi się domyśleć o jaki Ci program chodzi wiec w imieniu Userów proszę podaj nazwę programu i wersje

Maciej_S   8 #9 16.08.2010 09:45

Fakt, przydałaby się informacja, w jakim programie autor pracuje. Ale jest jeszcze inna kwestia - dyskusyjny jest moim zdaniem realizm otrzymanego na zdjęciu deszczu.

pilarek   5 #10 16.08.2010 09:59

W GIMPie doszedłem tylko do tych kropek.

Należy utworzyć nową, białą warstwę, krycie 2%, a żeby były te kropeczki należy ustawić tryb warstwy an przenikanie. Teraz tylko trzeba rozmyć. Trzeba do tego jakoś dojść.

pilarek   5 #11 16.08.2010 10:19

Udało się. :)

http://h.imagehost.org/view/0540/zrzut_ekranu

Teraz napiszę, jak to zrobić:

- otwieramy dowolne zdjęcie
- tworzymy nową warstwę 1, tło białe, krycie 2%, tryb przenikanie. Warstwa musi być nad obrazkiem. Otrzymaliśmy efekt widoczny na 2 obrazku.
- tworzymy nową warstwę 2, krycie 0% (czyli przezroczyste)
- nasz stos od góry wygląda tak: nowa warstwa 1, nowa warstwa 2 i na końcu tło (nasze zdjęcie)
- PPM na nową warstwę 1 > Połącz w dół - w ten sposób łączymy 2 utworzone przez nas warstwy
- zaznaczamy warstwę powstałą w wyniku połączenia i Filtry > Rozmycie > Rozmycie "w ruchu"
- długość ustawiamy na 10, kąt 65 stopni
- zatwierdzamy i podziwiamy efekt :)

imaginee   4 #12 16.08.2010 10:56

@ Maciej_S | 16.08.2010 9:45
W kwestii realizmu otrzymanego "deszczu" - w tych kilku krokach oczywiście nie da się go osiągnąć. Trzeba byłoby jeszcze trochę popracować nad głębią. Stąd wyrażenie w tytule wpisu "naturalnie wyglądający" trzeba traktować z dużym przymrużeniem oka ;)

@ pilarek | 16.08.2010 10:19
Musiało się udać, więc i się udało ;P Zresztą wszystko było podane jak na tacy :) Nieco inne nazwy funkcji w Gimp'ie, ale przy tak prostej grafice nie powinno być problemu w odszukiwaniu podobnych.

Kaka'   9 #13 16.08.2010 11:07

Bardzo fajny poradnik, przydało się :).
Dobra robota!
Pozdrawiam.

wojmal   6 #14 16.08.2010 14:06

Realizm jak z komiksu, ale efekt ciekawy. Zauważyłem tylko, że przy większych zdjęciach (3648x2736) nie wychodzi to aż tak dobrze, rezultat przypomina raczej robienie zdjęcia aparatem ze starego telefonu komórkowego.

tomimaki   6 #15 16.08.2010 14:20

Poradnik ciekawy. Czekam na kolejne wpisy. No i oczywiście na komentarze, jak zrobić to w GIMPie. :)
http://img96.imageshack.us/img96/2549/img0355pf.jpg

Litera   3 #16 16.08.2010 18:49

Fakt, moim niedopatrzeniem było nie napisanie jakiego programu użyłem więc teraz wyjaśniam (chociaż i tak większość userów się domyśliła) że tutorial pisany był pod Photoshop'a :)

Kecarg   5 #17 16.08.2010 20:11

Ciekawy wpis. Czekam na kolejne.

  #18 24.08.2010 15:49

Mógłbyś na przemian dawać tutoriale do Photoshopa i Gimpa

Ja robiłem swój ruchomy deszcz w Gimpie.
>> http://zapodaj.net/images/ba6d43ef298b.gif <<

command-dos   17 #19 26.08.2010 21:19

@.::UBUNTONAUTA::. - bardzo ładnie Ci to wyszło, może jakiś tutek?

.::UBUNTONAUTA::.   2 #20 27.08.2010 00:01

@command-dos: Jest pewien problem, sam skorzystałem z toturtiala pewnego użytkownika z forum gimpa, jeśli tylko uzyskam zgodę to go tutaj wkleję. A swoją drogą to bardzo dobry wpis o reanimacji płyty głównej (kondensatory).

  #21 27.08.2010 11:17

@UBUNTONAUTA wystarczyłoby podać linka do tego tutoriala, na to nie trzeba zgody.

.::UBUNTONAUTA::.   2 #22 27.08.2010 12:29

Poczekam ze dwa dni jeśli twórca tutka nie odpisze to wkleję tylko link.

.::UBUNTONAUTA::.   2 #23 28.08.2010 13:50

Ok. Mogę udostępnić pracę, po zajrzeniu do profilu twórcy dowiedziałem się że mogę użyć jego pracy na licencji CC-NC-BY-SA. >http://pl.wikipedia.org/wiki/Licencje_Creative_Commons<

.::UBUNTONAUTA::.   2 #24 28.08.2010 15:56

Na razie podaję tylko link jak będę miał trochę czasu to wkleję ten tutek tutaj.

http://www.gimpuj.info/index.php/topic,7.0.html