Web 2.0 бутони

15.06.2007

Прочетена: 777 пъти

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

За автора:

stefan-image Stefan Chorbanov

Стефан Чорбанов е един от създаделите на Stenik и от 2004 г. до сега управлява компанията и работи по създаването на емблематични онлайн магазини. Прочетете повече за Стефан

Сподели

Напиши коментар: