Сегодня мы научимся создавать стеклянные кнопки на примере кнопки в стиле MacOS. Технология очень проста и может применяться абсолютно везде, где нужно добиться такого эффекта. Вот чего можно добиться буквально за десять минут -
24.01.2006, 15:48 | #7884 |
admin
Регистрация: 25.10.2005
Сообщения: 1,053
|
Урок Photoshop: Стеклянная кнопка
Сегодня мы научимся создавать стеклянные кнопки на примере кнопки в стиле MacOS. Технология очень проста и может применяться абсолютно везде, где нужно добиться такого эффекта. Вот чего можно добиться буквально за десять минут -
__________________
|
24.01.2006, 15:48 | #7885 |
admin
Регистрация: 25.10.2005
Сообщения: 1,053
|
1. Создайте новый документ 300х300 пикселов, фон - любой.
================================ 2. Выберите Rounded Restangle Tool - На панели инструментов выставите параметр Radius в 25 пикселов - и создайте такой объект - ================================ 3. Теперь немного поработаем со свойствами слоя - жмём на панели Layers (Слои) кнопку и выбираем Drop Shadow (Тень), здесь применяем такие настройки - Затем здесь же, в окне свойств слоя переходим на вкладку Inner Shadow (Внутренняя тень) и выставляем такие параметры - Следующая вкладка - Inner Glow (Внутреннее сияние), здесь у нас будут такие настройки - На вкладке Gradient Overlay (Градиент) ставим такие параметры - И, наконец, добавим обводку - вкладка Stroke (Обводка) - После всех этих манипуляций, у вас должно получиться что-то похожее на это - ================================
__________________
|
24.01.2006, 15:49 | #7886 |
admin
Регистрация: 25.10.2005
Сообщения: 1,053
|
4. Собственно основа кнопки готова, но ведь она совсем не похожа не стеклянную! Оказывается, чтобы получить тот самый стеклянный эффект нужно нанести один единственный штрих - блик. Его то мы и будем сейчас делать!
Итак, создайте новый слой - Layer > New > Layer / Слой > Новый > Слой и создайте выделение соответствующее форме нашей кнопки - делается это так: в Photoshop CS2 Ctrl+клик по значку на слое с кнопкой в панели Layers (Слои), в более старых версия Photoshop Ctrl+клик по слою с кнопкой. Теперь Select > Transform Selection / Выделение > Трансформировать Выделение и трансформируйте выделение так же как у меня - Залейте выделение белым цветом - Затем используя инструмент Eraser (Стёрка), большой твёрдой кистью сотрите нижнюю часть слоя примерно до половины (удерживайте кнопку Shift нажатой для того, чтобы слой удалялся ровно), а потом, выставив параметр кисти Hardness (Жёсткость) на 0% частично сотрите нижнюю часть блика, сделав её полупрозрачной. После всего этого вы и получите настоящую стеклянную кнопку - ================================ Вот собственно и всё. Как видите, всё очень просто!
__________________
|
25.03.2006, 13:39 | #12241 | |
admin
Регистрация: 25.10.2005
Сообщения: 1,053
|
Цитата:
__________________
|
|
07.11.2006, 22:59 | #30600 |
Premium Member
Регистрация: 26.10.2005
Сообщения: 293
|
Урок Photoshop: Стеклянная кнопка
Сейчас я вас научу делать в фотошопе кнопку, позожую на такую:
1. Для начала создайте новый файл с белым фоном, затем создайте новый слой. 2. На этом слое нарисуйте скругленный прямоугольник с радиусом скругления 5px 3. Теперь переходим в Blending options слоя. Параметры: В принципе ничего особо сложного тут нет, если вы, разумеется, имеете хотя бы базовые навыки работы в фотошопе. Приятного фотошопства
__________________
|
24.12.2006, 14:03 | #36311 |
Новичок
Регистрация: 15.11.2006
Адрес: Ульяновск
Сообщения: 19
|
|
Здесь присутствуют: 1 (пользователей - 0 , гостей - 1) | |
|
|