| Yara | 31.01.2019 |
Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh |
Как работают технические дизайнеры? Они работают чисто, аккуратно и реалистично. Сколько стоит хороший техдизайн? Он стоит дорого. Повторите наш урок дизайна, чтобы понять, что это такое!
Сложность: низкая
Время: до 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