Рисуем стильный ipod в Photoshop

[sinnombre]

Автор: Hai
Перевод: {phil}LEMON
(картинки кликабельны)
Источник: http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-stylish-media-player-in-photoshop/

Вот что должно получиться

Понеслася

Шаг 1

Для начала создадим новый слой, как показано на рисунке 1a, и зальем его любым цветом. Теперь перейдем в Blending Options (Параметры наложения) и поставим значения которые показаны на рисунке 1b



Шаг 2
Создаем новую папку, которую обзовем "ipod". В ентой папке создадим слой, который тоже назовем "ipod". Клавишей "U" призовите инструмент "Прямоугольник" и нарисуйте такую же фигуру, как показано на рисунке 2a (в параметре фигуры должен быть выбран "Контур" ). Выберите Pen Tool (инструмент "Перо") и кликните по нашей форме. После этого поставьте Пером четыре точки так, как показано на рисунке. В середине верхней стороны прямоугольника поставьте точку, опять же смотрим на рисунок, зажимая Ctrl, двигаем курсор вверх, делая небольшую дугу (рис. 2b). То же самое делаем и с нижней стороной прямоугольника (рис. 2с). После проведенных манипуляций зажмите Ctrl + Enter, чтобы выделить фигуру, и залейте ее белым цветом (рис. 2d)



Шаг 3
Откройте нашему ipod'у Blending Options и выставите те же параметры, что показаны на рисунке 3а. Создайте новый слой и обзовите его “light ipod”. Используя Rectangular Marquee Tool (M), сделайте прямоугольное выделение и залейте его белым (рис. 3b). Непрозрачность будет 30% (3с)


Шаг 4
Создайте еще один слой с названием “screen bg”. С помощью Round Rectangle (радиусом 5px) нарисуйте фигуру, как на рисунке 4а (цвет черный) и установите параметры, как на рисунке 4b


Шаг 5
Используя Rectangular Marquee Tool создайте выделение (рис. 5а). Копируйте это выделение (CTRL + J) и назовите этот слой "screen bg light". Непрозрачность 30% (5b). Параметры наложения слоя выставите как на картинке 5с.


Шаг 6
А теперь создайте еще один слой и назовите его “screen”. Используя наше знакомое Rectangular Marquee Tool, сделайте выделение аккурат по середке экрана ipod'а, ну и залейте его черным (рис. 6a). Blending Options как на рисунке 6b


Шаг 7
С помощью Polygon Lasso Tool сделайте выделения вида "треугольник" (рис. 7а). Нажмите CTRL + J, чтобы копировать выделение и назовите этот новый слой “light screen”. Blending Options на рисунке 7b, Opacity 30%


Шаг 8
И снова создайте новый слой с названием “button bg”. Используя Elliptical Marquee Tool () нужно сделать круглое выделение и залить его белым (рис 8а). Ну и опять таки устанавливаем Blending Options, как на рисунке 8b и 8с.


Шаг 9
И опять создадим новый слой и назовем его “circle”. И опять-таки используем Elliptical Marquee Tool, чтобы создать маааааасенький кружочек, который зальем белым (9а). Blending Options на рисунке 9b и 9с. Ну, и напоследок, нарисуйте иконки-кнопки (рис. 9d)


Шаг 10

А вот теперь самое интересное -- наушники!

Создайте новый слой (для удобства он не должен входить в папку "ipod"), назовите его “right earpiece”. С помощью Elliptical Marquee Tool и Pen Tool (P) рисуем наушник как показано на рисунке 10а (каждый этап -- новый слой!). Как все будет нарисованно идите в Blending Options и к каждому слою установите следующие параметры (рис. 10b, 10c, 10d)



Шаг 11
А вот теперь создадим новый документ 20Х20 px (background -- transparent). Выберете Custom Shape Tool, диагональные полосы (рис. 11а). Залейте их черным (рис. 11b). Ну а потом прямой наводкой в Edit > Define, где зададите новый узор “diagonal”. Закройте этот документ, можно не сохранять.


Шаг 12
Возвращаемся к наушникам. И опять создадим новый слой и назовем его “right 06”. Зажав Ctrl, на слое “right 03” выделим кружок. Select > Modify > Contract, Contract - 2 px. А теперь в Edit > Fill в Contents выбрать Pattern, где в списке находим наши “diagonal”, которые и выбираем.


Шаг 13
Теперь делаем левый наушник. Как по мне, так проще копировать правый наушник и отзеркалить, но автор предпочитает делать его с нуля, а кто я такая, чтобы спорить с автором? О_о Поэтому, следуем инструкциям автора урока и рисуем левый наушник, так же как мы рисовали правый.


Шаг 14
"Прячем" слой с левым наушником за ipod. Создаем новый слой “shadow left” и делаем как на рисунке:


Шаг 15
И опять создаем новый слой, который называем “line”. Pen Tool'ом рисуем загогулину как на рисунке 15а. А потом выберем радикально черную круглую кисточку размером 4 px. Нажав клавишу "U", кликаем правой кнопкой мыши, чтобы вызвать менюшку, в которой выберем Stroke Path, чтобы нарисовать черную линию (15b). Blending Options на рисунке 15с.


Шаг 16
Зажав Ctrl + J, дублируем слой с линией, переименуем этот слой в “line shadow”. Спустите его чуть ниже оригинального слоя с линией, Непрозрачность на 40%.


Шаг 17
Создайте новую папку и назовите ее “shadow”. Используя Brush Tool, Pen Tool и Elliptical Marquee Tool рисуйте как показано на следующих картинках:


В итоге получаем наш ipod.