[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?