plStyle.pl

Szklany przycisk

Ocena użytkowników: 0 / 5

Gwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywna
 

Szklany przycisk

Tworzymy nowy dokument o wymiarach 100x100px z białym tłem. Nastepnie tworzymy nową warstwę i za pomocą narzędzia zaznaczanie prostokątne zaznaczamy prostokątny obszar. Wchodzimy w edycja->obrys i ustawiamy opcje.


Efekt powinien wyjść mniej więcej taki:



Teraz tworzymy nową warstwe powyżej warstwy z obrysem. Tworzymy nowe zaznaczenie lecz o jakieś 2px mniejsze z każdej strony niż obrys. Nasze zaznaczenie wypełniamy gradientem (w moim przypadku kolory były następujące: #5689ef i #1b4eb5). Powinniśmy uzyskać coś takiego.



Tworzymy nastepna warstwę na samej ponad wszystkimi warstwami. Wczytujemy zaznaczenie z warstwy z gadientem klikając (Ctrl Klik) na miniaturce warstwy. Następnie za pomocą narzędzia zaznaczenie prostokątne zaznaczamy kwadrat od połowy w dół (mając wciśnięty klawisz Alt) gdyż chcemy odjąc ten obszar z zaznaczenia. Wypełniany go kolorem białym i zmniejszamy krycie do 25%. Oto efekt.



Teraz wystarczy dodać jakiś tekst i mamy gotowy szklany przycisk.

Dodaj komentarz

Kod antyspamowy
Odśwież

Ostatnie komentarze

  • Gry online - przegląd portali z grami

    Loki 27.01.2018 21:51
    Ciekawe gry są na grywacz.pl

    Czytaj więcej...

     
  • Programy graficzne warte rozważenia 2017/2018

    Kari 07.12.2017 10:24
    Flash niby umarł a w sieci jest go jeszcze bardzo dużo, gry w HTML5 do piet nie dorastają produkcjom ...

    Czytaj więcej...

     
  • Letnie zdjęcie

    ogolny 03.11.2017 20:47
    ogólnie dobrze, tylko bez kształtów lepiej.

    Czytaj więcej...

     
  • Letnie zdjęcie

    Valdi 28.10.2017 17:52
    po prostu jako efekt zniszczen starego zdjecia - nie widziałeś nigdy takich ?

    Czytaj więcej...

     
  • Letnie zdjęcie

    Moder 31.07.2017 07:28
    jakie kształty?

    Czytaj więcej...

     
  • Letnie zdjęcie

    Misiek 30.07.2017 23:09
    Tak się zastanawiam... Te kształty czemu mają służyć?

    Czytaj więcej...

     
  • Letnie zdjęcie

    mru 27.07.2017 11:54
    efekt daje radę ale te białe plamy wyglądają jak zacieki emalii

    Czytaj więcej...

     
  • Letnie zdjęcie

    Magda 01.04.2017 10:11
    Bardzo fajny tutorial. Kształty moim zdaniem niepotrzebne, ale cała reszta bardzo przydatna.

    Czytaj więcej...

     
  • Letnie zdjęcie

    Malenee 13.01.2017 23:17
    prosze o instrukcje w języku polskim

    Czytaj więcej...

     
  • Ork fanem pilki ?;)

    lol 08.10.2016 13:14

Please publish modules in offcanvas position.