Рекомендуем ознакомиться со следующими разделами Фотошопа:

Как работают технические дизайнеры? Они работают чисто, аккуратно и реалистично. Сколько стоит хороший техдизайн? Он стоит дорого. Повторите наш урок дизайна, чтобы понять, что это такое!

Сложность: низкая
Время: до 30 минут

Навыки для "прокачки":
- работа со стилями слоя, объем и рельеф
- создание простых векторных форм
- трансформация

Шаг 1

Давайте начнем с создания нового документа любого размера. Например, 952 х 412 pix.

Шаг 2

Разблокируйте фоновый слой, дважды щелкнув значок замка. Используя Ведро  (Paint Bucket Tool (G)) залейте его цветом #313338 (вызвать меню Цвета можно внизу палитры инструментов, кликнув на верхний квадрат). Теперь с помощью фигуры Прямоугольника со скругленными углами (Rounded Rectangle Shape Tool), сделайте широкий прямоугольник в центре холста. Назовите этот слой Border.

Шаг 3

Уменьшите Заливку (Fill) верхнего слоя до 0%. Дважды щелкните по нему, чтобы открыть окно Стилей слоя (Layer Styles) и применяем эффекты:

Ваш результат должен быть таким.

Шаг 4

Дублируйте верхний слой и назовите его Edge. После того, как вы сделали это, примените следующие Стили слоя (Layer Styles):

Шаг 5

Теперь, опустите слой Edge на несколько пунктов вниз с помощью Инструмента Перемещение (Move Tool) и . Вы должны иметь следующее.

Шаг 6

Дублируйте слой Border еще раз. Затем переместите его выше всех остальных слоев и переименуйте его Keyboard Base. Теперь мы применим последние из эффектов к этому слою.

В настоящее время, ваш результат должен выглядеть следующим образом.

Шаг 7

Теперь, когда вы закончите с Keyboard Base, давайте сделаем несколько кнопок на клавиатуре. Нужно сделать одну кнопку, а затем дублировать шаги для каждой дополнительной. Для начала выберите Прямоугольник (Rectangle Tool) и создайте маленький прямоугольник в левом верхнем углу клавиатуры. Назовите этот слой Key. Это первая форма будет вашим Escape / Esc. Сделайте двойной щелчок по слою и добавьте следующие эффекты.

Ваша кнопка должна выглядеть примерно так! Выглядит отлично, правда?

Шаг 8

Теперь дублируйте слой Key и поместите его в соответствующее место на клавиатуре. Всего должно быть 6 рядов клавиш. Для некоторых из клавиш вам нужно растянуть слой Key(например, для Command, пробел и т.д.). Для этого выберете слой, который вы хотите изменить и перейдите к меню Редактировать> Свободная трансформация (Edit> Free Transform). За уголок потяните кнопку, чтобы получить желаемую высоту/ширину.

Шаг 9

Теперь вы можете продолжать добавлять цифры/буквы на каждой клавише. Делайте это аккуратно! Тогда урок дизайна можно будет считать успешно выполненным.

Источник: http://photoshoptutorials.ws/photoshop-tutorials/drawing/how-to-draw-an-ultra-clean-apple-keyboard-in-photoshop.html