Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

 
Szukanie zaawansowane

77 573 wiadomości w 7 479 wątkach,
wysłane przez 13 335 użytkowników
Najnowszy użytkownik: Graffcia

Praca dla Ciebie. Zarabiaj kilka tysięcy miesięcznie.
Polskie Forum Użytkowników GIMP-aGIMPTutorialeRóżneWątek: Ikona pogodowa - pochmurny dzień
Strony: [1]
Drukuj
Autor Wątek: Ikona pogodowa - pochmurny dzień  (Przeczytany 2636 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Sebastian
V.I.P.

Reputacja: 30 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: gimphelp@jabber.wp.pl
Licencja: CC-NC-BY-SA
Wiadomości: 403
Galeria Użytkownika


www.racjonalista.pl


Zobacz profil WWW
« : 20.03.2008, 01:32:34 »

Ikona pogodowa - pochmurny dzień
Tutorial

Opracowanie: Sebastian
Poziom trudności: średni




Tutorial został zainspirowany reklamą w gazecie na której zobaczyłem telefon komórkowy z fajną ikonką pogody jaka często pojawia się w internetowych serwisach pogodowych. Jeśli się pogubiłeś to zobacz spis wszystkich warstw na końcu tutoriala.   

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



Lime Point Zaczynamy

Lime Point 1. Tworzenie tarczy słońca

Zaczynamy od stworzenia nowego obrazu o wygodnych dla nas rozmiarach (pamiętajmy, że mamy zmieścić jeszcze chmurę). Po stworzeniu nowej warstwy rysujemy okrąg o wymiarach 120x120px wypełniony kolorem: #ffc231. Postarajmy się narysować koło na środku płótna, bądź przyciąć warstwę i zostawić nieco luzu po bokach. Będzie to pomocne przy tworzeniu promieni.   

Podpowiedź:
Jeśli uważacie że piksele są zbyt widoczne możecie zawsze rozmyć je rozmyciem w ruchu
z typem rozmycia ustawionym na "Promienisty". Dobrze by okrąg był narysowany w centrum
bądź warstwa była do niego przycięta, wtedy nie będziecie musieli wyznaczać środka koła.
Sposób jest naprawdę dobry i gwarantuje doskonałe wygładzenie krawędzi. Tutaj jednak nie
jest ono tak istotne i możemy je sobie darować.




Lime Point 2. Pierwsze promienie

1 - Teraz duplikujemy warstwę tarcza trzy razy i nazywamy po kolei blask1, blask2 oraz blask3. Wszystkie rozmywamy Filtry -> Rozmycie -> Rozmycie Gaussa... z wartością 10px. Jedną z nich (numer 3) barwimy na biało przez: Narzędzia -> Narzędzia kolorów -> Barwienie. Po prostu ustaw jasność na 100. Umieszczamy ją ponad innymi a krycie ustawiamy na Miękkie światło. Podobnie postępujemy z numerem 2, tyle że jego krycie zmniejszamy na 30%.
2 - następnie przystępujemy ponownie do duplikacji warstwy tarcza na której zastosujemy teraz Filtry -> Szum -> Wyciosaj. Ustawiamy:

  • Przypadkowość: 50%
  • Powtórzenia: 10
  • Ziarno losowości (może być inne): 10

3 - Prawie koniec. Zastosuj teraz Filtry -> Rozmycie -> Rozmycie w ruchu. Z takimi oto własnościami:

  • Tryb: Powiększenie
  • Parametr rozmycia: około 30-40 (nawet lepiej i więcej)

Pamiętaj, by ustawić tę warstwę pod wszystkimi blaskami.



Lime Point 3. Pierwsze upiększenia tarczy

Teraz zróbmy nową warstwę i określmy ją mianem tarcza-KMS. Pobieramy kanał alfa na zaznaczenie z warstwy tarcza (PPM -> Kanał alfa na zaznaczenie). Narzędziem gradient Gradient o kształcie dwuliniowym. Robimy to co na rysunku pierwszym. Cały czas mając utrzymane zaznaczenie stosujemy najpierw Filtry -> Rozmycie -> Rozmycie w ruchu o parametrach:

  • Typ: Promienisty
  • Kąt: 30


Dopiero następnie wybieramy Filtry -> Rozmycie -> Rozmycie Gaussa:
 
  • Poziomo: 10px
  • Pionowo: 10px

Pozostaje tylko ustawić krycie warstwy na Miękkie Światło.



Lime Point 4. Tworzenie dodatkowych promyków

Musimy dodać jeszcze "promyczki", stwórz więc warstwę o tej nazwie. Narzędziem Pędzel Pędzel któremu w opcjach ustawimy takie właściwości:

  • Pędzel: Circle Fuzzy (11)
  • Skala: 70
  • Zanikanie 50 px


Malujemy kolorkiem #ffa800 promienie. Tak jak na obrazku. Pamiętamy też oczywiście, by całość umieścić pod wszystkimi innymi warstwami.



Lime Point 5. Blask

To bardzo proste, wykreuj warstwę blask i białym gradientem (tylko kolor pierwszoplanowy, jest on czwarty na liście), mając znowu zaznaczenie z warstwy tarcza machnij coś takiego jak widzisz. Następnie duplikując Duplikowanie warstwy i zmieniając krycie dąż do satysfakcji.



Lime Point 6. Koniec w temacie słoneczka

Niby koniec, ale trochę się trzeba namęczyć. Po pierwsze robimy nową warstwę i nazywamy ją swiatlo, znanym już sposobem pobieramy kanał alfa z tarczy i wybieramy z menu Zaznaczenie -> Odwróć. Kubełkiem Wypełnienie kubełkiem wypełniamy zaznaczenie bielą . Rezygnujemy z zaznaczenia i rozmywamy całość Rozmyciem Gaussa na 15. Po wszystkim pobieramy znowu kanał z tarczy, odwracamy i wybieramy z menu Edycja -> Wyczyść. Warstwie dajemy krycie na miękkie światło. Tworzymy jeszcze raz warstwę, tyle że o nazwie swiatlo-2, postępujemy tak samo jak wcześniej tylko że dajemy stopień rozmycia na 25.



Lime Point 7. Chmurki, wstępny kształt i wielkość

Zaczynamy rysować chmurki. najlepiej narysować kilka chmurek ale każdą na oddzielnej warstwie. Zrobimy więc trzy warstwy o nazwach C1, C2, C3. Białym pędzlem "Circle Fuzzy" mażemy sobie po każdej z nich kształt jaki tam sobie chcemy. Pamiętajmy że GIMP 2.4 oferuje skalowanie pędzli co można tutaj wykorzystać. Ja narysowałem to:



Lime Point 8. Trochę wypukłości

Nadamy teraz każdej warstwie oddzielnie wypukłość. Wybieramy Filtry -> Odwzorcowania -> Mapowanie wypukłości. Pamiętaj by ustawić w "Mapowanie wypukłości", warstwę którą aktualnie mapujesz (C1 itd). Możesz oczywiście dobrać inne parametry.



Lime Point 9. Formowanie

Teraz to co zdecydowało że tutek jest średnio trudny. Tutaj trzeba wykazać trochę własnej inicjatywy i wyobraźni. Po pierwsze wszystkie chmurki rozmywamy Filtry -> Rozmycie -> Rozmywanie Potem wybieramy Filtry -> Szum -> Wyciosaj z przypadkowością ustawioną na 60 procent i 7 (można więcej albo mniej, zalecam nawet więcej tylko bez przesady) powtórzeniami. Po wyciosaniu znowu rozmywamy i znowu ciosamy do otrzymania względnie dobrego efektu. Aby go upiększyć użyć można narzędzia rozsmarowanie oraz Rozjaśnianie/Wypalanie. Górna cześć chmury musi być jaśniejsza niż dolna ponadto obłoki są zazwyczaj kłębiaste więc trzeba zaznaczyć kilka cieni na chmurce by zyskała na wypukłości. Rozsmarowaniem stwarzamy natomiast efekt wiatru. Metodą prób i błędów można dojść do zadowalających efektów. Zalecam duplikacje warstw z mapowaniem przed tą operacją by nie cofać się niepotrzebnie kiedy uznamy że nie o to nam chodziło.
Dwa Screeny, pierwszy pokazuje sytuację po rozmyciu i wyciosaniu a drugi po formowaniu. Można wykonać to na naprawdę wiele sposobów, zależy to od waszej wprawy w posługiwaniu się GIMPem.

 

Lime Point Koniec



Powodzenia.



Możesz zarobić i spełnić swoje marzenia. Kliknij i zobacz.
« Ostatnia zmiana: 22.03.2008, 00:43:07 wysłane przez INSEKT » Zapisane

RRH
V.I.P.

Reputacja: 13 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: rrh@jabberpl.org
Licencja: Copyright
Wiadomości: 625
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 20.03.2008, 02:11:56 »

Pierwszy! Mrugnięcie
Pisałem do Ciebie, ale nie odpisałeś. Język
Tak zrobione na szybko. Postaram się jeszcze raz wykonać to na spokojnie.
A tymczasem:

Możliwe przelotne opady śniegu
Zapisane

mauf
Moderator Globalny

Reputacja: 12 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: umariusz@jabberpl.org
Licencja: Copyright
Wiadomości: 317
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 20.03.2008, 10:52:10 »

Sebastian napisałeś naprawdę dobry tutorial.
Tak mi się spodobał że zrobiłem sobie słonko Uśmiech


Moje dzieło:


Zapisane
capeone
Użytkownik

Reputacja: 10 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Licencja: CC-NC-BY-SA
Wiadomości: 308
Galeria Użytkownika


FTS Showtek !


Zobacz profil WWW
« Odpowiedz #3 : 20.03.2008, 14:58:20 »

bardzo dobre Seba. jak zwykle pokazałeś klase Uśmiech
btw. czekam na dodatek do tutka w postaci kropelek deszczu i płatków śniegu Uśmiech

deszcz mi nie wyszedł Język ramka też zła Język termometr nie fajny Uśmiech chmury nie deszczowe jakoś Język
bez dalszej części tutorialu nie da rady Język

ale :
Cytuj
Jedną z nich (numer 3) barwimy na biało przez:
Narzędzia -> Narzędzia kolorów -> Barwienie. Po prostu ustaw jasność na 100. Umieszczamy ją ponad innymi a krycie ustawiamy na Miękkie światło.
może coś przeoczyłem ale gdy tak robię słońce jest blade i nie fajne :<

pkt 4
Cytuj
Skala: 70
0.70 Uśmiech

Cytuj
Jeśli się pogubiłeś to zobacz spis wszystkich warstw na końcu tutoriala.
czekamy Uśmiech

po za tym wszystko chyba ok.
« Ostatnia zmiana: 21.03.2008, 11:54:17 wysłane przez capeone » Zapisane

CorteZ
Opiekun tutoriali

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 259
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 20.03.2008, 23:56:18 »


Kończą się opady śniegu i przez następne dni będzie słonecznie Mrugnięcie
Zapisane


lixonn
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 5
Galeria Użytkownika

lixonn


Zobacz profil
« Odpowiedz #5 : 26.04.2008, 19:04:23 »

Przy gradiencie dwuliniowym nie napisałeś, że trzeba zmienić kolor na czarny, ale sobie poradziłem
Moja praca:
« Ostatnia zmiana: 26.04.2008, 19:28:55 wysłane przez lixonn » Zapisane
Asivnia
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Licencja: Copyright
Wiadomości: 16
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 01.05.2008, 16:14:55 »

Nie podobało mi się bez tła to je sobie dodałam po swojemu Uśmiech 2:



Ps. jak zwykle nie wyszło Język
Zapisane
krzys1996
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 14
Galeria Użytkownika


Rób to co potrafisz!


Zobacz profil
« Odpowiedz #7 : 04.05.2008, 22:33:24 »

Moje:

Uśmiech 2
« Ostatnia zmiana: 05.05.2008, 15:35:01 wysłane przez krzys1996 » Zapisane
lementare
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Licencja: Copyright
Wiadomości: 34
Galeria Użytkownika



Zobacz profil
« Odpowiedz #8 : 21.05.2008, 16:24:19 »

Fajny tutorial. Moja praca:
Zapisane
qxz654
Gość
« Odpowiedz #9 : 13.07.2008, 15:01:09 »

ja zrobiłem po swojemu :)nie wyszło jak w tetku ale chyba może być Mrugnięcie
http://www.gimpuj.info/index.php?action=gallery;sa=view;id=19435
Zapisane
Strony: [1]
Drukuj
Polskie Forum Użytkowników GIMP-aGIMPTutorialeRóżneWątek: Ikona pogodowa - pochmurny dzień
Skocz do:  


Kanał IRC #GIMP-PL
GIMP .Edu .pl
GIMP .Edu .pl
GIMP 
WIKI
dodajdo