Web 2.0 бутони - как да ги направим?
Web 2.0 бутоните набират все по голяма популярност в модерния уеб дизайн. Не съществуват строго определени стандарти при създаването на Web 2.0 бутони, но все пак са налице някои типични особености, например чисти цветове и множество преливки.
Сега ще ви покажем как да създадете Web 2.0 бутони използвайки Adobe Photoshop CS2.
1. Отворете Photoshop и съдайте нов документ за бутона.
2. Направете си форма за бъдещия бутон използвайки Rounded Rectangle.
3. Избирате Blending Options на слоя.
4. Определете параметрите на Gradient Overlay на #434343 за първия и втория цвят, а за третия 000000.
5. Сложете Stroke #363636.
6. Определете опциите в ефекта Inner Glow.
7. Като резултат вие ще получите следното изображение.
8. Създайте правоъгълник използвайки Rounded Rectangle.
9. Десен click на слоя “glare”, изберете Rasterize layer.
10. Изберете Edit в Quick Mask Mode.
11. Изберете Gradient, създайте преливка, като тази.
12. След като излезнете от Quick Mask Mode ще имате селекция. Натиснете Delete button.
13. Добавете слой с текст „Entries RSS” и RSS икона . Ето и параметрите на ефекта Drop Shadow.
Сега вие имате следния бутон:
След известни промени, добаване или променяне на елементи и параметри, можете да получите следните бутони.
Стефан Чорбанов е един от създаделите на Stenik и от 2004 г. до сега управлява компанията и работи по създаването на емблематични онлайн магазини. Прочетете повече за Стефан