Главная » Уроки » Уроки по веб-дизайну: |
В этом уроке я покажу как можно сделать простую, но в тоже время
красивую Download-кнопку в современном и всеми полюбившемся стиле Web
2.0. Download - как пример, использовать этот метод можно для чего
угодно, даже для меню на сайте. Итак, к делу.
1. Создаем новый документ или открываем макет дизайна для вэб-страницы, если Вы хотите создать меню из этих кнопок. Я создала документ размером 400х110px, только для кнопки. 2. Далее берем инструмент Rounded Rectangle Tool (U), чтобы создать форму для кнопки.
Inner Shadow:
Gradient Overlay:
Вы можете использовать любой цвет какой захотите, но кнопка должна выглядеть объемно, примерно вот так:
Далее нам необходимо сделать кривую используя иснтрумент
Pen Tool,
сделайте кривую прямо поверх выделения, заключив в него нижнюю часть
белого градиента кнопки и удалите ее. Вот что получилось у меня:
Я еще использовала большую мягкую кисть для удаления части краев (смягчения), так они выглядят гораздо лучше. 5. Теперь добавим текст на нашу кнопку. Берем иснтрумент Horizontal Type Tool (T) и пишем желаемый текст.
Для верхнего текста я использовала шрифт Black Italic, 24 pt, Sharp, #fff, для нижнего - Semibold Italic, 12 pt, Sharp, #fff и добавила в свойствах Blending Options тень: Drop Shadow: Вот так это выглядит: Сообщить о проблемном уроке Источник: http://zerolayer.ru/2007/08/03/sozdaem_knopku_v_stile_web_20.html | |
Просмотров: 4668 | |
Всего комментариев: 0 | |