Рисование аудиокассеты

11 июня 2014 · Глеб Х. · «Мир Фотошопа»

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

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 600х450 пикселей. Создайте новый слой (Ctrl + Shift + Alt + N) и залейте его любым цветом. Примените стиль Gradient Overlay.

Создайте ещё один слой и залейте его чёрным цветом. Примените фильтр шума (Filter → Noise → Add Noise).

Установите режим наложения на Soft Light и уменьшите непрозрачность до 45%.

Оба слоя объедините (Ctrl + E).

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U) с радиусом 10 пикселей и создайте фигуру цветом #191919. Это будет основой для кассеты.

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

Шаг 3

Сейчас мы создадим текстуру пластика. Создайте новый слой с обтравочой маской (Ctrl + Alt + G). Залейте его белым цветом и примените фильтр шума (Filter → Noise → Add Noise).

Примените фильтр Emboss (Filter → Stylize → Emboss). Установите режим наложения слоя на Soft Light.

Шаг 4

Инструментом Pen Tool (P) нарисуйте маленькую фигуру цветом #191919.

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

Создайте копию маленькой фигуры, поверните её в другую сторону (Edit → Transform → Flip Horizontal) и расположите на правом крае кассеты. Примените следующие стили:

Шаг 5

Сейчас создадим тень вокруг кассеты. Создайте новый слой над фоновым. Выделите форму кассеты (удерживая Ctrl, кликните на миниатюре слоя). Заполните выделение чёрным цветом на новом слое и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 1,1 пикселя. Уменьшите непрозрачность до 80%.

Создайте копию слоя тени (Ctrl + J) и примените фильтр Gaussian Blur со значением 5 пикселей и уменьшите непрозрачность до 60%.

Оба слоя поместите в группу «Shadow» (Ctrl + G).

Шаг 6

Инструментом Pen Tool (P) нарисуйте фигуру, показанную ниже, цветом #191919.

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

Добавьте текстуру пластика способом, отписанным на третьем шаге, но в этот раз нужно уменьшить непрозрачность до 40%.

Инструментом Line Tool (U) нарисуйте 2-пиксельную линию.

Уменьшите Fill (Заливку) линии до 0% и примените следующие стили:

Создайте несколько копий линии и расположите их друг над другом.

Поместите все линии в группу (Ctrl + G). Выделите трапециевидную фигуру.

К группе с линиями добавьте маску, чтобы удалить часть участки линий за пределами выделения.

Шаг 7

Сейчас мы добавим винты. Создайте новую группу «Screws». Внутри неё создайте круг инструментом Ellipse Tool (U). Уменьшите заливку до 0% и примените стиль тиснения.

Создайте круг внутри первого цветом #bebebe.

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

Создайте новый слой для последнего круга и залейте его цветом #292929. Примените фильтр шума (Filter → Noise → Add Noise). Установите режим наложения Soft Light.

Инструментом Horizontal Type Tool (T) напишите символ «+». Настройки шрифта доступны на панели Character (Window → Character).

Примените стиль Drop Shadow:

Создайте 4 копии группы «Screw» и расположите их на кассете, как показано ниже.

Шаг 8

Инструментами Ellipse Tool (U) и Rounded Rectangle Tool (U) с радиусом 2 пикселя создайте пару дыр.

Шаг 9

Выберите все слои кассеты и поместите их в группу (Ctrl + G). Назовите группу «cassette body». Выберите инструмент Rounded Rectangle Tool (U) с радиусом 7 пикселей и создайте прямоугольник цветом #8e8e8e. Назовите слой «label».

Установите цвета по умолчанию на чёрный и белый (D). Примените фильтр шума (Filter → Noise → Add Noise). На вопрос о растрировании фигуры ответьте положительно.

Скройте на время слой «label». Выделите его (удерживая Ctrl, кликните на миниатюре слоя), перейдите на слой «cassette body» и перейдите в меню Layer → Layer Mask → Hide Selection. Сквозь кассету будет виден фон.

Шаг 10

Создайте новую группу «left tape» под слоем «label», который должен быть на самом верху. Внутри группы «left tape» создайте новый слой. Инструментом Elliptical Marquee Tool (M) создайте круглое выделение и заполните его цветом #1d1d1d.

Примените стиль Drop Shadow.

Примените фильтр шума (Filter → Noise → Add Noise) и размытия (Filter → Blur → Radial Blur).

Не убирайте выделение и создайте новый слой. Примените фильтр облаков (Filter → Render → Clouds). Установите режим наложения Soft Light.

Шаг 11

Создайте новый слой и инструментом Ellipse Tool (U) создайте круг цветом #1d1d1d.

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

Создайте круг цветом #e6e6e6 внутри предыдущего.

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

Создайте ещё один маленький круг цветом #f7f7f7.

Шаг 12

Увеличьте масштаб до 500%. Инструментом Ellipse Tool (U) создайте белый маленький круг. Выделите его контур и нажмите Ctrl + Alt + T. Удерживая Alt, передвиньте центральную ось к середине светлых кругов. Зажмите клавишу Shift и поверните круг на 15 градусов. Повторяйте это действие до тех пор, пока у Вас не будет заполнена вся окружность.

К кругам примените следующие стили:

На новом слое создайте фигуру цветом #970000, используя инструмент Lasso Tool (L):

Выделите внутренний круг и к слою с красной фигурой добавьте маску (Layer → Layer Mask → Hide Selection).

Примените к красной фигуре стиль Bevel & Emboss. Установите режим наложения Multiply и уменьшите непрозрачность до 60%.

Шаг 13

Инструментом Pen Tool (P) в режиме контуров создайте такое выделение:

Создайте новый слой и залейте выделение белым цветом. Затем примените стили, показанные ниже.

Создайте новый слой и создайте выделение вокруг наибольшего внутреннего круга. Заполните выделение цветом #1d1d1d. Примените фильтр шума: Amount: 8%, Gaussian, Monochromatic. Установите режим наложения Soft Light и уменьшите непрозрачность до 80%.

Выделите внутреннюю фигуру, выберите группу «left tape» и добавьте маску (Layer → Layer Mask → Hide Selection).

Шаг 14

Создайте копию группы «left tape» и переименуйте её в «right tape». Передвиньте катушку, немного поверните её и уменьшите.

Инструментом Rectangular Marquee Tool (M) создайте такое выделение:

Шаг 15

Включите слой «label», который мы выключали ранее. Добавьте к нему маску (Layer → Layer Mask → Hide Selection).

К слою «label» примените стиль Bevel & Emboss.

Инструментом Rectangular Marquee Tool (M) создайте выделение, показанное ниже. Выберите инструмент Gradient Tool (G): от белого к прозрачному. Протяните градиент сверху вниз и уменьшите Fill (заливку) до 10%. Примените стили, показанные ниже.

Шаг 16

Не убирайте выделение, создайте новый слой на самом верху и примените фильтр облаков (Filter → Render → Clouds). Затем примените фильтр Plastic Wrap (Filter → Artistic → Plastic Wrap). Установите режим наложения Soft Light и уменьшите непрозрачность до 40%.

Создайте новый слой и создайте белую полоску, как показано ниже. Уменьшите заливку до 0% и примените стиль Bevel & Emboss.

Шаг 17

Инструментом Polygonal Lasso Tool (L) создайте выделение, показанное ниже.

Залейте выделение градиентом от белого к прозрачному.

Установите режим наложения Soft Light и уменьшите непрозрачность до 40%.

Создайте несколько копий наклонного отражения и немного измените их.

Все световые отражения поместите в группу (Ctrl + G). Инструментом Rectangular Marquee Tool (M) выделите прозрачную часть кассеты и добавьте маску (Layer → Layer Mask → Reveal Selection).

Шаг 18

Установите шрифты «[url=http://www.linotype.com/1266/neuehelvetica-family.html]Neue Helvetica[/url]» и «[url=http://www.exljbris.com/museosans.html]Museo Sans[/url]». Подпишите кассету:

Создайте копию текстового слоя, поднимите её на 1 пиксель, измените цвет текста на #818181 и установите режим наложения Multiply.

Добавьте ещё одну строчку и установите режим наложения Soft Light.

Ещё пару строчек текста и тот же режим наложения.

Шаг 19

В завершение, мы создадим отражение. Выберите все слои кассеты. Создайте их копии объедините в один слой (Ctrl + E). Опустите полученный слой под слои кассеты. Переверните этот слой (Edit → Transform → Flip Vertical) и уменьшите непрозрачность до 50%.

Добавьте маску к отражению и протяните градиент от чёрного к прозрачному, чтобы скрыть часть отражения.

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

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

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

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

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