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

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

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

Часть I. Рисуем сабвуфер.

Для начала создайте новый документ размеров 800х800 пикс, с белым задним фоном.

Выберите Ellipse Tool (U) (Инструмент "Эллипс") и нарисуйте круг размером 5,4х5,4. Залейте фигуру #1A1A1A цветом. Растрируйте слой.

Сделайте Ctrl + клик по миниатюре слоя чтобы создать выделение. Затем Select - Modify - Contract (Выделение  - Модификация - Сжать), радиус 3 пикс. Создайте новый слой и залейте выделение #2E3138 цветом.

Добавьте шума для этого слоя Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум), используйте настройки показанные ниже.

Снова выберите Ellipse Tool (U)  (Инструмент "Эллипс") и нарисуйте круг размером 4,6х4,6. Залейте  #1A1A1A цветом, растрируйте слой.

Добавьте Шум с этими настройками: Количество 4%, Распределение - Равномерное, Режим - Монохромный. Новая текстура будет выглядеть как на изображении ниже.

Этой сфере мы добавим  Стили слоя, такие как Тень и Внутреннее свечение. Посмотрите на настройки и примените их для своего рисунка.

Нарисуйте новый круг с помощью  Ellipse Tool (U) (Инструмент "Эллипс") #BEC2C9 цвета.

Добавьте Тень для этой фигуры чтобы зрительно отодвинуть ее.

У Вас должно получиться нечто похожее на то, что показано ниже.

Далее мы будем создавать четвертинку для текстуры круга. Создайте фигуру квадрата размером 5,5х5,5 и залейте его #8E929B цветом.

Образуйте выделение, Ctrl + клик по миниатюре слоя, Filter - Artistic - Rough Pastels (Фильтр - Имитация - Пастель), у вас получиться текстура похожая, как на изображении ниже.

Оставьте выделение и добавьте размыва, Filter - Blur - Radial Bur (Фильтр - Размытие - Радиальное размытие), настройки смотрите ниже.

Теперь у нас новая текстура (с закруглением, которое несильно видно). Теперь вырежьте некоторую область из этой текстуры равную четверти круга которого мы сделали ранее, перетащите окружность в центр слоя с квадратом. Ctrl + клик по миниатюре слоя, далее кликните по выделению правой кнопкой и в контекстном меню выберите Layer via Copy (Скопировать на новый слой), теперь у нас есть маленький круг с новой текстурой.

Ваше изображение должно выглядеть так, как показано ниже.

Далее добавьте Тень, настройки смотрите ниже:

Нарисуйте новый маленький круг с помощью Ellipse Tool (U) (Инструмент "Эллипс") размером 0,93х0,93 и залейте #747578 цветом.

Добавьте Тень и настройте ее как показано ниже:

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

Мы придадим эффект блика света некоторым частям окружности с помощью инструментов Осветлитель и Затемнитель. Сперва, выберите Burn Tool (O) (Инструмент "Затемнитель"), Диапазон - Тени, Экспозиция - 5%. Примените инструмент там, куда указывают стрелки.

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

Теперь добавим блик также третей части круга. Эта часть будет словно резинка на колонке. Настройте инструмент "Осветлитель" как показано ниже. Диапазон - Света, Экспозиция - 3%. Осветлите в тех местах, как показано ниже, по середине видимой части.

Часть больших басов готова, теперь доделаем болты. На новый холсте 200х200 пикс скопируйте маленький светящийся 3D круг, который мы создали ранее. Примените Burn Tool (O) (Инструмент "Затемнитель") по краям сферы, настройки ниже. Диапазон - Тени, Экспозиция - 5%. Затем через меню Изображение - Размер изображения измените размер на 40х40 пикс.

Скопируйте этот болтик в наше изначальное изображение, сделайте 8 копий, и расположите их как показано ниже.

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

Скоро у нас будут готовы большие басы, и нам понадобиться миниатюрная версия. Сделайте копию больших басов в новый холст 500х500 пикс и измените размер на 200х200 пикс.

