Уроки по Photoshop, Illustrator, Flash и 3ds max. Статьи по дизайну и фотографии.

Рисуем аудио плеер в Фотошопе (Часть 1).

Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор Roy Weiss. Оригинал статьи на английском

рисуем аудио плеер в Фотошопе

Шаг 1. Создаем новый документ (Ctrl+N), используя параметры, как на рисунке внизу. И, выбрав Инструмент Gradient Tool (Градиент (G)), проводим им сверху вниз (градиент - линейный от #000000 до #45494d).

new document градиент

Шаг 2. Выбираем Инструмент Ellipse Tool (Эллипс (U)) и рисуем круг (удерживая Shift, чтобы получился именно круг). Слой с кругом переименовываем в "Player_L1" и применяем к нему следующие Параметры Наложения (Blending Options) (для этого выбираем соответствующую кнопочку внизу Палитры Слоев).

эллипс gradient overlay stroke

Шаг 3. Добавим текстуру. Дублируем слой (Ctrl+J) и называем его "Player_L1_Pattern". Меняем Режим Смешивания на Multiply (Умножение) с Непрозрачностью (Opacity) - 40% и применяем следующие Режимы Наложения (для этого нам понадобится текстура, которую можно скачать отсюда):

текстура тень inner shadow pattern

Шаг 4. Для этого шага нам понадобится виниловая пластинка, как её нарисовать подробно рассказывается здесь. Слой с пластинкой называем "Player_L2" и применяем к нему следующие Стили Слоя:

виниловая пластинка drop shadow inner glow stroke

Шаг 5. Создаем новый слой и называем его "Player_L12_Shade". Находясь на этом слое, кликаем по миниатюре слоя "Player_L1" на Палитре Слоев, удерживая при этом Ctrl. Получили круглое выделение. Теперь, выбираем черную мягкую Кисть (Brush Tool (B)), диаметром около 200 пикселей, и рисуем затененные участки (см. рисунок). Режим Смешивания для данного слоя ставим Multiply (Умножение), Opacity - 80%.

затененные участки

Шаг 6. Дублируем слой "Player_L1", помещаем его наверх на Панели Слоев и называем "Player_L3". Нажимаем Ctrl+T, чтобы вызвать Инструмент "Свободная Трансформация" и увеличиваем его размер до 105% от первоначального.

увеличиваем размер

Шаг 7. Вырезаем из круга нужную фигуру. Для этого идем на слой "Player_L3", выбираем Инструмент Pen Tool (Перо (P)) в режиме Subtract From Shape Area (Вычесть из области фигуры (-)) и рисуем область, как на рисунке внизу. После этого выделяем эту область Инструментом Path Selection Tool (Выделение контура (A)), переносим её, удерживая Alt (чтобы переносилась копия), в нужное место и поворачиваем (Edit>Transform>Rotate (Редактирование>Трансформирование>Поворот)).

pen tool

1 | 2 | 3 | 4 | 5 | 6 | > | >>