| Главная » Уроки » Веб дизайн |
Кнопка "Купить"
В этом уроке будем создавать кнопку Купить/Buy Now!, который можно использовать для сайта Итак создаем новый документ. Создаем новый слой нажав Ctrl+Shift+N. Затем берем инструмент Rounded Rectangle Tool/прямоугольник с закругленными углами, с радиусом 5 пикс. и рисуем прямоугольник цветом #ff9900  Берем инструмент Custom Shape Tool/произвольная фигура в качестве фигуры выбираем тележку. Создаем новый слой и рисуем тележку как показано ниже, часть тележки будет не видной так как мы нарисовал ее белым цветом  Идем в меню Layer/слой - Layer Style/стиль слоя - Stroke/обводка в качестве цвета обводки устанавливаем цвет #ff9900, размер обводки 6 пикселей. После применения стиля тележка станет видной  Удерживая клавишу Ctrl кликаем на слой с прямоугольником в палитре слоев. Будет загружено выделение прямоугольника, используя инструмент Gradient Tool/градиент заливаем выделение как показано ниже  Убираем выделение нажав Ctrl + D. Создаем новый слой под слоем с прямоугольником. Используя инструмент Rectangle Tool/Прямоугольник создаем черный прямоугольник. Далее к слою с черным прямоугольником применяем Filter/фильтр - Blur/размытие - Gaussian Blur/размытие по Гауссу с радиусом 4.0. Перемещаем размытый слой как показано ниже  Напишем текст Buy Now!  К слою с текстом применяем Layer/слой - Layer style/стиль слоя - Drop shadow/тень и Layer/слой - Layer Style/стиль слоя - Stroke/обводка  Вот и все урок закончен.  Источник:bwebi.com
| |
| Просмотров: 1169 | |