Данный урок является продолжением уроков Создаем кнопку в стиле Web 2.0 и Стеклянная
кнопка.
Последнее время в моду оформления веб-страниц вошел
"блестящий пластик". Предлагаю Вам простой способ его создания:
"Шаг 1.
Создайте новый документ такого размера, какого захотите. Так как в качестве
примера я беру обычный круг, то достаточно шаблона 500x200. Фон залейте цветом #4d4d4d.
Шаг 2. Вы можете создать любую произвольную
форму. Я нарисовал круг при помощи Ellipse
Tool и цвет фигуры взял посветлее #b9b9b9 - в итоге получится почти белый
пластик. Конечно, Вы можете выбрать тот цвет, который Вам нравится, здесь нет
ограничений.
Шаг 3. Применим пару эффектов для нашей формы -
Inner Shadow и Outer Glow. Они находятся в Layer->Layer Style или можете найти их
кликнув 2 раза по иконке слоя на панельке Layers. Поменяйте следующие
параметры:
Для Inner Shadow
Для
Outer Glow
В
итоге у Вас должна получиться похожая картина
Шаг 4. Выделите Вашу форму: прижмите Ctrl и кликните мышкой один раз по иконке слоя.
После выделения зайдите в Select->Modify->Contract и поставьте
5 пикселов. Ваше выделение станет поуже
на 5 пикселов. Сейчас создайте новый слой, можно назвать его reflect1. (Как
только вы создадите его, выделенная область станет частью слоя reflect1).
Залейте выделенную область белым цветом. Прозрачность слоя reflect1 -Opacity - поставьте 35%. Выглядеть картинка должна следующим
образом:
Шаг 5. Повторите Шаг 4, а именно: прижав Ctrl кликните мышкой по иконке слоя, на котором
Ваша исходная форма. Она должна выделиться "бегущим" пунктиром. Снова зайдите в
Select->Modify->Contract, на этот
раз поставьте 8 пикселов. Создайте слой
reflect2 и опять залейте выделенное белым цветом. Снимите выделение Select->Deselect. Затем с помощью Elliptical marquee tool{По умолчанию в качестве инструмента выделения
установлен Rectangular marquee tool -
прямоугольное выделение. Elliptical marquee
tool можно выбрать, если на иконке Rectangular marquee tool удерживать нажатой
клавишу мышки некоторое время} выделите часть области, залитой белым на
слое reflect2, и нажмите клавишу Del.
Выделенная часть слоя должна исчезнуть. Opacity слоя в этот раз поставьте 45%. Вот что приблизительно должно
получиться:
Шаг 6. Повторите предыдущий шаг еще два раза:
Ctrl + клик на слое с исходной формой для
выделения. Затем Select->Modify->Contract - здесь каждый
раз можно брать разные значения. В этот раз пусть будет 7. Заливаем белым, удаляем часть. Во второй раз
поставьте 12 пикселов и не удаляйте часть
залитой области - оставьте форму целой. Для этой целой формы примените раза 3-4
Filter->Blur->More Blur, чтобы
смягчить границы. Прозрачность Opacity
можно сделать поменьше, или оставить такой же - дело вкуса.
Шаг 7. Это последний шаг, и самый важный.
Выделите слой (Ctrl + клик на иконке слоя) reflect1 (reflect1- это было наше самое первое
выделение, в котором указывали 5 пикселов), и создайте новый слой под названием
Stroke. Зайдите в Edit->Stroke и поставьте следующие
значения:
После
этого ластиком с мягкой кистью удалите часть белой обводки на слое Stroke
Шаг 8. Вообще это не шаг, а, скорее,
результат.)
Если
Вам хочется, можно взять цвет посветлее или поменять прозрачность наших
бликов."