Автор: Hai
Перевод: ]V[o]{ш@ aka {phil}LEMON
Источник: 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.