[ozziuss]

wynik:

z hover'em:


--------------------
1. tworzymy nowy dokument.

2. kolor tła zmieniamy na #d9d9d9.

3. (nowa warstwa) zaznaczeniem eliptycznym zaznaczamy od krawędzi całość, wciaskamy ctrl + i, wypełniamy kolorem #606060. później Filtry>Rozmycie>Rozmycie Gaussa i ustawiamy obie wartości na 119. Zmieniamy krycie warstwy na 18,5.



4. (na nowych warstwach) rysujemy dwie przylegające do siebie linie (górną #606060 i dolną białą). na obie robimy maski (czarna, pełna przeźroczystość) i robimy przeźroczyste gradienty od zewnątrz.



5. (nowa warstwa) zaznaczeniem eliptycznym tworzymy elpisę. wypełniamy ciemniejszym kolorem niż tło (czyli #606060) i ustawiamy rozmycie gaussa aż otrzymamy wynik taki jak na obrazku. zaznaczeniem prostokątnym zaznaczamy od góry cały obrazek aż do 1px poniżej naszych dwóch linii i wciskamy magiczną kombinację ctrl + k.



6. teraz wklejamy render (w moim przypadku stąd) tak żeby nachodził na ciemniejszą kreskę i dodajemy tekst



fin.

BONUS!:
7. żeby zrobić efekt światełka jak w hoverze powtarzamy pkt 5, ale tym razem elipsa jest biała i jest powyżej linii białej (bez 1px przerwy!). no i oczywiście jest "za" listkiem.


wynik:



----
ikonka:

[Sebastian]

Myślałem że listki też będą opisane. Mój out już pokazywałem w dziale test ale zapodam jeszcze raz:



A i napisz opis jakiś (dla indeksu).

[dzialo9]

[masiek]

bardzo fajny tutorial--świetny pomysł-----oto co wyszło

[szujak]

Bardzo fajny tutorial Dzięki

[b.luk]

[Wiola]

Świetny tutorial! Po prostu genialny! Autorowi należy się chyba jakaś nagroda ;P heh.

Oto, co mi wyszło:

[wojTrek]

Ten tutorial doprowadził mnie do rozstroju nerwów. Ale przespałem się z tymi wszystkimi problemami. Gdy się obudziłem wiedziałem już co i jak zrobić.

[Morowis]

Mam takie pytanie:
Otóż chciałbym uzyskać podobny efekt jak w punkcie 4. Chodzi mi o tą kreskę. Niestety nie rozumiem jak to zrobić. Czy znalazłby się ktoś chętny, który mógłby mi to wytłumaczyć? Albo jeżeli już taka odpowiedź była to chociaż wskazać (oczywiście szukałem).

Z góry dziękuje i pozdrawiam
Morowis

[ozziuss]

Morowis ta kreski to po prostu prostokąty o wysokości 1px. wybierasz 'zaznacznie prostokątne', zaznaczasz obszar o jakiejś szerokości i 1px wysokości, po czym wypełniasz kolorem. i gotowe

[snufkin]

@up, wydaje mi się, że maski są bardziej groźno-brzmiące i to one stanowią problem.

[Yanke$]

Mam taki problem bo nie wiem co to oznacza ctrl + k bo nie działa mi ten skrót.

Edit://

Już się z tym uporałem. Najtrudniejsze były dla mnie gradienty i maski ale sobie jakoś poradziłem . A i dodam jeszcze, że to fajny efekt.
A oto moja praca.


Pozdrawiam  .

P.S. Sebastian, mógłbyś powiedzieć co to za czcionka (lubię takie "odręczne")?

[Brychu]

[gatto]

"robimy przeźroczyste gradienty od zewnątrz" gdzie to się robi?

[Sebastian]

"robimy przeźroczyste gradienty od zewnątrz" gdzie to się robi?

Ustawiasz standardowe kolor (biały i czarny).
Ustawiasz w ustawieniach gradientu kształt na "promienisty", albo "dwuliniowy".
Ciągniesz gradientem od środka do krawędzi. Łatwo załapać o co biega, tam gdzie czarne jest w pełni przeźroczyste tam gdzie szare totrochę prześwituje a na bieli wszystko widać.

[gatto]

Dzięki udało mi się w końcu to zrobić.

[osquark]

maski  i  usiadlem ... nie mam zielonego pojecia ... jak robie maske na warstwie to mi znika i nie widac ... a ten ctrl+k ? nie dziala ...  pomocy prosze

bez masek i tego ctrl+k to wyszlo mi tak

[KTV]

pora rozruszać temat awięc oto moje arcydzieło:

[wrona]

Gdzie zrobić to zaznaczenie do tego cienia pod kreskami? Jak wielkie to zaznaczenie ma być? I wypadałoby podziękować Sebastianowi za wytłumaczenie jednego z punktów.

[patso]

Witam. Meczy się z tym juz 2 dzień i nic mi nie wychodzi .
Wiec tak; 3pkt. jakiej grubości powinno być zaznaczenie eliptyczne? aha no i po wciśnięciu ctrl+i tym ciemniejszym kolorem wypełnia się wszystko dookoła zaznaczenia a nie jego wnętrze, czy tak ma być?
4pkt. 'na nowych warstwach' -czyli każda linia nanosi się na osobna warstwę?
Jakiej grubości powinni być te linie? Bo kiedy na przykład to zaznaczenie eliptyczne z 3pkt dawałem powiedzmy 1 cm grubości to po nanoszeniu tych linij wo gule ich nie widać wiec nie mam pojęcia czy przylegają do siebie czy nie... i ten gradient, umiem go ustawić, ale skąd i dokąd go przeciągać? Od środka do dołu, czy do góry? A moze w prawo czy w lewo....?
5pkt. Znów nie wiadomo jakiej szerokości powinno być to zaznaczenie.
Tutorial jest świetny jako pomysł.Niestety jak dla mnie mało czytelny.
Dziękuję.

[Quot]

pora rozruszać temat awięc oto moje arcydzieło:

Kolorystyka makabryczna. Za jasne. Linie musisz też dasz szerszą.

Witam. Meczy się z tym juz 2 dzień i nic mi nie wychodzi .
Wiec tak; 3pkt. jakiej grubości powinno być zaznaczenie eliptyczne? aha no i po wciśnięciu ctrl+i tym ciemniejszym kolorem wypełnia się wszystko dookoła zaznaczenia a nie jego wnętrze, czy tak ma być?
4pkt. 'na nowych warstwach' -czyli każda linia nanosi się na osobna warstwę?
Jakiej grubości powinni być te linie? Bo kiedy na przykład to zaznaczenie eliptyczne z 3pkt dawałem powiedzmy 1 cm grubości to po nanoszeniu tych linij wo gule ich nie widać wiec nie mam pojęcia czy przylegają do siebie czy nie... i ten gradient, umiem go ustawić, ale skąd i dokąd go przeciągać? Od środka do dołu, czy do góry? A moze w prawo czy w lewo....?
5pkt. Znów nie wiadomo jakiej szerokości powinno być to zaznaczenie.
Tutorial jest świetny jako pomysł.Niestety jak dla mnie mało czytelny.
Dziękuję.

Niestety nie możesz mieć wszystkiego na tacy. Musisz troszkę pokombinować i zobaczyć jak będzie dobrze. Wykaż się kreatywnością ;]
A ten problem z zaznaczniem eliptycznym musisz opisać dokładniej.

[Terrqge]

Moje dzieło

[brima]

"robimy przeźroczyste gradienty od zewnątrz" gdzie to się robi?

Ciągniesz gradientem od środka do krawędzi. Łatwo załapać o co biega, tam gdzie czarne jest w pełni przeźroczyste tam gdzie szare totrochę prześwituje a na bieli wszystko widać.

Niestety nie rozumie tego. Jak ciągniesz gradient do krawędzi ? Prosiłbym o jakiś dokładniejszy opis bo jestem zielony 

Takie coś mam na razie:

[Harnasik]

Za słabo wytłumaczony tutek jak na taką fajną pracę. Czy mógłby się ktoś z doświadczonych i stałych bywalców tutejszych salonów podnająć dopracowania pracy od A do Z, tak aby każdy bez ciągłego zadawania pytań, mógł zrobić tą pracę jak należy.
Dobrze, że Sebastian wytłumaczył choć kawałek, bo inaczej mogliby tylko co bardzie doświadczeni to ruszyć.

[Dropson]

"robimy przeźroczyste gradienty od zewnątrz" gdzie to się robi?

Ciągniesz gradientem od środka do krawędzi. Łatwo załapać o co biega, tam gdzie czarne jest w pełni przeźroczyste tam gdzie szare totrochę prześwituje a na bieli wszystko widać.

Niestety nie rozumie tego. Jak ciągniesz gradient do krawędzi ? Prosiłbym o jakiś dokładniejszy opis bo jestem zielony  

Takie coś mam na razie:

od środka obszaru na którym pracujesz (obrazka) do krawędzy tego obszaru (obrazka) prościej się już nie da.

--

Za słabo wytłumaczony tutek jak na taką fajną pracę. Czy mógłby się ktoś z doświadczonych i stałych bywalców tutejszych salonów podnająć dopracowania pracy od A do Z, tak aby każdy bez ciągłego zadawania pytań, mógł zrobić tą pracę jak należy.
Dobrze, że Sebastian wytłumaczył choć kawałek, bo inaczej mogliby tylko co bardzie doświadczeni to ruszyć.

lol.. ja przy drugim włączeniu gimpa sobie z tym poradziłem, powiedz mi co Ci sprawia kłopot?

[Harnasik]

Jak to nie byłby kłopot d3d3 dla Ciebie zrób całość, krok po kroku, nie na zasadzie kopiuj wklej, albo przynajmniej wklej efekt swojej pracy na podstawie tutka.
To, że po drugim razie Ci to bez problemu wyszło jest możliwe, bo to pewnie nie jedyny program graficzny, który używasz.
Inna sprawa, że w swojej galerii masz jedną pracę i 3 zrzuty z ekranu to na prawdę imponujący dorobek.
Zależy mi na zrobieniu tego tutka, ale tak i paru innych użytkowników, mam problem z wykonaniem paru kroków w tym tutku. Czy może się ktoś zlitować i wytłumaczyć go jaśniej?

[Nixsior]

Wiem że to już jest stary toturial, ale ja dopiero od nie dawna jestem na forum i sprawił mi on pewien problem.

4. (na nowych warstwach) rysujemy dwie przylegające do siebie linie (górną #606060 i dolną białą). na obie robimy maski (czarna, pełna przeźroczystość) i robimy przeźroczyste gradienty od zewnątrz.

Robię te linie przez zaznaczenie i wypełnienie. Ale na obrazkach pokazane jest że ma się on jakby rozchodzić na przezroczyste a mi to nie chce wyjść i wypełnia się całe.
Jak robię maskę to wszystko znika.


@EDIT
Już nie ważne Dałem radę

[Shanzo]

Jak te maski zrobic?

[Nelgor]

Beznadziejnie wytłumaczony Tutorial.
Pomysł zacny ale wykonanie bardzo złe.

Możemy zauważyć pytania "o co chodzi z tymi maskami?", "jaka szerokość?", "Że co?".
Słuszne bo zrozumieć ten tutorial jest trudno.

A więc dokładam się do prośby aby ktoś to zrozumiale wytłumaczył reszcie (oraz mi).

[Box]

Tutorial jest na tyle dobrze wytłumaczony, że osoby z podstwową znajomością gimpa bez problemu sobie poradzą

Mój efekt:

[Harnasik]

Zamiast to powtarzać, to proszę wytłumaczyć jeszcze dokładniej. Bo jakoś do tej pory nikt się tego nie podjął

[pietrzek]

Wytłumaczcie mi dokładniej punkt 4.

[Celestus]

Najs łan.  A to moje: