Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.147.27.129
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Создаем красивую, детализированную кнопочку
Сообщение оставлено 22.08.2011 в 19:30:07 | Сообщение #1
Шаг 1
Откройте Phtoshop. Создайте новый файл, нажав Ctrl+N. Примените следующие настройки -



Шаг 2
Заполните текущий слой. Нажмите Shift+F5, чтобы появилось меню настроек. Выберите темно-синий цвет (#141d28) -



Шаг 3
Советую вам использовать направляющие. Чтобы добавить ее, идите в View > New Guide. Выберите вертикальную направляющую и позицию 250 пикселей -



Шаг 4
Выберите Rounded Rectangle Tool и нарисуйте следующую фигуру -



Я поставил цвет фона прямоугольника на #17202b -



Шаг 5
Добавляем стили слоя. Примените следующие настройки к слою -






Шаг 6
Поставьте фоновый цвет #050607. Создайте новый слой и, удерживая Ctrl, кликните на иконку слоя с прямоугольником -



Нажмите G, чтобы выбрать Gradient Tool. Проведите мышкой от центра влево -



Не снимая выделения, выберите Marquee Tool , нажмите вверх один раз, а затем нажмите delete. И с помощью Move Tool и переместите объект, как показано на картинке ниже -



Шаг 7
Скопируйте слой с градиентом. Нажмите Ctrl + I и поставьте режим смешивания Overlay -



Шаг 8
Добавьте радиальный градиент поверх кнопки. Для этого выделите слой, выберите Gradient Tool и сделайте белый цвет основным -



Нажмите Ctrl+D, чтобы снять выделение. Поставьте режим смешивания Overlay.

Шаг 9
Добавьте любой текст. Я выбрал шрифт Arial, размер 14 пикс. Добавьте легкую тень -

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика