Рисуем иконку сабвуфера и пары динамиков - Часть II

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

ЧАСТЬ II

Давайте теперь сделаем боковые колонки. Создайте новый документ 800 по высоте и ширине, разрешение 72 пикс/дюйм.

Выберите Rectangle Tool (U) (Инструмент "Прямоугольник") и нарисуйте прямоугольник размером 5х5. С помощью Pen Tool (P) (Инструмент "Перо") нарисуйте фигуру как показано ниже.

С помощью фильтра Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) мы получим шероховатую текстуру.

На новом слое создайте фигуру наподобие прошлой, но в уменьшенном размере. Залейте эту фигуру #ECECEC цветом.

Добавьте Стиль слоя Inner Shadow (Внутренняя тень), параметры смотрите ниже.

Теперь приступим к середине наших колонок, мы создадим очень интересный эффект. Мы создадим узор решетки на поверхности. За решеткой нам нужно сделать окружность с тенью. Для этого нарисуйте фигуру окружности размером 4,2х4,2 #5D5D5D цвета.

Чтобы создать эффект блика выберите Dodge Tool (O) (Инструмент "Осветлитель"), Диапазон - Света, Экспозиция - 3%. Наносите кисть в верхнем левом углу и нижней правой части.

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

Чтобы облегчить Вам задачу я создал узор, который показан ниже. Мы сделаем из этого изображения новый узор. Откройте это изображение в Photoshop, зайдите в меню Edit - Define Pattern (Редактирование - Определить узор). Назовите узор Grill Pattern.

Сделайте выделение(кликните по миниатюре слоя с зажатой клавишей Сtrl) из второго неровного прямоугольника, создайте новый слой, залейте выделение #5D5D5D цветом.

Не убирая выделение залейте его нашим новым узором Grill Pattern - нажмите Правой кнопкой мыши по выделению чтобы открыть контекстное меню и выберите Выполнить заливку. Когда будет готово - нажмите "Да".

Наша цель сделать этот слой прозрачным, так чтобы точки позволили нам увидеть нижний слой. Для этого сначала добавьте слой-маску для слоя. Затем выберите Magic Wand Tool (W) (Инструмент "Волшебная палочка"), правый клик мышкой по узору и откройте Select - Color Range (Выделение - Цветовой диапазон). Выберите внутренний цвет любой точки и у вас получиться выделение такое как у меня.

Выделите слой-маску и залейте выделение белым цветом. Уберите выделение и у вас получиться интересная текстура решетки. Хорошо видны как границы точек, так и задний слой.

Теперь мы будем создавать подставку для колонок. Выберите Rectangle Tool (U) (Инструмент "Прямоугольник"), настройки смотрите ниже, затем растрируйте слой.

Добавьте следующие Стили слоя:

Настройки градиента: #303030 на 0%, #4A4A4A на 25%, #5f5f5f на 33%, #4a4a4a на 45%, #303030 на 100%. Сделайте подставку для ножки. Выберите Rounded Rectangle Tool (U) (Инструмент "Прямоугольник со скругленными углами"), радиус 5, нарисуйте прямоугольник.

Добавьте Стиль слоя:

И так мы создали все части динамиков и скомбинировали их вместе.

Мы создали Буфер и Колонки. Теперь соединим их вместе.

Дублируйте слой, нажмите CTRL + T, затем, Отразить по вертикали.

Добавьте слой-маску, затем правой кнопкой мыши с зажатой кнопкой Ctrl по миниатюре слоя. Выделите маску слоя и проведите градиент по слою отраженному по вертикали, настройки градиента: #E4E4E4 на 0%, #191919 на 100%.

Наконец у нас есть полностью созданные нами Колонки и Буфер. Теперь можете включить колонки и слушать любимую музыку. Надеемся Вам понравился урок. Спасибо!

Автор:  Sohan Singh
Перевод: John Jackson
Ссылка на источник

Источник: www.10steps.sg