Рисование планшета Wacom Intuos4

5 февраля 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте. Включите сетку через меню View → Show → Grid и включите привязку к ней (View → Snap To → Grid). Нужно установить расстояние между линиями сетки на 5 пикселей. Для этого перейдите в меню Edit → Preferences → Guide, Grid & Slices. В поле Gridline Every введите цифру 5, а в поле Subdivision — цифру 1. Нажмите ОК, и сетка будет изменена. Откройте окно Info (Window → Info), чтобы видеть размеры фигур.

Шаг 2

Удерживая Alt кликните дважды на миниатюре фонового слоя, чтобы разблокировать его.

Кликните дважды на полученном слое, чтобы открыть окно стилей. Примените стиль Gradient Overlay:

Шаг 3

Выберите инструмент Rounded Rectangle Tool (U) и в настройках установите радиус на 10 пикселей. Создайте прямоугольник размером 710х480 пикселей. Активируйте режим Warp (Edit → Transform → Warp), на верхней панели выберите тип деформации Bulge и введите 1,5 в поле Bend. Боковые стороны прямоугольника станут немного выпуклыми.

Шаг 4

Создайте ещё один прямоугольник — размером 590х490 пикселей, как показано ниже. Привязка к сетке должна облегчить правильную расстановку фигур. Цвет фигур не важен, так как мы его изменим при помощи стилей. Активируйте режим Warp и слегка измените форму второго прямоугольника, следуя второму скриншоту ниже.

Шаг 5

На время отключите сетку (View → Show → Grid) (Ctrl + “). Выделите красный прямоугольник (удерживая Ctrl, кликните на миниатюре слоя). Затем зажмите клавиши Shift + Ctrl + Alt и кликните на миниатюре слоя второго прямоугольника. В результате будет выделена область пересечения двух прямоугольников (общая область).

Шаг 6

Удалите слой со вторым (маленьким) прямоугольником. Затем создайте новый слой (Ctrl + Shift + Alt + N) и залейте на нём выделение цветом #111111.

Шаг 7

Теперь нужно изменить цвет левой части красного прямоугольника. Примените к нему стиль Gradient Overlay:

Шаг 8

Кликните правой кнопкой мыши на слое с градиентным прямоугольником и выберите пункт Rasterize Layer. Кликните на этом же слое ещё раз и выберите пункт Convert to Smart Object. Примените к нему фильтр Add Noise (Filter → Noise → Add Noise).

Шаг 9

Включите сетку (Ctrl + “). Инструментом Rectangular Marquee Tool (M) создайте выделение размером 135х480 пикселей, как показано на скриншоте. Перейдите в меню Select → Modify → Smooth и введите значение 1 пиксель. Углы выделения станут округлыми.

Выберите слой с левой частью планшета (смарт-объект) и добавьте к нему маску (кликните на иконке маски в нижней части палитры слоёв). Всё, что находилось за пределами выделенной области, будет скрыто. Углы левой градиентной части планшета будут скруглены.

Шаг 10

Снова выключите сетку (Ctrl + “) и примените следующие стили к правому прямоугольнику:

Шаг 11

Создайте копию слоя с правой частью планшета (Ctrl + J) и понизьте её заливку до 0%. Выключите стиль градиента и примените Inner Shadow.

Шаг 12

Выберите два слоя правой части планшета и объедините их (Ctrl + E). Кликните правой кнопкой мыши на полученном слое и выберите пункт Convert to Smart Object. Примените к нему фильтр шума (Filter → Noise → Add Noise).

Шаг 13

Включите сетку, выберите инструмент Rounded Rectangle Tool (U) и в настройках установите радиус на 5 пикселей. Создайте прямоугольник размером 450х275 пикселей и расположите его, как показано на первом скриншоте ниже.

Преобразуйте слой в смарт-объект и примените фильтр шума (Filter → Noise → Add Noise).

Примените следующие стили:

Шаг 14

Сейчас нам нужно уменьшить расстояние между линиями сетки до 1 пикселя. Перейдите в меню Edit → Preferences → Guides, Grid & Slices и измените значение для поля Gridline Every.

Выберите инструмент Rectangle Tool (U) и создайте прямоугольник размером 42х75 пикселей. Переключитесь на инструмент Rounded Rectangle Tool (U) и установите радиус на 1 пиксель. Создайте прямоугольник размером 38х16 пикселей.

