20 мая 2015 г. 4 min read Photoshop

Абстрактная звуковая диаграмма в Photoshop

После некоторых размышлений о том, что я хотел бы вам показать в своем блоге, я решил начать новую серию: «Мини-уроки». В эту серию, я буду включать очень простые уроки и трюки Photoshop, предназначенные для начинающих пользователей Photoshop. Цель этих мини-уроков проста: познакомить вас с различными инструментами Photoshop и показать вам, как их можно объединить, чтобы создавать эффектный дизайна.

В этом мини-уроке я покажу вам, как буквально за 5 шагов сделать абстрактную композицию сияющей звуковой волны.

Вот, что у нас должно получится в финале:

Альтернативная версия:

Хорошо давайте начнем!

Для этого урока нам не потребуется никаких заготовок или дополнительных файлов. Для этого урока лучше использовать Photoshop CS2+.

Создадим новый документ размером 470х330px с черным фоном. Создайте новый слой под названием «baseline» и выбрав большую белую кисть с 0% твердости (hardness), сделайте один щелчок на этом новом слое:

Нажмите Ctrl + T чтобы включить инструмент Free Tranform :

Сожмите эту точку, удерживая клавишу «Alt«:

Уменьшите непрозрачность этого слоя до 60%, у вас должно получиться нечто похожее:

Дублируйте этот слой 1 раз (самый быстрый способ — нажать сочетание клавиш Ctrl + J ). Снова мы используем инструмент Free Tranform , чтобы смасштабировать его до меньшего размера, и поместите его на место, как показано ниже:

Возьмите мягкую кисть, но меньшим размеров, и сделать несколько одиночных кликов вдоль базовой линии для некоторого разнообразия:

Хорошо, теперь давайте сделаем новую кисть. Нажмите «F5» , чтобы открыть окно кисти и выставьте следующие настройки:

Убедитесь, что поставить галочку в полях «Airbrush», «Smoothing» и «Protect Texture».

Затем используя инструмент Pen Tool, нарисуйте рабочий контур, как показано ниже:

Нажмите «Ctrl + Shift + N» и создайте новый слой под названием «abstract lines». Теперь, щелкните правой кнопкой мыши и выберите «Stroke Path«:

Убедитесь, что вы отметили «Simulate Pressure» в новом окне:

Вот эффект, который мы получим в результате:

На этом слое («abstract lines») примените следующие настройки эффекта «Motion Blur«:

Нажмите «Ctrl + F«, и повторно применить этот эффект размытия несколько раз, пока у вас не получится следующий эффект:

Используя Free Transform Tool , чтобы смасштабировать его как показано ниже:

Для разнообразия, мы можем продублировать этот абстрактный слой несколько раз, и разбросать его по базовой линии:

Мы можем также улучшить некоторые моменты, продублировав слой «baseline», повернув его на 90 градусов и смасштабировав:

Для тонкой настройки изображения, мы можем добавить корректирующие слои:

Curves

Color Balance

Levels

Чтобы добавить эффект частиц вокруг линий, мы можем использовать фильтр Smart Sharpen: (настройки показаны ниже, только убедитесь, что вы свели все слои в один).