Теперь создадим Буфер, в который мы вмонтируем наши басы. Выберите Rounded Rectangle Tool (U) (Инструмент "Прямоугольник со скругленными углами"), радиус 20 пикс, нарисуйте большой прямоугольник размером 6,25х9,6.

Создайте выделение Ctrl + клик по миниатюре слоя, Select - Modify - Contract (Выделение  - Модификация - Сжать), радиус 10 пикс. Создайте новый слой и залейте выделение #323433 цветом. Чтобы Буфер выглядел более реальным добавьте Шум.

Добавьте Тень для слоя.

Мы создали таким образом полностью Буфер. Теперь вмонтируйте в него наши басы.

Ждем вас в следующей части по созданию иконки пары динамиков.

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

           

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

Рисуем иконку сабвуфера и пары динамиков - Часть I
Совместно с Sohan Negi мы разработали урок, который в подробностях покажет вам, как создать иконку пары динамиков. Урок получился длинным, поэтому мы его разбили на две части.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Шаг 1. Создайте новый документ размером 500px на 400px с разрешением 72 dpi в режиме RGB.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Рисуем иконку сабвуфера и пары динамиков - Часть I
В этом уроке мы будем комбинировать простые векторные фигуры, стили слоев и большое количество блеска для создания прекрасной лупы для вашей иконки "Поиск", при необходимости. Давайте начнем!
Рисуем иконку сабвуфера и пары динамиков - Часть I
Шаг 1. Создайте новый документ, размером 600px на 800px. Заполните его темно-синим цветом (#091417).
Рисуем иконку сабвуфера и пары динамиков - Часть I
Берём инструмент  Rectangular Marquee Tool (прямоугольное выделение), делаем выделение, как на рисунке ниже и заполняем его цветом  #7000a4 на новом слое. Это будет основа для первого карандаша.
Рисуем иконку сабвуфера и пары динамиков - Часть I
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Вот такой домик получится после данного урока
Рисуем иконку сабвуфера и пары динамиков - Часть I
В этом небольшом фотошоп уроке мы будем создавать разноцветные обои с эффектом трёхмерной радуги. Начнём с создания нового документа в Photoshop - около 1900 × 1200 пикселей, или какой вы захотите. Лучше использовать разрешение по умолчанию, 72 пикс./д. Теперь  применим инструмент прямоугольное выделение  (Rectangular Marquee Tool) для создания одной полосы примерно 1/7 холста и заполним выделенную область цветом  #490d69.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Финальное изображение:
Рисуем иконку сабвуфера и пары динамиков - Часть I
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Рисуем иконку сабвуфера и пары динамиков - Часть I
В этом уроке мы создадим слайдер изображений, основным элементом дизайна которого являются лента. В сравнении с младшими версиями, в Adobe Photoshop CS6 легче работать с настройками Stroke (Обводка) и т.д. Мы будем пользоваться различными методами и техниками для создания такого восхитительного слайдера.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Финальное изображение
Рисуем иконку сабвуфера и пары динамиков - Часть I
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
Рисуем иконку сабвуфера и пары динамиков - Часть I
Если вы хотите знать, как сделать выразительные обои, тогда почитайте этот Photoshop урок.
Рисуем иконку сабвуфера и пары динамиков - Часть I
Огненный текст - одна из классических техник, которые любят применять в уроках по Photoshop. Я покажу другую версию использования изображения реального огня, с применением фильтров и режима наложения. Поехали!
Рисуем иконку сабвуфера и пары динамиков - Часть I
Сегодня мы будем учиться создавать одежду из воды.
Рисуем иконку сабвуфера и пары динамиков - Часть I
В этом уроке я покажу вам, как можно при помощи кистей, различных режимов смешивания и много другого, создать на вашем фото необычный волшебный эффект. Итак, начнем! Шаг 1. Для начала создайте новый документ Файл-Новый (File-New), с размерами  1920×1200px /72ppi. Затем возьмите Инструмент Заливка (Paint Bucket Tool)(G) и залейте новый фоновый слой цветом, номер которого вы видите на картинке ниже.
Рисуем иконку сабвуфера и пары динамиков - Часть I
В этом уроке мы будем учиться создавать вот такие песочные часы – наглядный пример тому, что время - деньги!