Witamy, Gość. Zaloguj się lub zarejestruj.


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

Strony: [1]
DrukujPobierz PDF
Autor Wątek: Kula w tle - interface  (Przeczytany 27343 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
CaTTiusha
Użytkownik

Reputacja: 12 Offline Offline

Płeć: Kobieta
GIMP: 1.*
JID: cattiusha@ubuntu.pl
Licencja: Copyright
Wiadomości: 91
Galeria Użytkownika


Looking for...


Zobacz profil WWW
« : 25.10.2006, 21:08:44 »

Przypomniał mi się pewien bardzo prosty sposób robienia kuli w photoshopie. Ten tutorial pokaże jak zrobić to samo w gimpie. Nie mam żadnego linku do tego starego tutoriala, nie mniej jednak podkreślam, że to nie ja wpadłam na ten pomysł. W tym tutorialu w paru krokach zrobimy kulę zagnieżdzoną w tle. Wszystkie skróty klawiszowe podane są w nawiasach  Mrugnięcie Ten tutorial także znajdziecie tutaj Jest naprawdę bardzo łatwy, zapraszam do zrobienia samemu.

Zrobiłam screencastową wersję tego tutoriala. Zapraszam do oglądania na Youtube  Konwersja mpeg4 na swf z youtube nie poraża jakością, więc dla tych co chcą zobaczyć coś więcej zapraszam do ściągnięcia oryginalnego pliku:
http://rapidshare.com/files/5901584/gimp.avi
http://depositfiles.com/files/417101

1. Zaczynamy pracę od stworzenia nowego obrazu (ctrl + N) o rozmiarze 400x400 px.



2. Zmieniamy kolor tła - wybieramy narzędzie wypełnienie kolorem lub deseniem (shift + B), ustawiamy sobie dowolny kolor (za wyjątkiem czarnego i białego) i klikamy na warstwę tła.



3. Tworzymy nową warstwę o nazwie “kula”, w oknie warstw. Wybieramy narzędzie zaznaczanie obszarów eliptycznych (klawisz E) i z wciśniętym klawiszem SHIFT rysujemy idealne koło.



4. Za pomocą narzędzia wypełnienie kolorem lub deseniem (shift + B) wypełniamy zaznaczenie kolorem 616161 w notacji HTML-owej jak na rysunku poniżej.




Nasz rysunek powinien wyglądać tak:



5. Następnie w oknie warstw duplikujemy warstwę “kula” dwa razy i zmieniamy ich nazwy na “cien bialy” i “cien czarny”. Po czym przesuwamy warstwę “kula” na wierzchołek, czyli trzymamy wciśnięty klawiszy SHIFT i klikamy na guzik podniesienie warstwy w oknie warstw. Nasze okno warstw powinno wyglądać tak:



6. Teraz za pomocą gadientu z tego płaskiego kółka zrobimy kulę. W tym celu zaznaczamy warstwę “kula” na której będziemy pracować i wybieramy narzędzie wypełnianie gradientem koloru. Kolor pierwszoplanowy ustawiamy biały a tło czarne (klawisz D, a później X) jak na rys. A, a gradient: kolor pierwszoplanowy na kolor tła i ustawiamy parametry jak na rys. B poniżej.

rys.A


rys.B


Ciągniemy gradientem jak na rysunku od góry do dołu po przekątnej (pamiętając, żeby mieć zaznaczoną warstwę “kula”)



7. Jeżeli w efekcie powstało nam coś takiego:



to przestępujemy do rozmywania cieni. Zaznaczamy warstwę “cien bialy” i nadajemy jej biały kolor, a warstwie “cien czarny” czarny. Usuwamy zaznaczenie (Ctrl + Shift +A). W oknie warstw zaznaczamy warstwę “cień czarny” i wciskamy Filtry > Rozmycie > Rozmycie Gaussa... i ustawiamy takie parametry



To samo powtarzamy z białą warstwą.

8. Można pobawić się rozmyciem Gaussa i zwiększyć promień rozmycia, co spowoduje, że kula będzie głębiej osadzona,ale nie należy przesadzać. Aby efekt był bardziej wyrazisty przemieszczamy delikatnie warstwy cieni:

Używając narzędzia Przesuwanie warstw i zaznaczeń (klawisz M), zaznaczamy warstwę “cien czarny” w oknie warstw. Klikamy na okno robocze i przesuwamy warstwę kursorami na klawiaturze lekko w lewo, a “cien bialy” do dołu i ewentualnie w prawo.

Gratulacje! Oto koniec tutoriala. W efekcie otrzymaliśmy coś takiego:



Taką kulę można zastosować w każdym elemencie designu strony, jesteśmy ograniczeni jedynie wyobraźnią. Najczęściej widzimy je w nawigacji.

Przykład 1


Przykład 2


Proponuję także pobawić się kolorami.
Warstwa > Kolory
Filtry > Kolory > Koloryzacja
Filtry > Kolory > Filtry
ect.[


                                                                           Miłej zabawy!
« Ostatnia zmiana: 06.06.2009, 13:21:34 wysłane przez ƥevel » Zapisane

Moje Videotutoriale:
Screencast - PodstawyJak zrobić kulę?       Jak zrobić prosty guzik?
Moje Tutoriale:Obiekt Niemożliwy Jest Możliwy w GIMP'ie   |   Kula Zagnieżdzona w Tle  |
Mój GIMP Blog, gdzie znajdziecie Video Tutoriale do GIMP'a i nie tylko.n
@Cakper
Administrator

Reputacja: 36 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: cakper@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 068
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #1 : 09.12.2006, 20:53:26 »

Pozwoliłem sobie wrzucić tutorial na forumowy serwer:
http://download.gimpuj.info/kula_element_naw_Cattiusha.avi
Zapisane

Moje zdjęcia



Canon EOS 400D + EF 70-200mm/f4 L + EFS 18-55mm/f3.5-5.6 + EF 50mm/f1.8+ Kenko Extension Tube Set + BG-E3 + 430EX + LP Nova2 + F1RST C3570
Cawz
Użytkownik

Reputacja: 10 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 131
Galeria Użytkownika


Wesoły GIMPer :)


Zobacz profil
« Odpowiedz #2 : 17.07.2007, 20:29:33 »

Bardzo fajny efekt... Fajny tut.
I mój efekt, to chyba najgorsze Uśmiech



Trochę mi nie wyszło, ale uczymy się na błędach Uśmiech
Zapisane

Michauek
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 31
Galeria Użytkownika


おまえおころす!


Zobacz profil WWW
« Odpowiedz #3 : 17.07.2007, 21:21:23 »

Wiesz co mógłbyś tu poprawić? usunąć warstwę tło (tą niebieską) i było by git Język
Mi wyszło coś takiego Język ściągnąłem trochę Język


Zapisane

Zasady są po to, by można było je złamać. Zasady łamie ten który uważa je za niepotrzebne. Wszyscy łamiemy zasady. Po co więc są zasady?
Gajnek
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 42
Galeria Użytkownika

Gajnek


Zobacz profil WWW
« Odpowiedz #4 : 03.01.2008, 15:31:22 »

To Jest Moja Szósta Praca W Gimpie:



LINK KLIK
Zapisane

edziuK
Użytkownik

Reputacja: 17 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 217
Galeria Użytkownika


American Staffordshire Terrier


Zobacz profil
« Odpowiedz #5 : 20.01.2008, 16:33:14 »

fajne na pewno się przyda

Zapisane

Zenfur
Użytkownik

Reputacja: 2 Offline Offline

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

Zenfur


Zobacz profil
« Odpowiedz #6 : 03.03.2008, 22:55:59 »

Ciekawy efekt i łatwy do uzyskania Chichot brawa dla autora, oto moje prace:


Widzę, że nikt jeszcze tego nie napisał, wiec ja spróbuje - oto jak umieścić w przycisku jakiś wzorek:
w punkcie 3. należy albo narysować to kółko za pomocą prowadnic dla późniejszych potrzeb, albo po prostu zapamiętać jakie wymiary ma kółko i skąd zaczeliśmy rysować.
Do końca wszystko jak jest w tutorialu (z tym że, proponuję dać jakis 2 x "krótszy" gradientdla lepszego efektu (tą kreskę jak chcemy wygradientować)), a potem klikamy na warstwę główną (kuli), a potem Kolory -> Zmiana koloru w alfę -> i tam ustawiamy kolor biały.
 Zrobi nam się piekne cieniowanie. Należy zrobić teraz nową warstwę, umieścić ją pomiędzy cieniem, a kulą i wstawić tam nasz wzorek (ja zrobiłem wzorek na szybko z pedzlem z liśćmi) i ustawić poprzednie zaznaczenie.
Potem Zaznaczenie -> Odwróć no i wciskamy Delete, by pozbyć się nieporządanego kawałka wzorka. Oczywiście można z tym kombinować. To tyle, mam nadzieję, że sie przydałem i nie przeszkodziłem dla niektórych tak oczywistymi rzeczami Chichot proszę się nie gniewać, jestem nowy i cieszę się z każdego efektu uzyskanego samodzielnie! (lub przeróbce albo zmodyfikowaniu)
Zapisane

Nie patrzcie na licencje mojego profilu. Moja licencja to RCC - Róbta Co Chceta.
Pędzel służy do pędzlowania :-)
Lindse
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 10
Galeria Użytkownika

Lindse


Zobacz profil
« Odpowiedz #7 : 14.07.2008, 10:11:41 »

Fajny, łatwy tut.
Mój efekt:

Zapisane
Yanke$
Użytkownik

Reputacja: 0 Offline Offline

GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 17
Galeria Użytkownika

Yanke$


Zobacz profil
« Odpowiedz #8 : 25.11.2008, 19:54:06 »

Fajne wygląda taka kula. Jak będę robił jakiś lay to zastosuję ten efekt Uśmiech 2. A tut dokładnie wytłumaczony, czyli + dla autora.
Moja kula.
Zapisane
krzysiekslo
Gość
« Odpowiedz #9 : 22.06.2009, 12:18:20 »

Mi wyszło to:
Zapisane
osquark
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 12
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #10 : 15.08.2009, 23:37:12 »

moja kula



i zastosowanie w przycisku

 i wcisniety  
Zapisane
damiant1998
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 47
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #11 : 17.10.2009, 11:59:17 »

A oto moja kulka Cool
Zapisane

Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aGIMPTutorialeWWWWątek: Kula w tle - interface
Skocz do: