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: