Polskie Forum Użytkowników GIMP-a

Tutoriale => WWW => Wątek zaczęty przez: edziuK on 06.03.2008, 16:37:08



Tytuł: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 06.03.2008, 16:37:08
Wklęsło-wypukły button
Tutorial

Opracowanie: Edziu_Kosiara
Poziom trudności: łatwy


(http://www.gimpuj.info/gallery/6760_07_03_08_12_40_21.png)




Znalazłem w sieci ciekawy tutorial o nazwie Create a metallic glass button (http://www.tutorialized.com/view/tutorial/Create-a-metallic-glass-button/27519) i po spojrzeniu na jego efekt końcowy postanowiłem sam wykonać poradnik na taki przycisk.

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



[lp] Zaczynamy

[lp] 1. Tworzymy obraz o wymiarach 400 x 200 px oraz nową, przezroczystą warstwę o nazwie button.

[lp] 2. Wybieramy Zaznaczenie prostokątne (http://www.gimpuj.info/Smileys/mazes/zazn-prostokatne.png) [R], zaznaczamy zaokrąglaj rogi, a promień ustawiamy na 90 px. Rysujemy zaokrąglony prostokąt o wymiarach 260 x 95 px, po czym przechodzimy do: Zaznaczenie -> Zmiękcz... i zmieniamy promień na 2,000 px. Tak przygotowane zaznaczenie wypełniamy gradientem (http://www.gimpuj.info/Smileys/mazes/gradient.png) [L] od dołu do góry, od koloru #686868 do #b7b7b6. Gdy już wypełnimy nasz przyszły button gradientem, odwracamy zaznaczenie (Zaznaczenie -> Odwróć [Ctrl+I] [Ctrl+I]) oraz usuwamy niepotrzebne rozmycie (Edycja -> Wytnij [Ctrl+X]).

(http://www.gimpuj.info/gallery/6760_07_03_08_6_16_35_0.png)


[lp] 3. Tworzymy nową warstwę i nazywamy ją szkło. Następnie tworzymy kanał alfa na zaznaczenie na warstwie  button i przechodzimy z powrotem do warstwy szkło. Wybieramy zaznaczenie prostokątne [R], odznaczamy zaokrąglenie rogów, a Tryb ustawiamy na Część wspólna z bieżącym zaznaczeniem. Zaznaczamy prostokąt tak jak na obrazku poniżej.

(http://www.gimpuj.info/gallery/6760_07_03_08_6_16_35_1.png)


[lp] 4. Teraz wypełniamy obszar, który stworzyliśmy kolorem #ffffff i zmniejszymy krycie warstwy na 30% oraz usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).

(http://www.gimpuj.info/gallery/6760_07_03_08_6_16_35_2.png)


[lp] 5. Przechodzimy do warstwy button i tworzymy na niej kanał alfa na zaznaczenie, po czym tworzymy nową warstwę i nazywamy ją
zmniejszenie (ta warstwa powinna znajdować się na samej górze). Następnie zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) o 8 px i zmiękczamy zaznaczenie (Zaznaczenie -> Zmiękcz), również promieniem 2,000 px. Tak przygotowane zaznaczenie  wypełniamy gradientem [L] z dołu do góry od koloru #b7b7b6 do #686868. Po wypełnieniu gradientem odwracamy zaznaczenie (Zaznaczenie -> Odwróć [Ctrl+I]) i czyścimy niepotrzebne rozmycie (Edycja -> Wytnij [Ctrl+X]).

(http://www.gimpuj.info/gallery/6760_07_03_08_6_16_35_3.png)


[lp] 6. Tworzymy nową warstwę o nazwie zmniejszenie 2. Przechodzimy do warstwy zmniejszenie i tworzymy na niej kanał alfa na zaznaczenie, po czym przechodzimy do warstwy zmniejszenie 2 i zmniejszamy zaznaczenie o 6 px. Następnie zmiękczamy zaznaczenie (Zaznaczenie -> Zmiękcz...) również promieniem 2,000 px. Wypełniamy gradientem [L] z góry do dołu od koloru #b7b7b6 do #686868. Teraz postępujemy tak samo jak w poprzednich punktach, czyli odwracamy zaznaczenie, a następnie wycinamy nadmiarowe rozmycie.

(http://www.gimpuj.info/gallery/6760_07_03_08_6_16_35_4.png)


[lp] 9. Tworzymy nowa warstwę i nazywamy ją cień buttona  (powinna znajdować się na samej górze). Następnie tworzymy kanał alfa na zaznaczenie na warstwie zmniejszenie 2, po czym wracamy na warstwę  cień buttona.
Zmniejszamy zaznaczenie o 1 px i odwracamy zaznaczenie [Ctrl+I], po czym wypełniamy tak przygotowane zaznaczenie kolorem #000000.

(http://www.gimpuj.info/gallery/6760_07_03_08_6_24_51_0.png)


[lp] 10. Następnie przechodzimy do warstwy zmniejszenie 2. Tworzymy na niej kanał alfa na zaznaczenie i odwracamy zaznaczenie, po czym przechodzimy do warstwy cień buttona. Czyścimy zaznaczenie (Edycja -> Wyczyść [Delete]), a następnie usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).

(http://www.gimpuj.info/gallery/6760_07_03_08_6_24_51_1.png)


[lp] 11. Warstwę cień buttona rozmywamy gausem (Filtry -> Rozmycie -> Rozmycie Gaussa...) o promieniu rozmycia 7 px.

(http://www.gimpuj.info/gallery/6760_07_03_08_6_24_51_2.png)


[lp] 12. Przechodzimy na warstwę zmniejszenie 2 i tworzymy na niej kanał alfa na zaznaczenie, po czym tworzymy nową warstwę i nazywamy
szkło 2 (musi znajdować się między warstwą zmniejszenie 2) a warstwą cień buttona). Wybieramy zaznaczenie prostokątne [R] i ustawiamy tryb na Część wspólna z bieżącym zaznaczeniem. Zaznaczamy taki prostokąt jak na obrazku poniżej:

(http://www.gimpuj.info/gallery/6760_07_03_08_6_24_51_3.png)


[lp] 13. Wypełniamy (Wypełnienie kubełkiem <wypelnienie> [Shift+B]) tak przygotowane zaznaczenie kolorem #ffffff i zmniejszamy krycie warstwy do 10%, lub tak jak nam pasuje. Usuwamy zaznaczenie [Shift+Ctrl+A].

(http://www.gimpuj.info/gallery/6760_07_03_08_6_24_51_4.png)


[lp] 14. Teraz zajmiemy się napisem. Wybieramy narzędzie Tekst (http://www.gimpuj.info/Smileys/mazes/tekst.png) [T] i swoją ulubioną czcionką, piszemy coś na buttonie kolorem #000000 (warstwa z tekstem powinna znajdować się na samej górze), po czym duplikujemy <duplikowanie-warstwy> [Shift+Ctrl+D] nasz napis. Teraz zmieniamy kolor niższej warstwy tekstowej na #ffffff i stosujemy na niej Rozmycie Gaussa o promieniu 7 px. Następnie na obu warstwach tekstowych zmieniamy tryb na Miękkie światło. Na koniec usuwamy nasze białe tło.


(http://www.gimpuj.info/gallery/6760_07_03_08_12_40_21.png)


[lp] Koniec



Miłego GIMPowania. :)





Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: maciekc on 23.03.2008, 00:09:34
(http://www.gimpuj.info/replacement.png)
słabo mi wyszło ale zawsze coś :)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 24.03.2008, 15:00:04
Coś słabo zmiękczałeś zaznaczenie. :P


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 04.05.2008, 14:35:17
Teraz nie powinieneś już mieć problemów.
(Ustawienia widoczne na screenie, nie są przeznaczone do tego tutoriala.)

(http://www.gimpuj.info/gallery/6760_04_05_08_3_34_13.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Bialy Orzel on 04.05.2008, 16:14:18
Cytuj
Lime Point 3. Tworzymy nową warstwę i nazywamy ją szkło. Następnie tworzymy kanał alfa na zaznaczenie na warstwie  button i przechodzimy z powrotem do warstwy szkło. Wybieramy zaznaczenie prostokątne [R], odznaczamy zaokrąglenie rogów, a Tryb ustawiamy na Część wspólna z bieżącym zaznaczeniem. Zaznaczamy prostokąt tak jak na obrazku poniżej.

Tylko jest taki problem jak robie zaznaczneie alfa... i robie prostokąt na obrazie to obramownaie buttona znika(czyli prostokat na okolo battona, prostokat z zaokraglonymi rogami) :( i lipa:( jak to naprawić?>

Edziu Kosiaa daj gg albo napisz na moje:9489879


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 04.05.2008, 17:22:53
Cytuj
Lime Point 3. Tworzymy nową warstwę i nazywamy ją szkło. Następnie tworzymy kanał alfa na zaznaczenie na warstwie  button i przechodzimy z powrotem do warstwy szkło. Wybieramy zaznaczenie prostokątne [R], odznaczamy zaokrąglenie rogów, a Tryb ustawiamy na Część wspólna z bieżącym zaznaczeniem. Zaznaczamy prostokąt tak jak na obrazku poniżej.

Tylko jest taki problem jak robie zaznaczneie alfa... i robie prostokąt na obrazie to obramownaie buttona znika(czyli prostokat na okolo battona, prostokat z zaokraglonymi rogami) :( i lipa:( jak to naprawić?>

Edziu Kosiaa daj gg albo napisz na moje:9489879

Zostawiłeś domyślny TRYB zaznaczenia. Musisz go zmienić na część wspólna z bieżącym zaznaczeniem. W tutorialu jest to wyraźnie napisane.
Moim zdaniem, powinieneś się zapoznać z podstawowymi funkcjami (np.trybami zaznaczenia), a dopiero potem przystępować do takich tutoriali.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: lementare on 01.06.2008, 18:51:05
Prosty w wykonaniu, a taki fajny efekt  :)
Mój button:

(http://www.gimpuj.info/gallery/10140_01_06_08_7_47_54.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: smarter on 08.06.2008, 09:40:35
(http://www.gimpuj.info/replacement.png)
Moja praca ;]


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: ShadowDiego45 on 11.06.2008, 20:51:48
(http://www.gimpuj.info/replacement.png)
Niezły Tutek. Pozdrawiam :]


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Restive on 22.06.2008, 21:20:52
Witam.

Oto mój pierwszy dzień z GIMP'em.



Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ancooler on 04.07.2008, 10:13:24
(http://www.wgraj.net/img.php?mode=show&file=24863&height=200&width=400) 8-) tylko nie wiem czemu teraz jest te czarne tło wtedy jak zapisałem .png nie było ale tutek super  ;)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: djoaza on 11.07.2008, 13:51:12
Mi coś takiego wyszło nie wiem czy dobre
(http://www.gimpuj.info/gallery/12751_11_07_08_2_49_54.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: lorek123 on 11.07.2008, 14:24:53
zrobiłem to trochę inaczej ale wydaje mi się że efekt lepszy:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: markus_333 on 04.08.2008, 19:10:07
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: neola on 20.08.2008, 14:38:03
(http://i33.tinypic.com/snfa8j.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Garazel on 22.08.2008, 12:43:25
moja praca:
(http://images37.fotosik.pl/3/b59cce07bfc96a11.png) (http://www.fotosik.pl)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Desmond on 01.09.2008, 11:31:56
Świetny tutek, tylko nie wiem jak usunąć tło.

(http://www.fotoo.pl/hosting-zdjec/img/ae551b05ea0f3bdf0aad74eb3f79772c/button.jpg)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 01.09.2008, 18:29:52
Te gradienty powinieneś dać na odwrót. By usunąć tło, przed zapisem pracy wyłącz bądź usuń warstwę ''tło''.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Yanke$ on 19.11.2008, 15:20:40
Sorry za odkopanie tematu  :)
Fajny button, fajny tut, fajne forum  :)
Oto mój button:
(http://images31.fotosik.pl/403/59e53698a9e377be.png)

Yanke$ <wilber>


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: hubin on 02.01.2009, 06:10:38
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Tutorial - jeden z najlepszych w tym dziale, odgrzewam kotleta, zamotałem trochę z napisem bo się bawić zacząłem.

Dzięki


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: kawunia on 08.01.2009, 12:54:25
A mnie wyszło coś takiego:

(http://images26.fotosik.pl/311/336d3dd0c4cc8b2bm.png) (http://www.fotosik.pl/pokaz_obrazek/pelny/336d3dd0c4cc8b2b.html)
(http://images35.fotosik.pl/47/11f6eb225412eda1m.png) (http://www.fotosik.pl/pokaz_obrazek/pelny/11f6eb225412eda1.html)

myśle że jak na zrobienie pierwszego tutka to całkiem nieźle
pozdrawiam  :D


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Publicatka on 16.01.2009, 14:38:49
Gdzie jest Tryb?? Jestem początkująca, oprócz animacji, nic nie robiłam i nie wiem gdzie to się znajduje  :-[


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 17.01.2009, 20:16:48
Chodzi o tryb zaznaczenia? Jeśli tak to poszukaj w tym temacie, znajdziesz odpowiedz gdzie on się znajduje.
Jeśli chodzi o coś innego, to sprecyzuj swoje pytanie.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Gold on 01.02.2009, 19:30:13
Zarąbisty tutek
Desmont - usuń warstwę 'tło'
Ankooler - tło się pojawiło, bo jpg nie ma opcji przezroczystości :/


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Qba_ on 13.02.2009, 20:14:22
Fajny efekt:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: L3nox on 17.02.2009, 13:03:13
,,Teraz wypełniamy obszar, który stworzyliśmy kolorem #ffffff i zmniejszymy krycie warstwy na 30% oraz usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A])."

Witam nie rozumie tego... jestem w tym momencie: ( na warstwie szkło)

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

i nie rozumie co dalej zrobic.. bo pisze wypełnić obszar kolorem #ffffff czyli białym tak???

dziękuje z góry za pomoc i pozdrawiam





Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: KrzychuZ on 17.02.2009, 13:59:17
Tak. Podana jest wartość heksadecymalna koloru, którą można skopiować i wkleić w to miejsce:
(http://www.gimpuj.info/gallery/8528_17_02_09_1_58_47.png) (http://www.gimpuj.info/)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: L3nox on 18.02.2009, 11:24:20
CysiuTbg  czym mam to wypełnić??? kubełkiem z farbą????


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: edziuK on 18.02.2009, 13:07:39
Cytuj
CysiuTbg  czym mam to wypełnić??? kubełkiem z farbą?

Można kubełkiem, lub po prostu przeciągając wybrany kolor w zaznaczenie.
Polecam również zajrzeć TU (http://www.gimpuj.info/index.php/sprawy-techniczne/gimpuj-faq-t5923.0.html)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Nazqul on 20.02.2009, 10:48:04
Świetny tutek. Oto moje dzieło
(http://images38.fotosik.pl/63/ddece1d005066613m.png) (http://www.fotosik.pl/pokaz_obrazek/ddece1d005066613.html)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Palacz on 04.03.2009, 20:12:45
Bardzo przyjemny tutek i efekt świetny. Pozdrawiam a to mój baton  <lol>
(http://www.gimpuj.info/gallery/23029_04_03_09_8_08_33.png) (http://www.gimpuj.info/)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Aniwa on 12.03.2009, 17:29:40
Dzięki za tut, oto mój:


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Davidsonxx on 14.03.2009, 17:32:20
A to mój button  :D

(http://www.gimpuj.info/gallery/23784_15_03_09_5_42_39.png) (http://www.gimpuj.info/)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Qba_ on 14.03.2009, 17:42:35
Usuwasz warstwę Tło.
Klikasz na nią PPM w palecie warstw i wybierasz Usuń warstwę.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: sumo on 28.03.2009, 10:15:40
oto moja praca

(http://images45.fotosik.pl/93/e2e5bf159cd01b74.png) (http://www.fotosik.pl)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: merlot_13 on 15.05.2009, 16:26:49
i sie podoba tutek :]


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Janjak on 19.05.2009, 15:54:00
O to mój wynik  8-) (http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Francuz on 31.05.2009, 16:02:41
(http://www.gimpuj.info/gallery/13690_31_05_09_4_01_35.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: marfeff on 27.08.2009, 18:45:50
mam problem z ostatnim krokiem, tzn. tworzeniem napisu. niby robię wszystko tak jak ma być, ale mi nie wychodzi. mógłbyś opisać to jakoś dokładniej?


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Aniwa on 04.09.2009, 16:35:51
chętnie bym Ci pomogła, ale jak dla mnie tam wszystko jest opisane dokładnie. Jak chcesz mogę Ci pomóc wieczorową porą przez kanał IRC, tylko daj znać na PM. Albo opisz tutaj dokładniej swój problem.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Mardro on 05.09.2009, 23:37:09
Albo ja źle rozumiem pojęcie słów "wklęsły" i "wypukły", albo ten przycisk jest wypukło-wypukły ^^ Chodzi mi o ułożenie cieni na obrazku


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: rysieku on 22.11.2009, 12:27:52
A to moje;
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Nero117 on 27.11.2009, 17:07:26
(http://www.gimpuj.info/replacement.png)
Moja praca :D


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: FranS on 01.12.2009, 19:24:00
a to moje (zmieniłem kolor)
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: michaluk on 04.12.2009, 20:10:08
Elo. Mógłby mi powiedzieć jak krok po kroku zapisać to bez tła? bo zrobiłem button usunałem tło zapisałem w ping
i chce w dreamweaverze otworzyc to jako button dodac i wkleja sie button z tym tłem ale przeźroczystym i przeszkadza bo zajmuje miejsce prosze o odp


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ziomioslaw on 05.12.2009, 14:16:19
Co to jest "ping"?

wkleja sie button z tym tłem ale przeźroczystym i przeszkadza bo zajmuje miejsce prosze o odp

Nie rozumiem, chyba tego właśnie chciałeś.
Pisz wyraźniej!


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Kusy on 15.12.2009, 01:44:52
Witam
Mam takie pytanie.
"Następnie na obu warstwach tekstowych zmieniamy tryb na Miękkie światło"
W menu warstwy nie widzę tego trybu. Gdzie można go ustawić ?


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: LoRaZ on 15.12.2009, 14:10:11
http://i.imagehost.org/0715/co.png


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Kusy on 15.12.2009, 21:36:01
http://i.imagehost.org/0715/co.png
Dzięki wielki. Wczoraj chyba zmęczenie osłabiło moją percepcję dlatego tego nie zauważyłem :P
Teraz już wszystko jasne :)
Fajny efekt niedużym nakładem pracy.
Dziękuję za tutorial
Pozdrawiam


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: odzeradowebmastera on 12.01.2010, 18:20:45
A to moja praca (pierwsza w gimpie) :)

(http://www.gimpuj.info/replacement.png) (http://img709.imageshack.us/i/buttonsg.png/)

a tak poza tym to witam wszystkich


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Miki_Hanataro on 12.01.2010, 21:38:26
(http://www.gimpuj.info/replacement.png) <lol>


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: -LeWy- on 13.01.2010, 21:26:14
Rewelacyjny tutorial.
(http://images40.fotosik.pl/243/916a1424dc8afb32.gif) (http://www.fotosik.pl)
A efekt (w stosunku do nakładu pracy) jest bardzo "pr0". ;D


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: MrTomix09 on 28.01.2010, 19:08:58
Super tutek  :D :D 8-)
Oto moja praca:
(http://www.gimpuj.info/replacement.png)

troszkę pozmieniałem kolory  ;)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: OKTS'a on 16.02.2010, 11:25:10
(http://img716.imageshack.us/img716/7088/buttongimujemy.png)
a to moja praca...


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Dropson on 22.02.2010, 20:18:37
tutorial naprawdę przydatny już jest w zakładkach :


 ja to zrobiłem na odwal się :
(http://www.gimpuj.info/gallery/thumb_38832_22_02_10_8_17_26.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=59618)

jpg nie obsługuje przeźroczystości, stąd tło :P


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: miszczurek on 07.04.2010, 14:35:03
Cytat: d3d3
ja to zrobiłem na odwal się
No to daleko nie zajdziesz;s

Moje pracki 8-):
(http://iv.pl/images/06313824853898998169.png) (http://iv.pl/)
(http://iv.pl/images/15471486680986009213.png) (http://iv.pl/)
Krawędzi już nie poprawiałam, bo niestety czasu brak, ale ogólnie tragedii nie ma ;)
Dobry tutorial :)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Srutu on 06.05.2010, 13:10:09
(http://www.gimpuj.info/replacement.png) (http://img249.imageshack.us/i/buttonce.png/)

Uploaded with ImageShack.us (http://imageshack.us)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Werno on 26.05.2010, 09:37:47
Siema
Może mi ktoś powiedzieć jak mam zapisywać projekt aby przycisk był bez tła ?
ps Usunięie warstwy tło niepomaga


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ziomioslaw on 26.05.2010, 16:36:07
Czy zapisujesz jako PNG?


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Werno on 27.05.2010, 14:28:16
no tak zapisuje z formatem.PNG po otwarciu pliku w przeglądarce mam białe tło ...
jakiś pomysł ?


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ziomioslaw on 27.05.2010, 18:18:10
Więc nie włączasz opcji zapisu przezroczystości, lub nie masz przeźroczystych warstw w rysunku. Zrób tak, aby pod przyciskiem była widoczna szachownica, wtedy zapisz.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Werno on 28.05.2010, 07:56:20
Możesz napisać jak tą opcje włączyć ? Może to banał ale dopiero zaczynam  :P


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ziomioslaw on 28.05.2010, 18:27:56
Pomyliłem PNG z GIFe, w PNG jest ona standardowo włączona. Tak więc zastosuj się do drugiej części mojej rady.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: dyllu on 21.06.2010, 14:08:58
Naprawdę świetny tutek :)
Pierwszy raz robiłem coś więcej niż skalowanie w gimpie:)

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


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: kamyk9898 on 29.06.2010, 19:30:12
Super tutek ! :D

o to moja praca :D :

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


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: GIMP52612 on 24.08.2010, 12:09:24
o to moja praca pracowałem nad nią 4 godziny 3 godziny efekty neonu i koloru a godzinę podstawy:
(http://www.gimpuj.info/replacement.png) (http://img685.imageshack.us/i/stronagwnagotowe.jpg/)

Uploaded with ImageShack.us (http://imageshack.us)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: droida on 06.10.2010, 11:35:58
moje prace:
(http://droida.w.interii.pl/button1.png)
(http://droida.w.interii.pl/button2.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ventides on 19.01.2011, 15:50:40
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: kon on 20.01.2011, 11:33:27
Test na tlo


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: kon on 20.01.2011, 11:35:52
Test na tlo


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: pulkownik on 24.05.2011, 12:18:41
To mój mały buttonik
(http://www.gimpuj.info/replacement.png) (http://imageshack.us/photo/my-images/41/ladnybuttonoc.png/)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Dreick on 30.05.2011, 18:57:22
Dzięki za super tutorial.  Zmodyfikowałem gotowy szablon (http://szablony.freeware.info.pl/szablony.html) i teraz wygląda dużo lepiej.


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: CreAtoR on 29.06.2011, 20:13:37
Odświeżam. (http://www.gimpuj.info/gallery/44011_29_06_11_8_13_15.png)


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: Ryychuu on 17.12.2011, 21:44:53
(http://iv.pl/images/89643247864527617698.png) (http://iv.pl/)

A to moje :D, jakoś nie chciało mi się w szarościach robić :D


Tytuł: Odp: Wklęsło-wypukły button
Wiadomość wysłana przez: oozoo on 27.02.2014, 23:04:41
Mi wyszło tak:

(http://www.gimpuj.info/gallery/94/73779_27_02_14_11_02_36.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=94283)

Fajny tutek. :)