Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Strict Standards: Only variables should be assigned by reference in /blog/wp-includes/post.php on line 114

Deprecated: Function eregi() is deprecated in /blog/wp-content/plugins/tpbc.php on line 96

W tej poradzie dowiecie się jak, za pomocą kilku efektów programy Photoshop, wykonać przycisk, który można wykorzystać przy projektowaniu stron internetowych.

1. Zaczynamy od stworzenia nowego dokumentu o wielkości 450 x 450 pix.

2. Tworzymy nową warstwę.

3. Za pomocą narzędzia Ellipse_Tool rysujemy koło. Aby kształt był równy, przy rysowaniu koła należy cały czas mieć wciśnięty przycisk SHIFT.

4. W panelu warstw mamy wybraną warstwę z kształtem i następnie wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) i z listy wybieramy Nałożenie gradientu (Gradient Overlay). Ustawiamy jak na ilustracji poniżej. Patrząc od lewej strony użyłam kolorów: #220000, #220000 oraz #D04F0D.

5. W ten sam sposób wybieramy styl: Obrys (Stroke). Tu użyłam kolorów: #000000, #E8E4E3.

6. Następnie duplikujemy warstwę z kształtem naciskając prawym przyciskiem myszy na warstwie z kształtem znajdującej się w panelu warstw. Z listy wybieramy Duplikuj warstwę (Duplicate Layer).

7. W skopiowanej warstwie usuwamy wszystkie nałożone style warstwy. W tym celu klikamy na tej warstwie prawym przyciskiem myszy i z listy wybieramy Wyczyść styl warstwy (Clear Layer Style).

8. Na skopiowaną warstwę nakładamy nowe style warstwy. Wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) > Obrys (Stroke). Ustawiamy jak na ilustracji poniżej. Zaczynając od lewej strony użyłam kolory: #DAD7D6, #E8E4E3, #FCFCFC, #A2A3A7, #CFD0D2, #5A5A5C, #78797D, #212121, #707173, #F6F6F6 oraz #BABABA. Po nałożeniu gradientu ustawiamy wypełnienie warstwy na 0%.

9. Aby uzyskać efekt cienia, tworzymy nową warstwę i za pomocą narzędzia Elliptical_Marquee_Tool rysujemy zaznaczenie w kształcie koła.

10. Następnie, mając wybraną w palecie warstw nową warstwę z zaznaczeniem, wchodzimy Edytuj (Edit) > Obrys (Stroke).

11. Wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) > Nałożenie gradientu (Gradient Overlay). Użyłam kolorów: od lewej #FEFEFE, #FEFEFE  i #9E9E9E.

12. Tworzymy nową warstwę i za pomocą narzędzia Elliptical_Tool rysujemy nowe koło.

13. Wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) > Nałożenie gradientu (Gradient Overlay) i ustawiamy jak na ilustracjach poniżej. Patrząc od lewej użyłam kolorów: #FDF27A, #FDE971, #F68C26, #F58423, #AE2417.

14. Za pomocą narzędzia Elliptical_Tool rysujemy owal i wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) > Nałożenie gradientu (Gradient Overlay). Użyłam kolorów: #FDF27A oraz #FFFFFF.

15. Dla uzyskania ciekawszego efektu możemy też stworzyć małe koło w prawym dolnym rogu owalu. Tym razem nie stosujemy żadnego stylu warstwy. Małe koło ma zostać białe.

16. Teraz za pomocą narzędzia Pióro (Pen Tool) tworzymy zaznaczenie w dolnej części naszego przycisku. Należy pamiętać, aby powstała ścieżka została zamknięta. (Aby przesuwać punkty naniesione przez Pióro (Pen Tool) klikamy na punkcie, który chcemy przesunąć a następnie wciskamy CTRL).

17. Mając zaznaczoną w panelu warstw warstwę z krzywizną wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) > Nałożenie gradientu (Gradient Overlay).

18. Dla uzyskania jeszcze lepszego efektu, za pomocą narzędzia Pióro (Pen Tool) robimy krzywe w lewym górnym i w prawym dolnym rogu przycisku.

19. Na koniec nakładamy gradient na powstałe warstwy z krzywymi.

Efekt końcowy:

Autor: Anna Szymańska

nowe Inne efekty » zobacz wszystkie

[Photoshop] Szklany button, grafika na stronę (19.11.2009) [Photoshop] Jak zmienić kolor oczu na zdjęciu? (21.07.2009) [Photoshop] Kolorowanie pisanek na Wielkanoc (09.04.2009) [Photoshop] Malowanie jajek na Święta Wielkanocne (pisanki) (27.03.2009) [Photoshop] Jak usunąć efekt czerwonych oczu ze zdjęcia? (11.03.2009) [Photoshop] Jak pogrubić i wydłużyć rzęsy na zdjęciu? (02.03.2009) [Photoshop] Jak zmienić kolor ust na zdjęciu? (01.03.2009) [Photoshop] Jak zmienić kolor oczu? (28.02.2009)