Web 2.0 бутони

15.06.2007

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

Категории: 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 Stefan Chorbanov

Стефан Чорбанов е един от създаделите на Stenik и от 2004 г. до сега работи в компанията по създаването на емблематични онлайн магазини и уеб сайтове. Участвал е в eCommerce проекти за KFC, Кокетна, CarpetMAX, Хиполенд, Пакостник, Ozone, Денси, Orange Center, Tempo, Demobaza, Giulian и много други. Като хоби, развива и собствени онлайн магазини за дрехи, което го прави специалист не само от страната на разработчика, а и от страната на търговеца – опит, който малцина притежават.

Сподели

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

Stenik