Главная » 2009 Июнь 30 » Глянцевая кнопка
23:37 Глянцевая кнопка |
Рисуем в Фотошоп глянцевую кнопку для вашего сайта всего за 10 шагов.
Шаг 1. Создайте новый документ, можете залить его черным цветом или черно-серым градиентом. Шаг 2. Выберите инструмент - Овальная область Шаг 3. Создайте новый слой (Shft + Ctrl + N) и с помощью инструмента Шаг 4. Перейдите в меню Layer >> Layer styles >> Blending Options (Слой - Стили слоя - Параметры наложения) и примените следующие стили: Тень: Внутреннее свечение: Тиснение: Наложение цвета - (цвет используется: #4cd302) Наложение градиента (черный #000000 and белый #ffffff) Обводка - снаружи, градиент, разбивка фигуры После того, как применили все стили у вас должно получиться вот так: Шаг 5. Дублируйте слой с эллипсом. Новый слой автоматически примет на себя стили слоя. Убедитесь, что выбран верхний слой, нажмите Ctrl + T (будем трансформировать слой). Зажмите клавишу Shift (чтобы сохранять пропорции при трансформации) или немного уменьшите фигуру как показано на рисунке: Нажмите 'Enter' чтобы применить трансформацию. Шаг 6. Теперь передвиньте маленький эллипс к левому краю, чтобы он соприкаснулся с большим. Затем уменьшите прозрачность (opacity) маленького до 60%. Шаг 7. Создайте новый слой Нарисуйте стрелку также как показано ниже. Не забывайте про инструмент свободная трансформация, который поможет вам добиться нужной формы и длины стрелки. Шаг 8. Теперь стрелке будем придавать стили. Добавим тень: Наложение градиента:
Цвета используемые в градиенте: Обводка - внутри Цвета используемые в градиенте: Вот что у вас выйдет после применения стилей к стрелке: Шаг 9. Создайте новый слой и снова возьмите инструмент Возьмите градиент от белого к прозрачному (white to transparent)
Шаг 10 - он же последний. Добавьте текст вашей кнопке. Вы справились с заданием! Поздравляем! ![]() |
|
Всего комментариев: 0 | |