Главная » Уроки » Уроки по веб-дизайну: |
Рисуем кнопки для web
Создание кнопки. - Откройте новый документ 640 * 480 пикселей. - Создать новый слой. - Выберите прямоугольник с округленными краями(Rounded Rectangle Too) , нарисуйте выделение 150 * 30 пикселей. - Select pen tool, right click and select "Make selection" now you've got a rectangle selection. - Выберите инструмент перо(pen tool), щелкните правой кнопкой мыши и выберите "Make selection"(образовать выделенную область). - Заполнить цветом # 0452CA (или другого цвета вы хотите). -Теперь у Вас синяя кнопка. Стиль слоя - Щелкните правой кнопкой мыши на кнопке слой, а затем выберите вариант тиснение(Bevel and emboss). - Select Bevel and emboss, set size =2, soften = 2, hilight mod opacity =50, shadow mode opacity = 25 and click ok! (установить размер = 2, смягчить = 2, непрозрачность = 50, теневой режим непрозрачности = 25 и нажмите кнопку OK!) - Создать новый слой, затем выберите Rectagular Marquee tool(прямоугольная область). - Нарисуйте как на изображение выше. - Выбор инструмента Градиент(Gradient Tool), выберите белый цвет с прозрачным (смотрите рисунок), и на верхней панели выбераем зеркальный градиент - Применяем градиент к картинки от верхней части к нижней. - Нажмите Ctrl + D чтобы отменить выделение, измените немного непрозрачность. - Теперь нам нужно убрать лишнее. Нажимаем Ctrl + клик на ваш слой кнопку ,появилось выделение, а затем перейдите на слой с градиентом и продублируйте слой. Первоначальный слой с градиетом удаляете. Все наша кнопка готова! Перевод To4kA Сообщить о проблемном уроке Источник: http://www.pssimply.com/photoshop/2/sleek-button.html | |
Просмотров: 5029 | |
Всего комментариев: 0 | |