Strict Standards: Non-static method Advanced_Permalinks::get() should not be called statically in /blog/wp-content/plugins/advanced-permalinks/advanced-permalinks.php on line 825

Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GoogleSitemapGeneratorLoader::Enable() should not be called statically in /blog/wp-includes/plugin.php on line 123

Warning: call_user_func_array() expects parameter 2 to be array, null given in /blog/wp-includes/plugin.php on line 123
[Photoshop] Belka z przyciskami, menu na stronę » Inne efekty » egrafik.pl
BAZA WIEDZY
KURSY
Bazy danych w PHP
Kurs AdvancedAJAX
Kurs ASP
Kurs ASP.NET
Kurs C++
Kurs CSS
Kurs HTML
Kurs HTML drugi
Kurs JavaScript
Kurs MySQL
Kurs PHP
Kurs RSS
Kurs XHTML
Obiekty DOM
MANUALE
CSS1 - W3C
DOM - w budowie
PHP 2005
PHP 2006
Wyrażenia regularne
SHOUTBOX
STAT
Online: 6 | UU: 197

Strict Standards: Resource ID#115 used as offset, casting to integer (115) in /forum2/db/mysql4.php on line 223

Strict Standards: Resource ID#115 used as offset, casting to integer (115) in /forum2/db/mysql4.php on line 224
[Photoshop] Belka z przyciskami, menu na stronę
Inne efekty | 21 październik 2008 | Wizyt: 119802

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 tym tutorialu przedstawię jak zrobić belkę z przyciskami, która może przydać się na stronę internetową jako np. menu.

ostateczny.jpg

27_zrobiony_1.jpg

1. Zaczynamy od stworzenia nowego dokumentu.

2. Tworzymy nową warstwę i za pomocą narzędzia Rectangular_Marquee_Tool robimy zaznaczenie jak na ilustracji poniżej i wypełniamy je kolorem #2C2C2C.

1.jpg

3. Wchodzimy w Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) i ustawiamy:

a) Cień (Drop Shadow).

2.jpg

b) Nałożenie gradientu (Gradient Overlay). Użyłam tu kolorów: od lewej #333335 oraz #31312F.

3.jpg

4.jpg

Powinniście mieć teraz taki efekt:

6.jpg

c) Tworzymy nową warstwę i za pomocą narzędzia Rectangular_Marquee_Tool robimy nowe zaznaczenie o wysokości 1 piksel. Wypełniamy je kolorem #444444.

7.jpg

8.jpg

4. Tworzymy nową warstwę za pomocą tego samego narzędzia robimy zaznaczenie tym razem nieco szersze i wypełniamy je czarnym kolorem.

9.jpg

5. Tworzymy nową warstwę i na czarnym kolorze robimy nowe węższe zaznaczenie i wypełniamy je kolorem #181818.

10.jpg

6. Tworzymy nową warstwę i za pomocą narzędzia Rectangular_Marquee_Tool robimy prostokątne zaznaczenie (takiej szerokości, jaką ma mieć przycisk). Zaznaczenie wypełniamy kolorem #2D2D2D.

10.1.jpg

7. Wchodzimy w Warstwa (Layer) > Styl warstwy (Layer_Style) > Opcje mieszania (Blending Options) i ustawiamy:

a) Cień wewnętrzny (Inner Shadow).

11.jpg

b) Blask wewnętrzny (Inner glow).

12.jpg

c) Nałożenie gradientu (Gradient Overlay). Użyłam tu kolorów patrząc od lewej: #131514 a od prawej #3B3B3B.

13.jpg

14.jpg

d) Obrys (Stroke). Użyłam czarnego koloru.

15.jpg

Nasz rezultat:

16.jpg

8. Tworzymy nową warstwę, za pomocą narzędzia Rectangular_Marquee_Tool o wielkości 1 piksela i wypełniamy kolorem białym. Opacity tej warstwy zmieniamy na 10%.

17.jpg

18.jpg

9. Tworzymy nową warstwę, robimy zbliżenie, następnie w lewym i prawym dolnym rogu robimy białą kropkę za pomocą narzędzia Brush_Tool. Kropki mają być wielkości 1 piksel.

19.1jpg.jpg

19.jpg

10. Łączymy ze sobą warstwy, na których robiliśmy części do przycisku. Kopiujemy powstałą w ten sposób warstwę i układamy powstałe przyciski jeden obok drugiego. W celu żeby zmienić szerokość przycisków mamy wybrane w palecie narzędzi Rectangular_Marquee_Tool, klikamy na warstwie z przyciskiem prawym przyciskiem myszy i z listy wybieramy Free_Transform .

21.jpg

11. Tworzymy nową warstwę i robimy zaznaczenie jak poniżej na ilustracji.

23.jpg

12. Wchodzimy Warstwa (Layer) > Styl warstwy (Layer_Style)Opcje mieszania (Blending Options) > Nałożenie gradientu (Gradient Overlay). Ustawiamy jak na ilustracji poniżej. Użyłam tu koloru czarnego.

24.jpg

25.jpg

13. Tworzymy nową warstwę i robimy nowe zaznaczenie. Wypełniamy je kolorem #3D3D3D.

26.jpg

14. Tworzymy nową warstwę. Wybieramy narzędzie Tekst (Horizontal Type Tool) Horizontal Type Tool i na każdym przycisku piszemy dowolny tekst.

Efekt końcowy:

27_zrobiony_1.jpg

Autor: Anna Szymańska

nowe Inne efekty » zobacz wszystkie

WordPress database error: [Incorrect file format 'wp_comments']
SELECT * FROM wp_comments WHERE comment_post_ID = '1230' AND comment_approved = '1' ORDER BY comment_date desc

Dodaj komentarz









 
| | | |
Copyright © 2006-2013 egrafik.pl | Kontakt | Reklama | Projekty domów
jocker