Photoshop

Уроки и статьи о дизайне
20
Май 2015

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

abstract-line-2[1]

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3-draw-path-500x1841 Абстрактная звуковая диаграмма в Photoshop

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

3-stroke-pa-500x3171 Абстрактная звуковая диаграмма в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Curves

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

Color Balance

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

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

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

Levels

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

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

5-smart-sharpen-500x3171 Абстрактная звуковая диаграмма в Photoshop

Вот окончательный результат,  который у меня получился для этого урока:

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

Вы также можете поэкспериментировать с цветовой гаммой:

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

Вот и весь мини-урок. Надеюсь вам понравилось. Как всегда, все вопросы пишите в комментариях.

Автор здесь.

Оценка посетителей
[Всего: 1 Среднее: 5]
Tagged with: , , ,
Shared

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

@Mail.ru   - PhotoDrum.com