Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

В этом уроке, я покажу вам метод для разработки простых, но элегантных абстрактных линий в Photoshop. Вы увидите, как легко достигается этой эффект, и вы сможете применять его для своих креативных работ, таких как: фоны для заголовков сайтов, логотипов, или для ваших фото манипуляций.

Этот учебник предназначен для начинающих. Если вы следили за предыдущими моими уроками, то сможете использовать приобретенные в них навыки, таких как Pen Tool, Free Transform Tools и режимы смешивания слоев. Хорошо, давайте начнем!

Шаг 1

Создайте новый документ с черным фоном, размер 980px 400px . Используйте в настройках разрешения 72 dpi , так как мы создавая композицию для веб-сайта.

Теперь давайте сделаем новые установки для кистей. Для этого, во-первых, выберите следующую кисть:

1-brush-500x3151 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Затем, применим следующие настройки динамики к кисти:

Shape Dynamics

1-shape-dyn-21 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Scattering

1-scattering1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Other Dynamics

1-other-dyn1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Убедитесь, что вы также выбрать опцию Airbrush и Smoothing.

После окончания настройки  кисти, давайте сохраним ее в качестве нового кистей и в будущем мы можем использовать ее снова. Чтобы это сделать, щелкните левой кнопкой мыши на треугольник в правом верхнем углу и выберите «New Brush Preset»:

1-new-brush-preset-500x2321 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

И введите следующее название во всплывающем окне:

1-name1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

 

Затем вы увидите кисти в окне выбора кистей:

1-after-save-500x3151 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Шаг 2

Создайте новый слой с названием «lines», используя инструмент Pen Tool нарисуйте рабочий путь, как на изображении ниже:

2-pen-tool-500x2471 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Подсказка: удерживайте клавишу Shift и перетащите мышь вверх примерно под углом 45 градусов для обеих ключевых точек точек.

Затем, нажмите правой кнопкой мыши и выберите опцию «Stroke Path»:

2-stroke-path-500x2581 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

После этого, выберите опцию «Brush» и обязательно отметьте «Simulate Pressure»:

2-brush1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

 

Должен получиться следующий эффект:

2-effect1-500x1961 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Шаг 3

Оставаясь на том же слое «lines», перейдите к Filter> Blur> Motion Blur и примените следующие настройки:

3-motion-blur1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Затем, нажмите Ctrl + F – это повторно применит фильтр Motion Blur , и вы получите следующий эффект:

3-effect1-500x2061 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Примените следующий Gradient Overlay к слою:

3-grad-500x3561 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Продублируйте этот слой 4 раза и слейте эти слои вместе, получится:

3-effect-2-500x1931 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Переименуйте этот слой в «lines» после слияния.

Шаг 4

Снова продублируем слой «lines» 3 раза, и вы увидите, что цвет спектральных линий станет ярче:

4-duplicate-500x2011 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Теперь мы объединим эти дублированные слои вместе, а затем, используя инструмент Free Transform , чтобы немного изменить его:

4-resize1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Используя Warp Tool (Ctrl + T и правой кнопкой мыши выберите «Warp»), превратите его в следующую форму:

4-warp-500x2831 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

А вот эффект, который у нас получится после деформации:

4-effect1-500x1881 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Шаг 5

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

Вот мой вариант:

5-effect1-500x1881 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Сольем дубликаты слоя.

Мы можем добавить небольшой эффект свечения. Чтобы это сделать, просто продублируйте слой и примените следующие настройки Gaussian Blur : (Filter > Blur > Gaussian Blur)

5-gaussian-blur1 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Изменим режим смешивания размытого слоя на «Linear Light«, и получим следующий эффект:

5-effect-21-500x1931 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Добавим последние штрихи. Помните, мы создали новую кисть в шаге 1? Мы можем использовать ее, чтобы добавить интересные точки на абстрактные линии.

Создайте новый слой с названием «dots»поверх всех других слоев, возьмите эту кисть и просто закрасьте линии:

5-paint-500x1921 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Затем, измените режим смешивания слоя на «Overlay» и получим следующий эффект:

5-blend-499x1821 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Продублируйте этот слой «dots» и измените режим его смешивания обратно в «Normal«, а затем уменьшите его непрозрачность до 15% и сотрите некоторые его части.

Получим следующий конечный эффект:

spectrum-lines-final-500x2041 Как создать простой, но элегантный абстрактный узор из спектральных линий в Photoshop

Надеюсь, вам понравился этот урок, и он был для вас полезным, напишите мне в комментариях если у вас появились какие-либо вопросы, я постараюсь помочь вам.

Автор здесь.