"" Не всем фотошоп под силу, кто-то может всю жизнь остаться у подножия, а кто-то умрёт от недостатка кислорода на вершине. ""
Простая кнопка. Блики. Отражение.
Описание задачи: лучше всего, когда кнопки вписываются в оформление, но иногда нужно делать их и отдельными. Данный урок расскажет не столько об создании кнопки сколько о её декорировании. Данные эффекты применимы и к основам оформления: основной фигуре, такой как мы делали в позапрошлом уроке.
А ещё вы узнаете о новом способе деформации 
Описание работы: Создаём новое изображение. У меня холст будет размером 270 на 70.
Не будем изощряться и создадим на новом слое прямоугольник с закругленными краями. Цвет для исходных элементов я обычно выбираю серый.
Всё, кнопка готова, только добавьте текст...
Шутка. Теперь добавляем тень.
Для украшения кнопки используем кисти. И посторонние изображения.
Создаём новый слой, меняем цвет, выбираем кисть и щелкаем. Чтобы рисунок был только на кнопке предварительно выберите инструмент
Magic Wand Tool (волшебная палочка) и выделите щелчком фигуру кнопки, затем кликните на новом слое и рисуйте кистью.
Для украшательств оформления я использую эти изображения.↓
картинки
Чтобы было красиво меняем тип наложения слоя. Тут поиграйте с настройками.
Не забудьте обрезать изображение, иначе наложенная картинка будет налазить на тень, что не есть красиво. Для этого той же волшебной палочкой щелкните не на фигуре, а на белом фоне около неё, перейдите на слой с изображением и нажмите Delete.
Теперь добавляем текст.
Для блика создаём новый слой. Выбираем овал из списка фигур, рисуем его так, чтобы он залазил на половину или треть кнопки.
теперь регулируем прозрачность. Тут уже надо на глаз, потому что заметность блика зависит от цвета фона. Не забудьте удалить лишнее вокруг фигуры.
Можно изощриться и сделать неровный блик, для этого создайте новое изображение размером 1024 на 768, залейте
Background (фон) любым цветом и на новом слое нарисуйте овал или прямоугольник.
Теперь щелкните по рамке, которая определяет размеры слоя а затем на любом месте холста на правую кнопку мыши. Выберите пункт
Warp(деформация) и поиграйте с сеткой, фигура должна измениться.
Теперь уменьшите изображение. Допустим, до 500px в ширину.
Теперь перетащите белую фигуру на кнопку и также измените прозрачность.
Существует ещё один способ придания объёмности, но о нём в следующем уроке.
Теперь отключаем белый фон и соединяем все слои в один. Для этого щелкаем правой кнопкой мыши на любом слое, кроме текстового, и выбираем пункт
Merge Visibleсоединить видимое.
Теперь видим, что холст надо немного увеличить по высоте, чтобы хоть какое-то отражение было видно. Я увеличу до 100px.
Делаем дубликат слоя с кнопкой, нажимаем на рамку вокруг слоя и, кликнув правой кнопкой мыши, выбираем опцию
Flip Vertical отразить вертикально.
Теперь подгоняем ровно слои и обрезаем картинку, то есть просто отсекаем все детали за пределом видимого холста. Это делается инструментом
Crop Tool обрезание 
.
теперь размываем (немного!) перевернутый слой.
Для этого идём таким путём:
Цитата:
|
Filter -- Blur -- Gaussian Blur
Фильтр -- Размытие -- Размытие по Гаусу
|
Включаем белый фон.
Теперь добавляем градиент на перевёрнутый слой.
Градиент должен быть слева белым с непрозрачностью 100%, а справа (тоже белый), но с 0% непрозрачности.
Уменьшаем прозрачность самого слоя, его также можно переместить за слой с кнопкой и поднять вверх. Получится так:
