Рубрика: Photoshop Уроки | Урок прочитали: 567
 (голосов: 0)

Рисуем иконку сабвуфера и пары динамиков - Часть 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
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем иконку сабвуфера и пары динамиков - Часть II
Совместно с Sohan Negi мы разработали урок, который в подробностях покажет вам, как создать иконку для сабвуфера и пары динамиков. Урок получился длинным, поэтому мы его разбили на две части.
Рисуем иконку сабвуфера и пары динамиков - Часть II
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Если вы хотите знать, как сделать выразительные обои, тогда почитайте этот Photoshop урок.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Рисуем иконку сабвуфера и пары динамиков - Часть II
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Итоговый результат:
Рисуем иконку сабвуфера и пары динамиков - Часть II
Этот урок был сделан по просьбам читателей. Как мы знаем, арт-работа в типографическом стиле требует больших усилий. Здесь я привел пример, который, надеюсь, подтолкнет Вас к интересным идеям для начала. В этом уроке я покажу, как создать свою кисть и узор для заливки. Так же вы узнаете больше о выделении и инструменте Постеризация.
Рисуем иконку сабвуфера и пары динамиков - Часть II
В этом уроке мы создадим слайдер изображений, основным элементом дизайна которого являются лента. В сравнении с младшими версиями, в Adobe Photoshop CS6 легче работать с настройками Stroke (Обводка) и т.д. Мы будем пользоваться различными методами и техниками для создания такого восхитительного слайдера.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Финальное изображение
Рисуем иконку сабвуфера и пары динамиков - Часть II
Финальное изображение:
Рисуем иконку сабвуфера и пары динамиков - Часть II
В этом уроке вы узнаете, как создать элегантный и стильный макет портфолио в Photoshop.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Sketch (Эскиз) Rays Shape (фигура Лучи) Vtks Black Font( шрифт)
Рисуем иконку сабвуфера и пары динамиков - Часть II
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Рисуем иконку сабвуфера и пары динамиков - Часть II
Берём инструмент  Rectangular Marquee Tool (прямоугольное выделение), делаем выделение, как на рисунке ниже и заполняем его цветом  #7000a4 на новом слое. Это будет основа для первого карандаша.