Шаг 15

Измените цвет большого прямоугольника прошлого шага на #0f0f0f и примените стиль Drop Shadow. Создайте копию (Ctrl + J) и расположите её под оригиналом (Ctrl + [). Измените параметр Angle стиля Drop Shadow на -90 градусов. Создайте ещё одну копию прямоугольника и расположите её под предыдущим слоем (Ctrl + [). Удалите стиль Drop Shadow и примените Stroke.

Шаг 16

Ко второму прямоугольнику, созданному внизу, примените следующие стили:

Шаг 17

Создайте три копии этого прямоугольника и расположите их друг над другом. Объедините все слои прямоугольников (Ctrl + E) и преобразуйте полученный в смарт-объект. Примените фильтр шума.

Шаг 18

Выберите все слои, созданные за последние 4 шага, и объедините их в группу (Ctrl + G). Создайте копию группы (Ctrl + J) и расположите её, как показано на скриншоте. Как Вы поняли, это кнопки планшета.

Шаг 19

Инструментом Rounded Rectangle Tool (U) с радиусом 3 пикселя создайте два прямоугольника размером 36х71 пиксель. Расположите из справа от кнопок, как показывает скриншот ниже. Оба прямоугольника залейте белым цветом и примените стиль Stroke. Установите непрозрачность верхнего на 4%, а нижнего — на 3%.

Шаг 20

Инструментом Ellipse Tool (U) создайте круг диаметром 83 пикселя цветом #25292b. Преобразуйте круг в смарт-объект и примените фильтр шума. Затем примените стили, показанные ниже.

Шаг 21

Создайте копию круга (Ctrl +J), понизьте его заливку до 0% и примените стиль Inner Shadow.

Шаг 22

Создайте копию круга предыдущего шага с 0% заливкой, удалите стиль Inner Shadow и примените Stroke.

Шаг 23

Инструментом Ellipse Tool (U) создайте круг диаметром 34 пикселя цветом #25292b. Преобразуйте его в смарт-объект и добавьте шум. Затем примените стили, показанные ниже.

Шаг 24

Объедините все стили кольца в группу (Ctrl + G) и расположите её, как показано ниже.

Шаг 25

Выберите инструмент Rounded Rectangle Tool (U) с радиусом 3 пикселя. Создайте прямоугольник размером 20х19 пикселей цветом #1e1e1e. Активируйте режим Warp (Edit → Transform → Warp), выберите тип деформации Squeeze, нажмите на иконку ориентации и введите число 25 в поле Bend.

Шаг 26

Установите радиус в настройках того же инструмента на 1 пиксель. Создайте три прямоугольника размером 2х9 пикселей цветом #1e1e1e.

Шаг 27

Между тремя прямоугольниками создайте ещё три размером 2х11 пикселей цветом #1e1e1e.

Шаг 28

Объедините все фигуры, созданные на последних трёх шагах, в группу (Ctrl + G). Расположите группу на правом крае планшета. Это, как Вы поняли, штекер для будущего провода.

Шаг 29

Выберите инструмент Brush Tool (B)? Установите размер на 6 пикселей, жёсткость на 100% и выберите цвет #15191a. Создайте новый слой и инструментом Pen Tool (P) в режиме контуров нарисуйте кривую линию, как показано на первом скриншоте ниже. Кликните правой кнопкой мыши на холсте и выберите пункт Stroke Path. В появившемся окне выберите пункт Кисть (Brush) и нажмите ОК. Контур будет обведён настроенной ранее кистью. Нажмите Enter, чтобы удалить контур. Преобразуйте этот слой в смарт-объект.

Шаг 30

К слою провода примените стиль Inner Shadow.

Шаг 31

Мы закончили с планшетом, теперь займёмся рисованием пера. Инструментом Rectangle Tool (U) создайте прямоугольник размером 11х13 пикселей. Активируйте режим Warp и выберите тип деформации Arc Lower. Введите значение 100 в поле Bend.

Шаг 32

Создайте прямоугольник размером 19х11 пикселей. Примените к нему тот же тип деформации.

Шаг 33

Инструментом Pen Tool (P) нарисуйте фигуру цветом #c56969 (скриншот 1). Активируйте режим Warp и выберите тип деформации Arc Lower со значением Bend — 30%.

Шаг 34

