-Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

 -Поиск по дневнику

Поиск сообщений в ЭМИЛЛИ

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.03.2009
Записей:
Комментариев:
Написано: 46720


Глянцевая кнопка.

Среда, 21 Декабря 2011 г. 23:40 + в цитатник

 

Рисуем в Фотошоп глянцевую кнопку для вашего сайта всего за 10 шагов.3134042_00000000 (300x212, 10Kb)

Шаг 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. Создайте новый слой

Возьмите инструмент "Произвольная фигура", из дополнительного списка выберите фигуру "стрелка" (Arrow 6).

Нарисуйте стрелку также как показано ниже. Не забывайте про инструмент свободная трансформация, который поможет вам добиться нужной формы и длины стрелки.

Шаг 8. Теперь стрелке будем придавать стили.

Снова перейдем в окно "Стили слоя"

Добавим тень:

Наложение градиента:

Цвета используемые в градиенте:
#fcfcfc ... #d1d2d5 ... #9c9ea5 ... #dddee0 )

Обводка - внутри

Цвета используемые в градиенте:
#ecedee ... #ffffff ... #929494 ... #ecedee ... #868687 ... #e0e0e0)

Вот что у вас выйдет после применения стилей к стрелке:

Шаг 9. Создайте новый слой и снова возьмите инструмент  
Нарисуйте выделение еще меньше на маленьком овале:

Возьмите градиент от белого к прозрачному (white to transparent)

Проведите линию сверху вниз по выделенной области. Вы получите легкий прозрачный отблеск. Уменьшите прозрачность до50% чтобы он выглядел еще натуральнее.

Шаг 10 - он же пос

Рубрики:  УРОКИ PHOTOSHOP/Photoshop-Master


Процитировано 27 раз
Понравилось: 6 пользователям

Novichok56   обратиться по имени Четверг, 22 Декабря 2011 г. 05:05 (ссылка)
Спасибо. Какая симпатичная кнопка получилась.
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Четверг, 22 Декабря 2011 г. 10:01 (ссылка)
спасибо.
Ответить С цитатой В цитатник
valentuka   обратиться по имени Четверг, 22 Декабря 2011 г. 10:59 (ссылка)
ЭМИЛЛИ, спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
nata1105   обратиться по имени Пятница, 23 Декабря 2011 г. 08:30 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку