Урок фотошопа — клавиатурная кнопка

Уж очень мне захотелось нарисовать реалистичную клавиатурную кнопку в PHOTOSHOP. Ну или близко к реалистичной. На мой взгляд получилось неплохо:

Урок фотошопа - клавиатурная кнопка 1

Некоторым техника может показаться дикой, но в любом случае важен результат.
Вооружившись инструментом Shape Tool с настройками:

Урок фотошопа - клавиатурная кнопка 2

Добавьте на изображение два квадрата:

Урок фотошопа - клавиатурная кнопка 3

Должно получится два слоя — на каждом из которых имеется квадрат.
Выберите нижний слой с большим квадратом и примените функцию Select -> Load Selection, появится выделение

Урок фотошопа - клавиатурная кнопка 4

Далее необходимо воспользоваться Gradient Tool с настройками:

Урок фотошопа - клавиатурная кнопка 5

Создайте новый слой и нанесите градиент чтобы получилось как показано на скриншоте(при этом не снимая выделения):

Урок фотошопа - клавиатурная кнопка 6

Создайте выделение:

Урок фотошопа - клавиатурная кнопка 7

Нажмите SHIFT+CTRL+I и удалите ненужное (кнопка DEL):

Урок фотошопа - клавиатурная кнопка 8

Фильтр Blur -> Gaussian Blur поможет размыть тень:

Урок фотошопа - клавиатурная кнопка 9

Удалите не нужные края и повторите операцию с остальными углами:

Урок фотошопа - клавиатурная кнопка 10

Совершенно не лишним будет нанести ещё четыре градиента со всех сторон, затемняя тем самым рёбра кнопки:

Урок фотошопа - клавиатурная кнопка 11

Уже изученными методами создайте выделение верхней части кнопки:

Урок фотошопа - клавиатурная кнопка 12

Воспользуйтесь функцией в меню Select -> Modify -> Contrast с параметром 1.
Создайте новый слой и нанесите градиенты. Я нанёс несколько тёмных и светлых, получилось вот так:

Урок фотошопа - клавиатурная кнопка 13

Создайте снова выделение верхней части кнопки и на новом слою наносите градиенты белым цветом. Передвигая выделение удаляйте не нужные части, оставляя градиенты только на углах кнопки.

Урок фотошопа - клавиатурная кнопка 14

Напишите букву любым понравившемся вам шрифтом:

Урок фотошопа - клавиатурная кнопка 15

Рекомендуем ознакомиться:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *