Повышаем навыки рисования: модная мышь от Apple для иконки

Читателю представлен урок о том, как с нуля нарисовать шикарную мышь Apple Magic Mouse в глянце при помощи инструментов Photoshop. Применяя эти техники, с успехом можно создать что-нибудь отличное, от приведенного здесь рисунка — но не менее стильное и оригинальное. Совсем для новичков урок покажется непростым, однако выполнимым. Подразумевается, что пользователь знает, как управляться с основными инструментами и слоями.

Урок построен на нескольких основных приемах работы с формами, тенями и бликами. Для достижения поставленной задачи мы будем пользоваться в основном кистью (Brush Tool, B), пером (Pen Tool, P), блики и тени будем добавлять с помощью инструментов Burn Tool (O) и Dodge Tool (O). Если вы хотите усовершенствовать свои навыки во владении этими четырьмя инструментами — обязательно приступайте к выполнению урока.

1 Шаг

Для начала создайте новый документ величиной 1000х1000 пикселей. Из-за того, что большая часть нашей работы будет проходить с белым и черным цветом, фоновый цвет необходимо установить, к примеру, в красный — работать станет на порядок комфортнее.

2 Шаг

Теперь нам нужно создать две основных формы. Вся дальнейшая детализация будет проходить уже в рамках созданных фигур. Для начала нужно нарисовать форму нашей будущей мыши. С использованием инструмента Pen Tool (P) создаем нечто подобное тому, что указано на рисунке. Затем создайте новый слой, нажатием клавиш Ctrl + Enter преобразуйте созданный пером контур в выделенную область и залейте ее белым цветом.

3 Шаг

Теперь, когда непосредственно очертания мыши готовы, необходимо создать нижнюю ее часть. Для начала создайте новый слой и поместите его под слой основной фигуры. Используя перо (Pen Tool, P) снова создайте контур, как показано на рисунке, преобразуйте его в выделение и залейте на созданном ранее слое цветом #141414.

Непрозрачность (Opacity) белой фигуры можно будет понизить процентов до 30%, чтобы видеть, что происходит под ней.

4 Шаг

Теперь, когда готовы непосредственно очертания нашей мыши, можно приступать к созданию деталей. Начнем с нижней части. Используя Dodge Tool (O) добавьте немного светлых бликов, как показано на рисунке.

5 Шаг

По двойному клику на слой с черной фигурой вызовите меню Blending Options и добавьте черный контур (Stroke), как показано ниже.

6 Шаг

Продублируйте этот слой, но удалите у него черный обвод, созданный на пятом шаге. Используя в этот раз уже Burn Tool (O) нанесите пару-тройку затемнений (см. рис.)

7 Шаг

Здесь при помощи Pen Tool (P) создайте черную линию, толщиной в 1px. Правый край линии нужно будет немного затереть мягким ластиком, чтобы создать впечатление плавного перехода.

8 Шаг

Мы окончили работу с нижней частью мыши и теперь переходим к верхней ее части.

Для начала создайте несколько форм, чтобы разделить нашу мышь на секции. Используя перо создайте фигуру, как показано на рисунке ниже. Преобразуйте контур в выделенную область и на новом слое залейте ее цветом #929292.

9 Шаг

Создайте очередную фигуру с использованием все того же пера (P). После создания контура убедитесь в том, что вы создали еще один слой и залейте выделенную область цветом #6d6d6d.

10 Шаг

Теперь создайте несложную тень под будущей мышью, используя мягкую черную кисть.

11 Шаг

Начните прорисовывать детали в боковой секции нашей мышки. Добавьте теней и бликов инструментами Burn Tool (O) и Dodge Tool (O).

12 Шаг

Следующим шагом будет добавление некоторых текстур в боковую часть мыши (там же используется пластик? Верно?). Для начала создайте новый слой и залейте его белым цветом. Теперь идем в меню Filter > Noise > Add Noise и используем параметры, приведенные ниже.

Теперь установите непрозрачность (Opacity) слоя на отметку 30%.

Полученная текстура нам нужна только для боковой части мыши. Поэтому все остальное нужно удалить. Удерживая клавишу Ctrl и кликая на слой с боковой частью мышки, мы создаем выделение нужной нам области. Теперь, инвертируя выделение (Shift + Ctrl + I) можно удалить все ненужные остатки.

Далее создаем маску (Mask) и, используя относительно прозрачную черную кисть, затираем некоторые участки нашей текстуры, чтобы придать ей более аккуратный вид.

13 Шаг

Возьмите перо (Pen, P) и создайте очередную фигуру, как показано на рисунке. Залейте ее цветом #373737.

14 Шаг

Далее создайте новый слой поверх слоя в 13 шаге. Используя Pen Tool (P) проведите белую линию, шириной в 1px, как на рисунке. Теперь пройдитесь по ней мягким ластиком (Eraser Tool, E). Установите непрозрачность (Opacity) слоя на отметку 80%.

15 Шаг

Настала пора заняться серединой мыши — ее обводом. Создадим из него глянцевую поверхность.

Слой этот слишком темный, поэтому ему нужно придать более светлый оттенок. Сделать это можно с помощью Dodge Tool (O). Далее добавим теней при помощи Burn Tool (O).

16 Шаг

Здесь нужно создать еще один обвод — белую линию, как это было сделано в шаге 14.

17 Шаг

Нанесем на наш рисунок два стильных блика. Для этого нам понадобится новый слой, две черных полоски кистью (Brush Tool, B) и применение к этому слою фильтра Filter > Distort > Wave. С настройками фильтра придется немного поиграть для получения нужного эффекта. Параметрам, приведенным ниже, можно следовать не слишком жестко — результат может быть отличным от показанного на рисунке.

18 Шаг

Теперь нашему будущему блику необходимо добавить маску. Добавьте к этому слою маску и уберите ненужные детали черной кистью. Установите непрозрачность (Opacity) слоя равной 46%.

Теперь продублируйте слой, установите его непрозрачность на 20% и задайте режим смешения Multiply. Это сделает наш блик более заметным.

19 Шаг

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

20 Шаг

Сейчас наша задача — придать обводу мыши больше глянца. Сделать это можно с помощью пера (Pen Tool, P). Залейте полученную область белым цветом.

Ее необходимо немного заретушировать ластиком (Eraser Tool, E) и смазать края.

21 Шаг

Теперь, после того, как мы разобрались со всеми нижними секциями мыши, можно приступать к последней части нашего урока. Для начала с помощью инструмента Burn Tool (O) добавьте немного тени к белой крышке нашей мыши.

22 Шаг

Используя перо (Pen Tool, P) создайте фигуру, как на рисунке ниже и залейте ее черным цветом.

Установите режим смешивания слоя в Multiply, а его непрозрачность (Opacity) — равной 8%.

23 Шаг

Пером (Pen Tool, P) создаем полосу шириной в 1px по нижнему краю основной секции. Края этого обвода нужно немного сгладить мягким ластиком (Eraser Tool, E).

24 Шаг

Для завершения нашей картинки осталось навести верхний контур темным серым цветом. Ластиком сглаживаем края контура.

И… Финальный аккорд: добавьте на мышь логотип Apple и очередной шедевр у вас на экане!

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.