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

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

Шаг 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

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