Рисуем ультратонкую клавиатуру Apple в Фотошопе

Сегодня мы будем создавать фотореалистичную беспроводную клавиатуру Apple в Photoshop! В этом уроке мы нарисуем основу клавиатуры в несколько простых шагов, а затем придадим изображению законченный вид, создав кнопки, а затем дублируя их, и добавляя буковки на них!

Предварительный просмотр окончательного результата

Скачать PSD-исходник

Apple Keyboard.zip | 0,16 Мб - Скачать с сайта

Шаг 1

Давайте начнем с создания нового документа крупного размера. Для этого урока я использовал достаточно большой размер холста 952 х 412.

Шаг 2

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

Шаг 3

Отключите заполнение слоя «Граница», сделав его прозрачность в 0%, дважды щелкните по нему, чтобы открыть стили слоя  и примените следующие эффекты.

Результат должен быть следующим:

Шаг 4

Дублируйте слой «Граница» и назовите его «Края». После того как вы сделали это, примените следующие стили слоя.

Шаг 5

Теперь переместите слой «Граница» немного вниз с помощью инструмента Перемещение (Move Tool). У вас должно получиться следующее.

Шаг 6

Дублируйте слой «Граница» еще раз. Затем переместите его выше всех остальных слоев и переименуйте его в «База клавиатуры». Теперь мы будем все действия проводить с этим слоем.  

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

Шаг 7

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

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

Шаг 8

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

Шаг 9

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

Скачать PSD-исходник

Apple Keyboard.zip | 0,16 Мб - Скачать с сайта

Окончательный результат

Автор урока: команда сайта Photoshop Tutorials

Переводчик урока: Ирина Шипилова 

Ссылка на источник