Нарисуйте трапецию цветом #fed700. Примените тип деформации Bulge, нажмите на иконку ориентации и введите 30 в поле Bend. Примените изменения (Enter). Затем снова активируйте режим Warp и выберите тип деформации Arc Lower.

Шаг 35

Инструментом Pen Tool (P) нарисуйте ещё одну трапецию — цветом #6dcff6. Примените к ней ту же деформацию Arc Lower.

Шаг 36

Инструментом Rounded Rectangle Tool (U) создайте прямоугольник размером 2х10 пикселей цветом #fed700.

Шаг 37

Мы создали все основные формы пера, теперь займёмся стилизацией. Выберите зелёную фигуру 31-го шага и преобразуйте её в смарт-объект. Примените стили, показанные ниже. Затем сделайте то же самое с красной фигурой.

Шаг 38

Теперь займитесь основной формой пера. Преобразуйте её в смарт-объект и примените стиль Gradient Overlay.

Шаг 39

Создайте прямоугольник размером 23х103 пикселя (скриншот 1) и примените к нему деформацию Arc Upper. Выделите полученную фигуру, зажмите Shift + Ctrl + Alt и кликните на слое с основной формой пера (слой предыдущего шага).

Шаг 40

Удалите слой фигуры, созданной на предыдущем шаге, но выделение должно быть всё ещё активно. Выберите слой с основной формой пера и скопируйте выделенную часть на отдельный слой (Ctrl + C → Ctrl + V). Преобразуйте новый слой в смарт-объект и примените фильтр шума. Примените стиль Color Overlay.

Шаг 41

Создайте прямоугольник размером 28х1 пиксель цветом #121619. Примените к нему деформацию Arc и примените стиль Drop Shadow. Расположите слой с этой маленькой дугой над слоем основной фигуры и создайте обтравочную маску (Ctrl + Alt + G).

Шаг 42

Преобразуйте жёлтое кольцо 34-го шага в смарт-объект и примените стили, показанные ниже.

Шаг 43

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

Шаг 44

Объедините оба слоя с треугольниками (Ctrl + E), преобразуйте полученный в смарт-объект и примените фильтр Gaussian Blur со значением 1 пиксель. Создайте обтравочную маску (Ctrl + Alt + G)

Шаг 45

Создайте прямоугольник цветом #141414 размером 16х1 пиксель. Примените к нему деформацию Arc и расположите под размытый слой предыдущего шага. Обтравочная маска будет создана автоматически.

Измените цвет кончика пера на #11111.

Шаг 46

Создайте закруглённый прямоугольник размером 11х46 пикселей цветом #050507. Внутри него создайте ещё один закруглённый прямоугольник размером 9х42 пикселя. Примените к нему стили, показанные ниже.

Шаг 47

Создайте копию меньшего прямоугольника предыдущего шага (Ctrl + J). Измените настройки стилей, как показано ниже.

Шаг 48

Инструментом Rectangular Marquee Tool (M) создайте выделение размером 13х30 пикселей, как показано ниже. Выберите слой с фигурой, созданной на предыдущем шаге и, удерживая Alt, кликните на иконке маски в нижней части палитры слоёв. Инструментом Rectangle Tool (U) создайте прямоугольник размером 9х1 пиксель чёрного цвета поверх нижней серой обводки.

Шаг 49

Объедините слои последних трёх шагов в группу (Ctrl + G) и расположите их на основной области пера. Мы создали две кнопки.

Создайте копию всех слоёв пера и объедините копии в один слой (Ctrl + E). Примените к полученному слою стиль Drop Shadow.

Шаг 50

Выберите все слои планшета, включая провод. Создайте копию этих слоёв и объедините копии в один слой (Ctrl + J). Примените к полученному слою стиль Drop Shadow.

Шаг 51

Создайте чёрный квадрат размером 200х200 пикселей поверх планшета. Создайте копию квадрата и измените её цвет на белый. Инструментом Horizontal Type Tool (T) напишите на нём что-нибудь. Объедините текстовый слой и слой с белым квадратом. Инструментом Free Transform (Ctrl + T) немного наклоните стикер.

Шаг 52

Измените форму бумажного стикера в режиме Warp, как показано на скриншоте. Примените стиль Gradient Overlay.

Шаг 53

Преобразуйте чёрный квадрат (тень от бумажки) в смарт-объект. Примените к нему фильтр Gaussian Blur со значением 10 пикселей.

Конечный результат:

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

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

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

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

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