W związku z ciągłymi i notorycznymi wiadomościami od użytkowników grafy, bym wytłumaczył sposób w który tworze buttony, postanowiłem napisać tutorial. Jest to moja pierwsza taka forma aktywności na grafie, więc proszę o wyrozumiałość.

1. Zaczynamy od utworzenia dokumentu, o dowolnych rozmiarach.
2. Następnie wybieramy narzędzie Rounded Rectangle Tool (prostokąt zaokrąglony) i ustawiamy Radius (promień) na 3px
3. Tworzymy nową warstwę i rysujemy prostokąt zaokrąglony o dowolnych wymiarach. U mnie to wygląda tak:




4. Następnie wchodzimy w Blending options (Opcje mieszania) -> Gradient Overlay (nałożenie gradientu) i wypełniamy gradientem o kolorach: #0e8cb5 i #1398c3
5. Po wypełnieniu gradientem, przechodzimy do Stroke (obrys). Jako metodę obrysu wybieramy gradient. Ustawiamy następujące kolory: #1398c3 i #0e8cb5, Size (wielkość) na 1px i pozycje obrysu na Inside (wewnątrz)
U mnie wygląda to tak:





6. Tworzymy nową warstwę i wybieramy narzędzie Rounded Rectangle Tool (prostokąt zaokrąglony) i ustawiamy Radius (promień) na 3px. Rysujemy biały, zaokrąglony prostokąt i szerokości zbliżonej do całego buttonu, ale za to znacznie niższy:




7. Następnie ustawiamy Blending mode (styl mieszania) na Soft light (łagodne światło) i Opacity (krycie) na załóżmy 25%. U mnie efekt wyszedł taki:





8. Tworzymy kolejną warstwę i przesuwamy ją pod utworzoną wcześniej. Zaznaczamy warstwę z naszym buttonem i wybieramy okrągły brush o promieniu 13px. Rysujemy kółko, tak jak pokazałem na obrazku:




9. Wchodzimy w Filter (filtr) -> Blur (rozmycie) -> Gaussian Blur (rozmycie gaussowskie). Promień ustawiamy na 10px.
Powinien wyjść efekt podobny do tego na obrazku:





10. Dodajemy tekst. Żeby litery ładnie się komponowały wchodzimy w opcje mieszania i Drop shadow (rzucany cień). Kąt padania zostawiamy taki jak jest, mieszanie także. Distance (odległóść) ustawiamy na 1px, a Size (wielkość) na 2px. Na koniec zmniejszamy Opacity (krycie) cienia na 50%.
Efekt końcowy powinien wyglądać tak:





Dziękuję za uwagę. Błędów i literówek nie powinno być, ale gdyby jakaś się znalazła to piszcie.

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony

Zaloguj się lub zarejestruj, żeby móc zagłosować.