Уж очень мне захотелось нарисовать реалистичную клавиатурную кнопку в PHOTOSHOP. Ну или близко к реалистичной. На мой взгляд получилось неплохо:
![](photoshop/15/buttons.jpg)
Некоторым техника может показатся дикой, но в любом случае важен результат.
Вооружившись инструментом
Shape Tool ![](photoshop/15/shape.jpg)
с настройками:
![](photoshop/15/tool1.jpg)
добавим два квадрата:
![](photoshop/15/1.jpg)
Должно получится два слоя - на каждом из которых имеется квадрат.
Выберите нижний слой с большим квадратом и примените инструмент
Select ->
Load Selection
![](photoshop/15/2.jpg)
Далее необходимо воспользоваться
Gradient Tool ![](photoshop/15/gradient.jpg)
с настройками:
![](photoshop/15/tool2.jpg)
Создайте новый слой и нанесите градиент чтобы получилось как показано на скриншоте:
![](photoshop/15/3.jpg)
Создайте выделение:
![](photoshop/15/4.jpg)
Нажмите
SHIFT+CTRL+I и удалите ненужное:
![](photoshop/15/5.jpg)
Фильтр
Blur ->
Gaussian Blur поможет размыть тень:
![](photoshop/15/6.jpg)
Удалите не нужные края и повторите операцию с остальными углами:
![](photoshop/15/7.jpg)
Совершенно не лишним будет нанести ещё четыре градиента со всех сторон, затемняя тем самым рёбра кнопки:
![](photoshop/15/8.jpg)
Уже изученными методами создайте выделение вверхней части кнопки:
![](photoshop/15/9.jpg)
Воспользуйтесь командой
Select ->
Modify ->
Contrast с параметром 1.
Создайте новый слой и нанесите градиенты. Я нанёс несколько тёмных и светлых, получилось вот так:
![](photoshop/15/10.jpg)
Создайте снова выделение вверхней части кнопки и на новом слою наносите градиенты белым цветом.
Передвигая выделение удаляйте не нужные части, оставляя градиенты только на углах кнопки.
![](photoshop/15/11.jpg)
Напишите букву любым понравившемся вам шрифтом:
Автор статьи ORC -
RUPIXEL.COM