• Страница 1 из 1
  • 1
Форум Studio AD » Графика » Уроки Adobe Photoshop » Кнопка (дизайн)
Кнопка
MadeMan
Дата: Суббота, 22.08.2009, 00:06 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Шаг 1 - Создаем новый документ любого размера и заполняем наш фон цветом #f7f5f6, берем инструмент Rounded Restangle Tool rounded_rectangle с радиусом 10px и рисуем окружность заполняя его цветом #2f88bb

Шаг 2 - Применим к нашему слою "параметры наложения". Делаем всё как показано ниже:

Шаг 3 - CTRL+Click по слою с нашей кнопкой. Создайте новый слой, потом в Select > Modify > Contract и ставим значение в 1px. Дальше берем инструмент Elliptical marquee tool elliptical_marquee задерживаем Alt и удаляем ненужные части выделения, как показано ниже. Как этот процесс мы закончили, дальше заливаем наше выделение градиентом gradient бело-прозрачным и ставим режим наложения на Overlay (перекрытие) с непрозрачностью 48%, затем CTRL+D чтобы снять выделение.

Шаг 4 - Создайте новый слой снова, используйте Elliptical marquee tool elliptical_marquee и сделайте выделение как показано ниже. Затем залейте фон градиентом gradient от чёрного до прозрачного.

Шаг 5 - CTRL+Click по слою с нашей кнопкой, потом Select > Inverse и удаляем не нужные объекты.

Шаг 6 - Установите текущие слои opacity в 32%.

CTRL+Click по слою с кнопкой, чтобы создать выделение, дальше задерживаем Alt и с помощью инструмента Rectangular Marquee Tool rectangul_marquee делаем половину выделения как показано ниже:

Шаг 7 - Заполним выделение белым цветом и уменьшим opacity до 11%.

Шаг 8 - Теперь создайте новый слой и сделайте круг как показано ниже:

Шаг 9 - Дальше применим к нашему кругу параметры наложения:

Шаг 10 - Теперь добавьте некоторые основные детали, сделайте то, что вы любите

Шаг 11 - Вот и всё! Можно еще добавить текст


Автор: Zymic
Перевод: MadeMan (Я)

Прикрепления: 1252638.gif (0.4 Kb) · 0284360.gif (65.8 Kb) · 9893591.gif (4.3 Kb) · 8909578.gif (3.5 Kb) · 5881531.gif (3.0 Kb) · 9594403.gif (3.0 Kb) · 2896485.gif (3.0 Kb) · 9164762.gif (3.1 Kb) · 8512421.gif (5.4 Kb) · 4384104.gif (3.2 Kb)


Сообщение отредактировал MadeMan - Суббота, 22.08.2009, 01:45
  
Aleko
Дата: Суббота, 22.08.2009, 06:06 | Сообщение # 2
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
MadeMan, напиши "прямоуголной формы". там скорее всего это имелось в виду.

Бесплатные обои.
  
Zoxy
Дата: Суббота, 22.08.2009, 08:34 | Сообщение # 3
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
Если честно то кнопка г.
если бы убрать вот эту загагулину справа, и поставить текст на центре, было бы куда лучше.


Ололо или неололо? Вот в чем пыщьпыщь...
www.zox-art.ru — Открыто, но еще дорабатывается.
  
Shugich
Дата: Пятница, 25.09.2009, 22:05 | Сообщение # 4
молчун
Группа: Проверенные
Пользователь №: 247
Сообщений: 26
Zoxy, поддерживаю. Такие кнопки лет 5-7 назад считались крутыми...

Некий блог безликого психа невероятно моден в этом сезоне.
  
Форум Studio AD » Графика » Уроки Adobe Photoshop » Кнопка (дизайн)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.