Отправляет email-рассылки с помощью сервиса Sendsay

Изучаем графический редактор Photoshop

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Пошаговая раскрутка сайта" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Май 2010   →
 1
 2
 3
 4
 5
 6
 7
07.05.2010
03:31:59
14:33:52
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Клименко Роман aka parad0x

Статистика

460 подписчиков
-1 за неделю
←   Все выпуски   →

Создаем объемную кнопку


Дата: 3 мая 2010, понедельник

Полезные ссылки

Создаем объемную кнопку

Теги: 3D, Практика, Photoshop
Скачать с: Deposit Files
Размер (Кбайт): 14680

Создаем объемную кнопку при помощи стилей, градиента и фильтра.

  1. Залейте фон созданного документа любым темным цветом.
  2. Создайте новый слой (комбинация клавиш Ctrl+Shift+N), и на новом слое выделите круглую область (при помощи инструмента выделения Elliptical Marquee Tool, с зажатой клавишей Shift).
  3. Залейте созданное выделение любым светлым цветом (цвет не имеет значения, но для удобства он должен контрастировать с фоном).
  4. К слою, который вы создали на втором шаге, примените стиль Inner Shadow (команда Layer/Layer Style/Inner Shadow) с подходящими настройками (Distance и Size можно немножко увеличить).
  5. К слою, который вы создали на втором шаге, примените стиль Inner Glow (команда Layer/Layer Style/Inner Glow) с подходящими настройками (Choke и Size можно увеличить, а цвет свечения можно изменить на белый).
  6. К слою, который вы создали на втором шаге, примените стиль Satin (команда Layer/Layer Style/Satin) с подходящими настройками (Opacity можно уменьшить до 20, Distance и Size можно увеличить, а Contour изменить). В результате у вас должна получиться кнопка, выглядящая объемной.
  7. Если вы уже сбросили выделение, тогда с зажатой клавишей Ctrl щелкните кнопкой мыши по слою, который вы создали на втором шаге. Если же не сбросили — тогда воспользуйтесь существующим выделением. Нам нужно создать новый слой (комбинация клавиш Ctrl+Shift+N), и на новом слое залить выделение (по форме кнопки) градиентом от белого к прозрачному. Для создания такого градиента можно установить передний цвет белым, после чего выбрать инструмент Gradient Tool, и выбрать градиент Foreground to Transparent типа Linear Gradient. Выбрав градиент, залейте им выделенную область сверху вниз.
  8. Сбросьте выделение, после чего инструментом свободного трансформирования (комбинация клавиш Ctrl+T) уменьшите созданный при помощи градиента блик, и разместите его в правой части кнопки (так, как показано на рисунке).
  9. Сдублируйте слой с бликом, после чего отразите его по вертикали и по горизонтали (команды Edit/Transform/Flip Vertical и Edit/Transform/Flip Horizontal), и переместите в противоположный угол кнопки.
  10. Два полученных слоя с бликами объедините в один (выделите верхний из них, и нажмите комбинацию клавиш Ctrl+E). После этого к полученному слою примените фильтр Filter/Blur/Gaussian Blur с небольшим радиусом. Это нужно, чтобы сгладить резкие края блика.
  11. Далее, выделите слой с кнопкой (к которому вы применяли стили), и установите для него параметр Fill равным 0.
  12. Таким образом мы создали заготовку для кнопки. В дальнейшем под нее вы можете помещать слой нужного цвета и с нужным текстом, чтобы получилась нужная вам кнопка.

Последние изображения для дизайнера

Бутон розовой розы (PNG, 2950x2094)

Теги: Клипарты, Реалистичные, Флора
Скачать с: Deposit Files
Размер (Кбайт): 3549
Высота: 2094
Ширина: 2950

Два золотых кольца, одно в другом (PNG, 4710x5319)

Теги: Клипарты, Реалистичные
Скачать с: Deposit Files
Размер (Кбайт): 9893
Высота: 5319
Ширина: 4710

Бутон желтой розы (PNG, 2950x2094)

Теги: Клипарты, Реалистичные, Флора
Скачать с: Deposit Files
Размер (Кбайт): 2844
Высота: 2094
Ширина: 2950

PNG (1213x1772 пикселей)

Теги: Рамки, Мультяшные
Скачать с: Deposit Files
Размер (Кбайт): 2559
Высота: 1772
Ширина: 1213
В избранное