Как сделать абстрактный фон в фотошопе

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Абстрактный фон в фотошопе.

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

Время, потраченное на выполнение урока «Как сделать фон в фотошопе», минимально.

Шаг 1. Создайте новый документ в программе Photoshop. Размер документа в этом примере 1000*600 рх.

Шаг 2. На панели инструментов установите основной цвет #01237d и залейте изображение.

Шаг 3. Создайте новый слой. На панели инструментов фотошоп выберите инструмент Pencil Tool (Карандаш), на панели его свойств установите диаметр 4. Выберите основной цвет белый и нарисуйте несколько произвольных линий, примерно так, как на рисунке:

Шаг 4. Выполните команду меню Filter (Фильтр) > Distort (Искажение) > Wave (Волна). Параметры такие, как на рисунке.

Результат будет выглядеть примерно так:

Сделайте копию этого слоя с кривыми. Для этого достаточно правой кнопкой мышки щелкнуть на изображении слоя и в открывшемся меню выбрать Duplicate Layer (Дублировать слой). Сделайте слой копии невидимым (щелкните на изображение глаза на палитре Layers (Слои)). Он еще пригодится.

Шаг 5. Перейдите на первый, видимый слой с кривыми. Выполните команду меню Filter (Фильтр) > Blur (Размытие) > Motion Blur (Размытие в движении). Параметры Angle (Угол наклона) выбран -50 и Distance (Смещение) 150.

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

 

После этого выполните команду Apply Image (Внешний канал). В изображение вставится копия всех видимых слоев. Полученное изображение уже можно использовать как фон.

Шаг 7. Перейдите на верхний, невидимый слой с кривыми и включите его. Выполните команду меню Filter (Фильтр) > Blur (Размытие) > Motion Blur (Размытие в движении). Параметры Angle (Угол наклона) -50, как и на предыдущем шаге, а  Distance (Смещение) максимальное значение 999.

Шаг 8. Сделайте одну или две копии этого слоя, выделите их, удерживая нажатой клавишу Ctrl, и объедините их в один слой. Для объединения нужно правой кнопкой мышки вызваться меню и выбрать Merge Layer (Объединить слои).
К объединенному слою примените стили слоя: нажмите кнопку внизу панели слоев Add Layer Style (Добавить стиль слоя), выберите вкладку Color Overlay (Наложение цвета) и задайте цвет # fc0237.

Шаг 9. Добавьте новый слой под слоем с эффектами слоя. Залейте его красным цветом. К этому слою примените режим наложения Overlay (Перекрытие). Подробнее о работе с режимами наложения и перекрытия слоев.

В результате у меня получился такой фон. У вас все будет выглядеть немного по-другому из-за того, что в шаге 3 нарисованы другие линии и кривые получились несколько иные.

Если результат выполненной в этом уроке фотошоп работы вам нравится, объедините все слои.

Абстрактный фон в Фотошоп / Creativo.one

Из этого урока Вы узнаете, как использовать инструмент Эллипс, Кисти и Градиенты, чтобы создать абстрактный фон. Вы можете использовать эти методы и элементы, чтобы создать Ваш собственный

абстрактный фон для Pc или смартфона! Давайте начнем!

Начнем работу с создания нового документа (Ctrl+N) в Adobe Photoshop, размером 1920px*1200px (RGB цветовой режим) при разрешении 72 пикс. Используйте инструмент Заливка (Paint Bucket Tool) (G),  чтобы заполнить цветом #242678 новый фоновый слой.

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush).

Используйте эту кисть, чтобы немного затемнить документ на его верхней правой стороне и на левой нижней.

Цвет Кисти (Brush) черный #000000 (Непрозрачность (Opacity) кисти 15% ).

Далее мы постараемся начертить несколько небольших кругов. Используйте инструмент Эллипс (Ellipse Tool) (U) цветом #FF6C00, чтобы нарисовать следующий эллипс.

Установите Заливку (Fill) на 13% для этого слоя и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Тень (Drop Shadow):

Мы получили следующий результат.

Далее мы сделаем несколько копий последнего сделанного круга (Ctrl + J). Выберите команду

Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждую копию по очереди и разместить их как на картинке ниже.

Создадим новый слой (Ctrl + Shift + N) и выберем мягкую круглую Кисть (Brush Tool) (B).

Используйте эту кисть для раскраски кругов, расположенных с левой стороны. Цвет Кисти (Brush) #FEAC00 и Непрозрачность (Opacity) — 40%.

Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).

Используя тот же Эллипс (Ellipse Tool) (U), мы нарисуем еще несколько кругов на разных слоях. Их цвет — #FFCDCD. Установите

Заливку (Fill) на 10% для этих слоев.

Объединим в группу все слои, содержащие розовые круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев).

Установите Заливку (Fill) на 0% для группы и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor). Установите цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Добавим Маску слоя (Layer mask) для группы, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев. Затем выберите мягкую круглую Кисть (Brush) черного цвета #000000.

Рисуем на маске с помощью этой кисти, чтобы скрыть левый край кружков, как показано на картинке ниже.

С помощью Эллипса (Ellipse Tool) (U) мы будем продолжать рисовать круги, так же, как мы делали ранее. Цвет  — #FFCDCD. Установите Заливку (Fill) на  0% для этих слоев. Каждый круг, должен быть на отдельном слое.

Давайте соберем все созданные круги в группу. Установите Заливку (Fill) на 0% для группы  и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Сделаqnt копию группы, которая у нас есть и выберите команду Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждый экземпляр. Разместите их как на картинке ниже. Установите Заливка (Fill) 0% для группы  и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов

(Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Создадим еще одну группу кругов, как мы делали это выше.  Используя все тот же Эллипс (Ellipse Tool) (U), цвет кругов как в предыдущей группе.

Установите Заливка (Fill) на 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть

Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Далее мы создадим последнюю группу кругов, используя Эллипс (Ellipse Tool) (U) и цвет  #FFCDCD.  Каждый круг должен быть на отдельном слое. Установите Заливку (Fill) на 10% для этой группы.

Объединим в группу все слои, содержащие круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев). Установите Заливка (Fill) 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush Tool) (B).

Используйте эту кисть для рисования фона, в правом нижнем углу документа. Цвет Кисти (Brush) #99FF00 и Непрозрачность (Opacity) — 15%.

Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).

Убедитесь, что слой, содержащий кисть активен в панели слоев и выберите для слоя следующую команду Изображение-> Внешний канал (Image-> Apply Image).

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

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush) белого цвета #ffffff Непрозрачность (Opacity) — 40%.

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

Установите Заливка (Fill) 57% и измените Режим смешивания (Blend Mode) на Перекрытие (Overlay).

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Кривые (Curves) для регулировки формы кривой, как показано, чтобы сделать некоторые корректировки цвета.

Мы получили следующий результат.

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Вибрация (Vibrance) для улучшения общего цвета изображения.

Мы получили следующий результат.

Теперь мы должны объединить в группу все наши слои (зажмите CTRL выберите необходимые группы, затем удерживайте левую кнопку мыши при перетаскивании выбранных групп на иконку Создать новую группу (Create a new group) в нижней части панели слоев).

Выберите группу, в панели слоев и нажмите Ctrl+E чтобы Объединить слои (Merge Down). На растрированный слой который у нас получился, мы должны применить следующий фильтр: Фильтр-> Резкость-> Контурная резкость (Filter-> Sharpen-> UnSharp Mask).

Мы получили следующий результат.

Наш абстрактный фон готов! Надеюсь, Вам понравился этот урок.
Скачать  PSD файл Вы можете здесь.

Автор: Adobetutorialz

Переводчик: Артеменко Любовь

Источник: adobetutorialz.com

Туториалы для создания абстрактных фонов

Привлекательный и необычный фон, придает глубины вашей графике, баннеру или рекламе. А значит, фон имеет не малое значение в проекте в целом. Вы скажите что многие просто не замечают фона на сайте, но восприятие всей работы в целом, за счет фона, становится более привлекательным и интересным. Фон может помочь вам связать все воедино, не зависимо от того простого или сложного сочетания с ним форм.

В этой подборке мы собрали 35 туториалов (английский) которые помогут вам создать абстрактный фон на любой вкус и цвет. Все туториалы пошагово проиллюстрированы, что значительно облегчит вам их изучение.

Создайте абстрактные круги туманности

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

Создание абстрактных форм при помощи мощного инструмента Warp в Фотошопе

Туториал расскажет вам как при помощи Warp создавать потрясающие абстрактные формы. Эти довольно простые шаги, в дальнейшем могут стать полезными для ваших дизайнов и украсить любую его сферу.

Абстрактный калейдоскопический постер – Фотошоп CS5

Этот туториал позволит вам создать привлекательный постер, при помощи сочетания основных цветов, форм и кистей в Фотошопе CS5. Включен PSD файл со слоями.

Абстрактный звездный фон – Фотошоп CS5

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

Создайте новое ретро

Научитесь создавать ретро графику в современном стиле, при помощи туториала Джеймса Уайта.

Нарисуйте абстрактную лампочку

В туториале вам расскажут о нескольких методах, при помощи которых вы научитесь создавать слоя с световыми элементами, используя кисти и эффекты боке.

Абстрактный световой эффект

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

Создайте абстрактную открытку к Дню Святого Валентина

В туториале вы научитесь создавать яркую открытку, при помощи форм, слоев и градиентов в Фотошопе CS5.

Создайте туманное кольцо вокруг планеты при помощи фильтра

В туториале, используя облако и инструменты Фотошопа, вы научитесь создавать галактическое кольцо вокруг планет.

Создайте простую абстрактную светящуюся волнистую линию

Хотите научиться этому простому уроку и создавать такой привлекательный он? Тогда следуйте шагам, описанным в туториале.

Создайте детализированное космическое пространство с метеоритом в Фотошопе

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

Создайте волнистые ежевичные обои

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

Абстрактный волнистый фон

Этот туториал пошагово расскажет о том, как создать волнистый абстрактный бекграунд.

Калькуляция и колоризация

В туториале расскажут как создать Альфа канал и с помощью расчетов, создать удивительные абстрактные колоризованные фотоэффекты.

Создайте иллюстрацию с красочными шарами в Aотошопе CS5

Этот туториал расскажет вам как сформировать абстрактные формы используя простые инструменты Фотошопа.

Абстрактные Аэровспышки

Тут расскажут как создать привлекательные абстрактные вспышки с световыми эффектами.

Windows Vista Aurora Эффект

Туториал обучающий созданию фона в стиле Vista.

Люминесцентные линии

Простая и мощная техника создания абстрактных обоев или изображения, которая в результате всегда смотрится стильно и привлекательно.

Абстрактный фон с разноцветными линиями

Простой и понятный туториал по созданию абстрактного фона, обоев, открытки или дизайна.

Цветной абстрактный фон

Дизайнер расскажет как создать абстрактный он используя пузырьки и волны.

Ошеломительные цифровой эффект дыма

Этот туториал научит вас создавать цифровой эффект дыма как в Иллюстраторе, так и в Фотошопе. Эта техника легко может подстраиваться под каждого и даст вам возможность сделать это быстро.

Как создавать абстрактные полосы света

Детализированный туториал расскажет вам как сгенерировать серию абстрактных прерывистых линий света.

Простой абстрактный туториал

Используя несколько кистей и эффектов, создайте простой, но привлекательный абстрактный дизайн.

Интенсивная солнечная вспышка  (Фильтр) эффект

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

Абстрактный художественный фон

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

Как создать абстрактный радужный фон

Научитесь создавать абстрактный радужный фон используя формы, слои и градиенты в Фотошопе.

Шестиугольный эффект боке в Фотошопе

Научитесь создавать цифровой боке эффект в форме шестиугольника. Кисти, паттерны и базовые фильтры, помогут вам в создании такого она.

Создайте дым

Научитесь создавать красивый эффект дыма используя Фотошоп и помощь этого туториала.

Создайте необычные волнистые абстрактные формы в Фотошопе

Этот туториал расскажет как создавать привлекательные и красочные абстрактные формы. Очень подробный учебник, с множеством полезных скриншотов.

Создайте красивые волосоподобные абстрактные линии

Научитесь создавать абстрактные волосоподобные линии для декорации своего дизайна. Очень простой туториал, обучает использованию pen tool и динамических кистей.

Создайте простые, элегантные абстрактные спектральные линии

Изучите шаги, как создать простые абстрактные спектральные линии.

Трендовый фон

Простая техника. При помощи мазков кисти создайте Стильный и модный фон для заставки.

Цифровой звездный эффект

В этом туториале вы научитесь создавать эффект мерцающих звезд.

Красочные вихри

Изучите как создавать красочные вихри при помощи Фотошопа.

Создайте футуристические абстрактные обои

Используя различные фильтры Фотошопа, создайте обои в футуристическом стиле.

Подборка собрана из различных источников



Комментарии

[an error occurred while processing the directive]

Похожие статьи

Случайные статьи

Создаю абстрактный цветной фон в Фотошопе для одежды

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

Вот так выглядят уже готовые шмотки с моим фоном.

Подробнее о создании абстрактного фона

Для начала я создам файл в фотошопе необходимого мне размера. Закрашу его цветными полосками мягкой кистью и сделаю небольшое размытие с помощью фильтров, чтобы смягчить переходы между цветами.

Далее я поиграюсь немного с сочностью получившегося фона, в этом примере немного переусердствовал, на печать одежды фон сделал в итоге помягче.

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

Потом ставлю заливку со 100% на 10%, чтобы мои квадраты стали прозрачными.

И устанавливаю режим слоя с обычного на перекрытие. Если у вас английская версия Photoshop или непонятны мои манипуляции, то рекомендую посмотреть видео, там наглядно видно, что куда нажимаю.

Таким же образом я создаю ещё три слоя с хаотично расположенными квадратами, которые красиво с точки зрения композиции наслаиваются друг на друга. Только прозрачность на каждом слое ставлю разную, чтобы слои казались на разной глубине.

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

Абстрактный цветной фон готов, выглядит он весьма скромно, но на одежде смотрится хорошо.

В этом видео показан процесс создания такого фона

СКАЧАТЬ: Абстрактный цветной фон.jpg (3000×3000) 1,2 МБ

Ставьте лайк и подписывайтесь на канал, чтобы получать от меня больше интересной информации.

Фоны для фотошопа Абстракция

Яркий абстрактный фон, похожий на взрыв сверхновой звезды. Абстракции удобны тем, что уже делят будущее творение на смысловые части. Где-то идет акцент на середину, а на каких-то рисунках фон разделен на части.

Абстракция в стиле Хайтек. Радужные точки для яркого декора.

Сочный красный фон для презентации ночного клуба.

Пастельные переходы от желтого к зеленому, а затем к голубому. Пересекающие белые линии придают абстракции воздушности.

Настоящий фрактал на темном фоне. Большие части рисунка повторяют маленькие и так до бесконечности.

Красивый голубой абстрактный фон для зимних фотографий.

На этой картинке очень не плохо расположить снимки по кругу и под разным углом — будет ощущение полета в захватывающий новый мир.

Шикарный сине-желтый фон для фотошопа, похож на цветок.

Шторы из солнечных зайчиков в стиле Матрицы

Темный абстракный фон с желтым шаром из атласной ткани.

Рождение красного цветка.

Абстракция — голубая сцена ждет своего звездного актера

Стильный шаблон для фотографии — глаз дракона на темном фоне

Разлитые краски — похожи на сложенные листья гигантских папоротников.

Желтое колесо сансары на синем фоне.

Фиолетовые вспышки — на такой абстрактный фон-рамку фото просится ровно в середину.

Ночное колдовство из фиолетово-розовых лучей.

Желто-зеленые и фиолетово-синие лучики на темном фоне.

Четырехлистный клевер в абстракции.

Звезда Давида — еврейский символ с тиснением.

Абстрактный фон высокого разрешения — каменный цветок на полу старинного замка.

Начало погружения в сон.

Праздничный золотой фон абстракция, закрывающий солнце.

Затейливая игра квадратов.

Картинка абстракция для фотошопа — звездное полотно.

Танец орхидей прикрытых вуалью.

Огненный мир внутри вулкана — яркий красный шаблон в готическом стиле.

Желто-фиолетовый коктейль, сопровождающий рассвет светила.

Создавайте интересные абстрактные фоны в Photoshop CS6

Photoshop — отличный инструмент для создания и редактирования изображений. В частности, Photoshop CS6 имеет несколько впечатляющих новых функций, которые позволяют легко создавать различные абстрактные фоны. Вместо того, чтобы искать в Интернете подходящие фоны или просматривать библиотеки стоковой фотографии, вам следует подумать о создании собственного фона; Вы будете удивлены тем, как мало времени или техники задействовано.

Превращение плохой фотографии в полезный фон боке

Изображение ниже довольно необычное, и я не мог себе представить его использование для чего-то конкретного, но с помощью Photoshop CS6 мы можем превратить это непрактичное изображение в полезный боке-фон всего за несколько минут. В следующий раз, когда у вас появятся «одноразовые» фотографии с интересными (случайными) цветами или узорами, вместо этого сделайте их боке.

Новые настройки размытия в CS6 являются реальным преимуществом в арсенале фильтров Photoshop. Изображение выше очень темное с легкими намеками, что идеально для эффекта боке. Для этого перейдите в «Filter»> «Blur»> «Field Blur», и появится диалоговое окно.

Размытость поля отличается от других фильтров размытия, поскольку она предназначена для имитации естественного размытия линз, обнаруженного в фотографии. Установите флажок «Размытие поля» и увеличьте значение ползунка. Намерение состоит в том, чтобы размыть светлые области, пока не будет четких цветных областей. Поскольку это изображение очень темное, я установил высокое значение светлого боке. Цвет боке усиливает и окрашивает цвета в размытом изображении.

Одна важная часть этой техники боке включает ползунок светового диапазона внизу. Вы можете увеличить значения светлого боке и цвета боке до любого значения, которое вам не нужно, это не приведет к получению боке, независимо от того, какую комбинацию вы пробуете. Световой диапазон — это то, что действительно создаст эффект. Ключевая информация, которую нужно знать об этом ползунке, заключается в том, что куда бы вы ни перемещали значения, черные и белые точки ползунка должны находиться рядом друг с другом. Результаты показаны ниже:

Превращение

хорошей фотографии в полезный фон

Наш первый пример начался с плохо сделанной фотографии, поэтому давайте попробуем несколько похожих техник с немного лучшими изображениями. Изображение ниже немного размыто, но цвета приятные. Обычно вы можете удалить фотографию, подобную этой, вместе с фотографией из примера с фоном боке, но в Photoshop CS6 мы можем превратить ее в красивый фон.

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

При активном выделении нажмите Ctrl + «T», чтобы войти в режим преобразования, и захватите левую и правую средние ручки, перетаскивая каждый конец по всему холсту. Это создает интересный линейный эффект, который вы можете использовать практически на любой фотографии, независимо от ее качества.

Создайте полезный фон с помощью специальной кисти

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

Создайте новый документ в Photoshop. Размеры для нашего примера составляют 1024 x 768 пикселей. Создайте новый слой и выберите инструмент градиента. Нажмите на значок градиента, чтобы открыть диалоговое окно параметров. Создайте линейный градиент, который начинается с # 27324c и заканчивается # 133146. Перетащите инструмент «Градиент» по диагонали из левого верхнего угла в правый нижний.

Выберите инструмент «Кисть» и выберите кисть с мягкими краями размером примерно 50 пикселей. Щелкните значок панели «Кисти» на панели параметров, чтобы управлять различными параметрами кисти.

Перейдите на вкладку Shape Dynamics и убедитесь, что Size Jitter установлен на 100%. Выключите управление и установите минимальный диаметр на значение от 5 до 10%.

Затем нажмите на вкладку «Рассеяние», установите рассеяние на обе оси и установите значение разброса на 1000%. Из предварительного просмотра вы можете видеть, что глобусы разбросаны. Вы должны всегда проверять предварительный просмотр, чтобы полностью понять, как ваши значения визуализируются.

Выберите Двойная кисть и выберите кисть с мягкими краями 30 пикселей. Вы по сути умножаете кисть на себя. В результате получается густая блестящая кисть. Когда мы рисуем с помощью этой кисти, результатом должен быть разнообразный эффект блеска. Некоторые будут казаться маленькими и далекими, в то время как другие будут большими и размытыми, добавляя глубину и размерность нашей работе.

Создайте новый слой с белым цветом в качестве цвета переднего плана, нажмите и перетащите по холсту, и вы получите эффект рассеянного свечения. Блестки должны варьироваться от больших до маленьких и казаться случайными. Если есть области, которые слишком обнажены, то вы можете одним щелчком мыши заполнить эти области. Не стесняйтесь пробовать это несколько раз, пока вы не получите желаемую раздачу из вашей пользовательской кисти.

Дважды щелкните слой, чтобы открыть параметры стилей слоя. Выбранные здесь цвета будут зависеть от цвета фона, но сами эффекты должны быть примерно одинаковыми. Выберите Inner Glow и выберите цвет, который дополняет ваш фоновый цвет. Я выбрал # 00e4ff. Установите размер 1px и измените режим смешивания на жесткий свет.

Затем выберите Outer Glow и выберите цвет, который немного более яркий, чем тот, который мы выбрали ранее. Я выбрал # 00c5fe. Оставьте размер 5 пикселей и установите режим смешивания на Hard Light. С этими настройками вы должны увидеть эффекты, аналогичные показанным ниже:

Создать эффект диагонального спектра

Этот фоновый эффект интересен, и его удивительно просто создать. Создайте новый документ и залейте его черным.

Затем создайте новый слой и, установив в качестве цвета переднего плана значения по умолчанию для черного и белого, перейдите в «Фильтр»> «Рендеринг»> «Облака». Вы можете несколько раз нажать Ctrl + «F», чтобы повторить фильтр. пока вы не получите результаты, которые вам нравятся.

Эффект слишком яркий, поэтому далее мы создадим маску слоя. В маске слоя снова запустите фильтр Clouds, а затем перейдите в «Filter»> «Render»> «Difference Clouds». Это создаст более сильную маску, чтобы сделать эффект облачности более тонким и смешанным.

Затем перейдите к «Фильтр»> «Размытие»> «Размытие в движении». Когда появится диалоговое окно, установите угол наклона 45 ° и силу примерно на 200 пикселей. Это создаст хороший эффект диагонального размытия.

Создайте новый слой и выберите инструмент «Градиент». Перейдите на панель параметров и нажмите, чтобы редактировать градиент. Выберите хороший спектральный градиент, с большим количеством различных вариаций цвета. Вы можете создать свой собственный или выбрать пресет.

Нажмите и перетащите, чтобы нарисовать градиент по документу. Начните с верхнего левого угла и перетащите в нижний правый Ваш градиент должен выглядеть примерно так:

Ниже приведены два лучших результата от изменения режима наложения слоя спектрального градиента на Multiply и Overlay, соответственно.

Multiply:

Перекрытие:

Вывод

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

Есть ли у вас какие-либо другие методы для создания фонов?

Интересный прием создания абстрактного фона · Мир Фотошопа

Здесь мы рассмотрим способ, который позволяет легко и быстро создавать вот такие абстрактные цветные линии, которые могут пригодиться в последствии где угодно: в качестве фона для рекламных буклетов, графики для веб-дизайна и прочих областях творчества.

1 Шаг

Начнем с создания нового файла. В окне настроек я задавал размеры холста 550?900px с разрешением в 72dpi и сразу задал черный фон. Кликните Ok для создания документа и после этого выполните Filter > Render > Clouds. Там для первого цвета задайте черный (#000000), в качестве второго выберите темный синий (#002266).

2 Шаг

Здесь создайте новую группу для слоев и назовите ее “Abstract Lines”. Затем переключитесь на Brush Tool (B) и задайте диаметр 45px для кисти. Создайте новый слой в этой группе и проведите кистью небольшую линию цветом #006C6A, как показано ниже.

3 Шаг

Здесь откройте Filter > Blur > Motion Blur и в открывшемся окне введите настройки, приведенные на рисунке ниже. Если результат получился не таким насыщенным — дублируйте этот слой и слейте его с оригиналом в один.

4 Шаг

Теперь добавьте к слою стили Inner Shadow и Gradient Overlay, настройки для которых приведены ниже.

5 Шаг

Сделайте еще один дубль этого слоя с линией, но удалите все стили из копии. Поместите ее по правой стороне и задайте режим наложения для слоя равным Color Dodge. Дублируйте эту полоску, чтобы эффект проступил более четко.

6 Шаг

Еще раз продублируйте самый первый слой с размывкой и снова уберите все стили копии. Поместите его, как показано ниже и также дублируйте его, чтобы он проступил ярче.

7 Шаг

Теперь дублируйте всю группу “Abstract Lines” и слейте ее в один слой, выполнив Layer > Merge Group (Ctrl + E). Не забудьте перед этим выделить группу в палитре Layers, потому что в противном случае этот пункт меню будет неактивен. Перетащите этот слой рядом с оригинальной группой “Abstract Line”, как показано на рисунке ниже. Задайте режим наложения этому слою равным Lighten а также спустите значение Opacity до 46%.

8 Шаг

Теперь продублируйте слой с последнего шага еще 3-4 раза и разнесите дубли по всему холсту. Постарайтесь каждый слой сделать уникальным, варьируя уровни непрозрачности (Opacity).

9 Шаг

Теперь создайте выделение при помощи Rectangular Marquee Tool по всей площади холста и выполните Edit > Copy Merged. Затем выполните Edit > Paste — так вы получите новый слой с полной копией своего холста. Задайте этому слою режим наложения равный Hard Light и спустите Opacity в район 49%.

10 Шаг

Теперь снова скопируйте содержимое холста образом, показанным на шаге 9, и поверните его, как показано на рисунке ниже при помощи Edit > Transform.

Результат:

30 полезных уроков по абстрактному дизайну в Photoshop

Янош Рач

Абстрактные работы имеют множество применений в дизайне: они могут служить ярким фоном рабочего стола, загадочным заголовком веб-дизайна или сами по себе могут быть красивыми произведениями искусства. Более того, абстрактный дизайн имеет множество форм и не имеет особых ограничений. Всегда можно придумывать новые формы и композиции с сочетанием различных цветовых решений. Вы можете создать их с помощью компьютерных алгоритмов, нанеся на холст из чистого воображения или просто следуя простому шаблону, который вы придумали в свободное время.

Но если у вас есть идея, всегда полезно знать, как ее реализовать, чтобы получить желаемые результаты. Мы надеемся, что эта коллекция из руководств по абстрактному дизайну сможет познакомить вас с некоторыми навыками и методами, обычно используемыми при создании таких произведений искусства и элементов дизайна. Наслаждаться!

Полезные абстрактные уроки Photoshop

Chroma Wallpapers
В статье показано, как создать отличную абстрактную композицию, сочетая трехмерную основу с некоторыми дополнительными эффектами.

Создайте волнистый дизайн обоев в стиле Blackberry
Этот волнистый абстрактный рисунок, представленный на PSDTuts, вы можете приобрести у Фабио Сассо. Вам нужно выполнить всего 16 шагов, это увлекательное, быстрое и легкое руководство для всех!

Как создать яркие световые полосы в Photoshop
Различные эффекты молнии — важные части почти любого абстрактного дизайна. В этом уроке показано, как использовать различные фильтры для достижения красивого эффекта круговой молнии и создать это потрясающее изображение ниже!

Windows Vista Aurora Effect Учебное пособие по Photoshop
Учебники по воссозданию некоторых популярных и часто используемых эффектов всегда популярны.В этом руководстве подробно рассмотрено создание эффекта полярного сияния в Windows Vista и даны пошаговые инструкции.

Leopard Aurora Borealis Учебное пособие по Photoshop
Говоря о популярных эффектах, вот хороший учебник по обоям в стиле Leopard для Mac OSX от DesignNerd.

Luminescent Lines
Luminescent Lines — еще один быстрый и увлекательный урок по созданию абстрактных линий и их красивому раскрашиванию с помощью стилей слоя и использования некоторых кистей.

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

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

Lines Tutorial
Быстрое и простое руководство по созданию красивого красочного эффекта от Giackop Design.

Создание абстрактного 3D-дизайна
Немного более длинный и сложный урок по созданию изображения ниже.Если у вас есть время, обязательно попробуйте!

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

Создание фона в стиле Mac в Photoshop
В этом уроке вы узнаете, как создать фон рабочего стола в стиле Mac с помощью пользовательских выделений и градиентов.

Abstract Tutorial
Ошеломляющий эффект молнии, объединяющий сложные формы с использованием различных кистей.

Действительно крутой эффект затмения в Photoshop
Этот урок с прекрасным результатом ниже снова представлен вам Фабио Сассо. Он использует несколько техник из других руководств для создания этого фрагмента, который когда-то использовался в качестве нижнего колонтитула Абдузидо.

Swirl Mania в Illustrator и Photoshop
Немного поработав в Adobe Illustrator, это руководство проведет вас через процесс создания этого живого абстрактного произведения.

Light Rays
Еще один крутой световой эффект, который сочетает в себе большое количество фильтров для достижения окончательного эффекта.

Абстрактный фон Учебное пособие по Photoshop
Еще один абстрактный эффект молнии для тех, кто хочет большего!

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

Colorful Tornado
Еще один отличный урок по абстрактному искусству от 9Tutorials, на этот раз не такой хаотичный!

Colorful Swirl
Из этого туториала Вы узнаете, как создавать и комбинировать несколько эффектов завихрения для достижения результата, показанного ниже.

Создание абстрактных обоев с помощью кистей
Этот урок, представленный на 10Steps.sg, показывает вам шаги по созданию удивительного абстрактного произведения искусства с использованием различных кистей в качестве основы.

Starfield Tileable Twitter Background Tutorial
Если вам прямо сейчас нужен крутой новый фон для Twitter, это руководство как раз для вас! А если нет, он все равно даст вам некоторые идеи и приемы, которые вы сможете использовать в своих будущих работах для создания абстрактных шаблонов, допускающих разметку.

Абстрактный визуальный эффект
Эффект, представленный ниже, будет выглядеть так же хорошо, как фон рабочего стола, как и произведение искусства, но в учебнике вы обнаружите, что это не так сложно, как кажется.Убедитесь, что вы нажали «Далее», чтобы прочитать оставшуюся часть учебника

.

Обои для рабочего стола с абстрактным рисунком
Отличный учебник по созданию абстрактных обоев с прекрасным результатом.

Создание обоев в стиле Vista
Еще одно руководство по созданию обоев в стиле Vista, на этот раз в другом стиле.

Создание потрясающего цифрового эффекта дыма
Хотя название предполагает эффект дыма, это руководство является еще одним отличным пошаговым руководством по абстрактному дизайну.

Модный галактический дизайн плаката
Тем не менее модный плакат, красивый красочный фон с некоторой типографикой, хотя первая часть — это то, что вас больше интересует с точки зрения абстрактного дизайна.

Создание довольно интересной, волнистой и изогнутой абстрактной формы в Photoshop
Этот урок проведет вас через создание этой довольно интересной и красочной формы. Очень подробно, со множеством скриншотов.

Создание привлекательного абстрактного эффекта лазерных частиц в Photoshop
Подобные изображения обычно можно увидеть в онлайн-галереях в разделе абстрактных 3D, но в этом уроке показано, как создать красивый эффект лазерных частиц прямо в Photoshop, без использование любых 3D приложений!

Как создать взаимодействие абстрактных световых полос
Наконец, урок об этом интересном и довольно сложном абстрактном изображении от PSDTuts с еще несколькими новыми методами, которые нужно изучить!

Создание интересных абстрактных фонов в Photoshop CS6

Photoshop — отличный инструмент для создания и редактирования изображений.Photoshop CS6, в частности, имеет несколько впечатляющих новых функций, которые позволяют легко создавать различные абстрактные фоны. Вместо того, чтобы искать в Интернете подходящие фоны или просматривать библиотеки стоковых фотографий, вам следует подумать о создании собственного фона; вы будете удивлены, как мало времени или техники требуется.

Превращение плохой фотографии в полезный фон боке

Изображение ниже довольно необычно, и я не мог себе представить, чтобы его можно было использовать для чего-то конкретного, но с помощью Photoshop CS6 мы можем преобразовать это непрактичное изображение в полезный фон боке всего за несколько минут.В следующий раз, когда у вас будет несколько «одноразовых» фотографий с интересными (случайными) цветами или узорами, сделайте их фоном боке.

Новые настройки размытия в CS6 — настоящий актив в арсенале фильтров Photoshop. Изображение выше действительно темное с оттенками света, что идеально для эффекта боке. Для этого эффекта перейдите в «Фильтр»> «Размытие»> «Размытие поля», и появится диалоговое окно.

Размытие поля отличается от других фильтров размытия, потому что он предназначен для имитации естественного размытия линзы, обнаруживаемого на фотографии.Установите флажок Размытие поля и увеличьте ползунок до максимального значения. Намерение состоит в том, чтобы размыть светлые области до тех пор, пока не останется резких цветных областей. Поскольку это изображение очень темное, я установил высокое значение светлого боке. Цвет боке усиливает и окрашивает цвета размытого изображения.

Одной из важнейших частей этой техники боке является ползунок светового диапазона внизу. Вы можете увеличить значения светлого боке и цвета боке до любых значений, это не приведет к эффекту боке, какую бы комбинацию вы ни пытались.Световой диапазон — это то, что действительно создаст эффект. Ключевая информация, которую нужно знать об этом ползунке, заключается в том, что куда бы вы ни перемещали значения, черные и белые точки ползунка должны находиться рядом друг с другом. Результаты показаны ниже:

Превращение хорошей фотографии

в полезный фон

Наш первый пример начался с плохо сделанной фотографии, поэтому давайте попробуем некоторые аналогичные методы с немного лучшими изображениями. Изображение ниже немного размыто, но цвета приятные.Обычно вы можете удалить такую ​​фотографию вместе с фотографией из примера фона боке, но в Photoshop CS6 мы можем превратить ее в красивый фон.

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

При активном выделении нажмите Command / Ctrl + «T», войдите в режим преобразования и возьмитесь за левую и правую средние ручки, перетаскивая каждый конец по всему холсту.Это создает интересный линейный эффект, который можно использовать практически на любой фотографии, независимо от ее качества.

Создайте полезный фон с помощью специальной кисти

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

Создайте новый документ в Photoshop. Размеры для нашего примера — 1024 x 768 пикселей.Создайте новый слой и выберите инструмент градиента. Щелкните значок градиента, чтобы открыть диалоговое окно параметров. Создайте линейный градиент, который начинается с # 27324c и заканчивается # 133146. Перетащите инструмент «Градиент» по диагонали из верхнего левого угла в нижний правый.

Выберите инструмент «Кисть» и выберите кисть с мягкими краями и размером примерно 50 пикселей. Щелкните значок панели кистей на панели параметров, чтобы управлять различными параметрами кисти.

Перейдите на вкладку «Динамика формы» и убедитесь, что для параметра «Джиттер размера» установлено значение 100%.Выключите регулятор и установите минимальный диаметр на значение от 5 до 10%.

Затем щелкните вкладку «Рассеивание», установите рассеяние по обеим осям и установите значение разброса на 1000%. Из предварительного просмотра видно, что глобусы разнесены. Вы всегда должны проверять предварительный просмотр, чтобы полностью понять, как визуализируются ваши значения.

Выберите «Двойная кисть» и выберите кисть 30 пикселей с мягкими краями. По сути, вы умножаете кисть на себя.В результате получилась густая кисточка с блестками. Когда мы рисуем этой кистью, в результате должен получиться разнообразный сверкающий эффект. Некоторые будут казаться маленькими и далекими, в то время как другие будут большими и размытыми, добавляя глубины и измерения нашей работе.

Создайте новый слой и, выбрав белый цвет в качестве цвета переднего плана, щелкните и перетащите по холсту, и вы должны получить эффект рассеянного свечения. Искры должны варьироваться от больших до маленьких и казаться случайными. Если есть слишком пустые области, вы можете одним щелчком мыши заполнить эти области.Не стесняйтесь попробовать это несколько раз, пока не получите желаемое распределение от вашей пользовательской кисти.

Дважды щелкните слой, чтобы открыть параметры стилей слоя. Выбранные здесь цвета будут зависеть от цвета фона, но сами эффекты должны быть примерно такими же. Выберите внутреннее свечение и выберите цвет, который дополняет цвет фона. Я выбрал # 00e4ff. Установите размер 1px и измените режим наложения на Hard Light.

Затем выберите Outer Glow и выберите цвет, который будет немного более ярким, чем тот, который мы выбрали ранее.Я выбрал # 00c5fe. Оставьте размер 5 пикселей и установите режим наложения Hard Light. С этими настройками вы должны увидеть эффекты, аналогичные показанным ниже:

Создание эффекта диагонального спектра

Этот фоновый эффект интересен, и его удивительно просто создать. Создайте новый документ и залейте его черным цветом.

Затем создайте новый слой и, установив для цветов переднего плана значения по умолчанию, черный и белый, перейдите в «Фильтр»> «Рендеринг»> «Облака».Вы можете несколько раз нажать Command / Ctrl + «F», чтобы повторять фильтр, пока не получите желаемый результат.

Эффект слишком яркий, поэтому теперь мы создадим маску слоя. На маске слоя снова запустите фильтр «Облака», а затем перейдите в «Фильтр»> «Рендеринг»> «Различия облаков». Это создаст более сильную маску, чтобы сделать эффект облачности более тонким и смешанным.

Затем перейдите в «Фильтр»> «Размытие»> «Размытие в движении». Когда откроется диалоговое окно, установите угол 45 ° и силу примерно 200 пикселей.Это создаст красивый эффект диагонального размытия.

Создайте новый слой и выберите инструмент «Градиент». Перейдите на панель параметров и щелкните, чтобы изменить градиент. Выберите красивый спектральный градиент с множеством различных цветовых вариаций. Вы можете создать свой собственный или выбрать предустановку.

Щелкните и перетащите, чтобы нарисовать градиент по документу. Начните с верхнего левого угла и перетащите его в нижний правый. Ваш градиент должен выглядеть примерно так:

Ниже приведены два лучших результата изменения режима наложения слоя спектрального градиента на Умножение и Наложение соответственно.

Умножить:

Накладка:

Заключение

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

Есть ли у вас другие техники создания фонов?

25 уроков Photoshop для создания абстрактного фона

Многие люди, когда видят абстрактный фон, склонны думать, что его очень легко спроектировать, потому что он заключается в том, чтобы размещать вещи без особого смысла, и это , без явной логики и без особых размышлений, но это не так. .

Это нечто гораздо более сложное, поскольку создание качественного абстрактного фона — плохой может сделать любой — это процесс, требующий времени, изучения используемых цветов и, прежде всего, создания в нем благоприятной среды.

После прыжка есть 25 обучающих программ, и они фантастические.

Источник | Vandelaydesign

Создание абстрактных красочных иллюстраций шаров в Photoshop CS5

Как создать абстрактный красочный фон с эффектом боке в Photoshop

Фон инструмента наложения (видео)

Создание световых эффектов электризации вокруг изображения

Chroma Обои

Быстрое создание абстрактного фона из цветных полос

Эффект цифровой звезды

Полосатые абстрактные обои в Photoshop

Создание фона в стиле Mac в Photoshop

Абстрактные световые эффекты

Как создать абстрактный красочный радужный фон

Lines Учебное пособие

Создание эффекта красочных диско-линий

Aurora Borealis — Северное и Южное полярные сияния

Создайте привлекательный абстрактный эффект лазерных частиц в Photoshop

Эффект шестиугольника боке в Photoshop

Действительно крутой эффект затмения в Photoshop

Создание фона из углеродной сетки в Photoshop

Дизайн обоев в стиле Vista

Windows Vista Aurora Effect Учебное пособие по Photoshop

Создание абстрактного фона для плаката

Создание абстрактных футуристических обоев

Создание потрясающего цифрового дымового эффекта

Как создать яркие световые эффекты с нуля

Как создать яркие световые полосы в Photoshop

Как создать абстрактный фон из проволочной сетки с волнами в Illustrator и Photoshop

Preview

Вот предварительный просмотр абстрактного фона, который мы будем создавать в этом уроке.

Шаг 1

Начните с запуска Illustrator и создания нового документа.

• 3000 x 2000 px
• Ориентация: Альбомная
• Монтажные области: 1
• Растекание: Нет
• Цветовой режим: RGB

Шаг 2

Выберите Pen Tool и нарисуйте случайную волнистую линию по ширине монтажной области. Я рекомендую придерживаться довольно близко к линии, которую я создал и показанную ниже, чтобы следовать вместе с руководством.

Измените черную обводку толщиной 1pt, чтобы ее можно было увидеть.

Шаг 3

Нарисуйте вторую векторную линию под оригиналом. Опять же, я рекомендую имитировать линию, которую я нарисовал здесь, или создать что-то довольно похожее, если вы не хотите отслеживать.

Шаг 4

Выберите инструмент Blend Tool (W) и щелкните верхнюю линию, затем щелкните нижнюю линию, чтобы соединить их.

Между исходными строками должна появиться новая строка. Это означает, что они были успешно смешаны.

Шаг 5

Нажмите клавишу Enter, при этом инструмент Blend Tool все еще активен и обе линии выделены.

В окне Blend Options выберите:

• Особые шаги
• Шаги: 64

Шаг 6

К сожалению, при использовании Blend Tool со сложными формами мы иногда можем столкнуться с визуальными сбоями, подобными показанным на изображении ниже, когда в некоторых разделах слишком много или слишком мало места.

Тщательно проверьте векторную волну и определите все проблемы, прежде чем продолжить.

Если у вас нет проблем, пропустите следующий шаг.

Шаг 7

Чтобы исправить эти сбои, используйте Прямой выбор, чтобы вручную настроить исходные векторные линии (первые 2, с которых мы начали).

Может быть немного сложно скрыть эти досадные проблемы, но я обнаружил, что небольшое перемещение положения векторных точек и экспериментирование с их ручками, чтобы попытаться сгладить линии, обычно работают.

Шаг 8

Выберите векторные линии и откройте Окно Обводки, чтобы применить следующие настройки:

• Обводка Вес: 2 пункта
• Углы: Круглые
• Пунктирная линия: ВКЛ
• Штрих: 0
• Промежуток: 6 пунктов

Теперь у вас есть пунктирная линия вместо основной сплошной линии.На этом шаге может быть интересно поэкспериментировать с различными настройками.

Шаг 9

Используя инструмент «Прямое выделение», выберите только верхнюю векторную линию и установите толщину обводки на 0.

Благодаря функции наложения в Illustrator векторные линии теперь будут постепенно исчезать, как будто они уходят вдаль.

Шаг 10

Пора переходить, Откройте Photoshop CC .

Создать новый документ:

• 3000 x 2000 пикселей
• Разрешение: 300 пикселей на дюйм
• Цветовой режим: RGB 8 бит

Шаг 11

Выберите векторную волну в Illustrator, скопируйте и вставьте ее в документ Photoshop как смарт-объект .

Шаг 12

Используйте инструменты преобразования или ручки вокруг слоя векторного смарт-объекта, чтобы изменить его размер и подогнать под размер холста.

В идеале концы волны не будут видны и вместо этого будут расширять границы монтажной области.

Шаг 13

Перейдите к Layer> New Fill Layer> Gradient Fill и нажмите OK.

Слой должен быть выше фона, но ниже векторного смарт-объекта на панели «Слои».

Шаг 14

В окне параметров заливки для нового слоя градиентной заливки введите следующие переменные:

• Цвет точки градиента 1: # 13201f
• Цвет точки градиента 2: # 244647
• Положение точки градиента 1: 0
• Положение точки градиента 2: 100
• Стиль: Линейное
: 45
• Масштаб: 100%
• Обратное выкл., Дизеринг вкл., Выравнивание

Шаг

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

Используйте те же настройки, что и в прошлый раз, но с двумя изменениями:

• Цвет точки градиента 1: # 37d8dd
• Цвет точки градиента 2: # 58a7f1

Шаг

Переместите вторую градиентную заливку в верхнюю часть стопки слоев.

Щелкните правой кнопкой мыши слой градиентной заливки и выберите Create Clipping Mask из контекстного меню.

Результат и заключение

Вот окончательный результат, и он выглядит еще лучше при полном разрешении и большем разрешении. Все, что мы сделали для создания этого абстрактного волнового фона, можно безупречно масштабировать в Photoshop.Ничто не мешает вам использовать Изображение> Размер изображения … для увеличения до 7680 x 4329 пикселей (8K).

Спасибо за чтение. Надеюсь, вам понравилось следовать этому руководству и вы узнали что-то новое об использовании инструмента наложения в Illustrator и создании потрясающего фона в Photoshop.

Как создать красочный абстрактный фон в Photoshop

Всем привет!

Сегодня я объясню, как создать в Photoshop цветной абстрактный фон, просто используя одну из ваших фотографий.Надеюсь, вам понравится этот урок! Мне очень нравятся красочные абстрактные фоны. Я видел, что, несмотря на большое количество в архиве, в котором есть Dreamstime, эти изображения всегда поддерживают постоянный, а в некоторых случаях высокий уровень продаж. Еще больше я бы хотел и был бы рад увидеть ваши творения, которые будут приняты, просто разместив их в этом блоге.

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

Шагов не так много, и я постараюсь быть максимально простым и понятным.

Первое, что нужно сделать, это выбрать «Фильтр»> «Преобразовать для смарт-фильтров».

Filter> Pixelate> Mezzotint, в выпадающем меню выберите Medium Strokes и нажмите Ok.

Если вы хотите, вы также можете выбрать Short Stroke, это важный параметр, который касается только характера вашего изображения.

Filter> Blur> Radial Blur со следующими данными: количество 100 — масштабирование — хорошо и нажмите Ok.

Отфильтруйте и щелкните прямо на Радиальное размытие, удваивая эффект, и нажмите ОК.

Фильтр> Искажение> Закрутка с углом примерно 100 (это субъективный параметр

в зависимости от эффекта, который имеет ваше изображение) и нажмите Ok.

Дважды щелкните значок Twirl, который находится справа на панели слоев, откроется экран Blending Options (Twirl) и выберите режим Multiply, но это также необязательный параметр, и нажмите Ok.

Если вы хотите получить еще более драматический эффект, вы можете продублировать изображение и перевернуть его, а затем объединить с параметрами наложения. Я не стал этого делать, потому что уже добился удовлетворительного результата.

В качестве последней операции растрируйте изображение, щелкнув правой кнопкой мыши на слое и выбрав «растеризовать слой». Я надеюсь, что с помощью этого урока вы сможете использовать свой фоторепертуар для создания очень интересных фонов. Это результат того, как я преобразовал исходное изображение.

Понравился результат? Сделайте снимок и начните делать это. Дайте мне знать!

Фото: FabioConcetta.

Получите всю последнюю информацию, бесплатные предложения и бесплатную пробную версию прямо на ваш почтовый ящик!

Уроки Photoshop с абстрактным светом | PSD чувак

Более 30 удивительных уроков по освещению , которые научат вас создавать абстрактных световых эффектов в Photoshop всего за несколько шагов.Узнайте, как создать абстрактный свет из этих простых руководств. Есть все виды световых эффектов ; например, вы можете узнать, как создать луч света с нуля, как работать с кистями света , как создать световых линий , как получить волнистых линий, и так далее.

Основными элементами для создания абстрактных фонов с использованием световых эффектов являются линии, кривые, завихрения, световые частицы и точки боке.

Твитнуть

Если вы хотите избежать некоторых из этих шагов, вы можете использовать абстрактные вихревые кисти PSDDUDE и создайте потрясающих абстрактных световых фонов всего за несколько минут.

Создаем абстрактную световую линию волны в Photoshop

Создание абстрактных световых завитков и кругов в Photoshop

Абстрактные цветные светлые линии в Photoshop

Абстрактный свет и боке в Photoshop

Волнистые абстрактные световые линии ежевики в Photoshop

Создание эффекта освещения windows vista в Photoshop

Абстрактные линии света в Photoshop

Радуга абстрактный светлый фон в Photoshop

Абстрактный фон боке в фотошопе

Создание абстрактного фона в стиле Mac в Photoshop

Абстрактный световой эффект в Photoshop

Учебник по Photoshop с абстрактными световыми эффектами

Создаем синий светлый абстрактный фон в Photoshop

Абстрактный фон Swirl Light в Photoshop

Красочный светлый фон PS Учебное пособие

Красочный водоворот абстрактный фон PS Учебное пособие

Учебное пособие по Photoshop «Абстрактная звезда»

Абстрактный визуальный эффект Урок Photoshop

Урок Photoshop «Абстрактные огни»

Обои в стиле Vista Photoshop Abstract Tutorial

Абстрактные огни галактики в Photoshop

Абстрактный эффект лазерной частицы в Photoshop

Создайте взаимодействие абстрактных световых полос в Photoshop

Эффект волнистой и изогнутой абстрактной формы в Photoshop

Photoshop дымовой абстрактный эффект учебник

Расширенный абстрактный эффект свечения в Photoshop

Абстрактные линии спектра в фотошопе

Учебное пособие по Photoshop Light Beam

Эффект абстрактного света в Photoshop

Космические огни в Photoshop

Эффект световых линий в Photoshop

Создание световых эффектов с нуля в Photoshop

Урок Photoshop «Абстрактные огни»

Создайте абстрактный золотой круг с помощью набора дымовых кистей в фотошопе

Красивые абстрактные световые линии в Photoshop

Волнистые линии абстрактный световой эффект в Photoshop

Абстрактный фон и наложения фотографий в Photoshop

Сохраните этот урок на будущее или поделитесь с другом, прикрепите это изображение!

Из этого видео вы узнаете, как создать абстрактный фон и наложения на абстрактные фотографии с помощью фильтра пламени в Photoshop.Начнем с абстрактного фона и создадим отдельные фото наложения.

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

Наконец, я покажу вам, как извлечь все ваши пользовательские наложения для использования в PowerPoint, Word и онлайн-графических редакторах, таких как Canva и Fotor.

ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ

Учебник PrettyWebz поможет вам узнать и освоить больше всего разочаровывающие аспекты подавляющих программ, таких как Photoshop и Illustrator в веселый и увлекательный способ.

Обучающие проекты, подобные тем, которые мы публикуем здесь, в блоге, предназначены для того, чтобы помочь вам понять использование наиболее эффективных аспектов программного обеспечения для проектирования, шаг за шагом. В процессе вы создадите свои дизайнерские активы, чтобы создать потрясающий маркетинговый дизайн для своего бизнеса. Так что не забудьте зарегистрироваться ниже в нижнем колонтитуле, чтобы стать частью семьи Prettywebz и никогда не пропустить ни одного урока.

Другие уроки в этой серии

Другие уроки из серии «Наложение фотографий» смотрите на прошлой неделе в видеоролике о том, как добавить графическое наложение в качестве маски или краски для лица.В этом видео мы использовали пример сахарного черепа, но вы можете использовать любое изображение. От талисманов и спортивных команд до бабочек.

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

РЕСУРСЫ, ИСПОЛЬЗУЕМЫЕ В ДАННОМ Учебном пособии:

Нет внешние ресурсы, это все Photoshop!

Другие сообщения, которые могут вам понравиться

Также присоединяйтесь ко мне на YouTube, чтобы проверить мои плейлисты настроить для Photoshop, PowerPoint и другого программного обеспечения, которое вы можете использовать для создания своего онлайн-графика.

Посмотрите видео или прочтите стенограмму ниже. Также ознакомьтесь с другими уроками, которые могут вам понравиться из моей коллекции руководств по Photoshop, брендингу, дизайну социальных сетей и принципам дизайна.

Стенограмма видео

Сегодня, Я собираюсь показать вам, как использовать огненный фильтр в Photoshop для создания абстрактные фоны и графика.

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

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

Потому что эти пламенные акценты имеют это красивое естественное плавное движение, они придают действительно хорошо для таких типов фотографий. Я хочу пройти очень быстро демонстрация того, как можно интегрировать что-то подобное с фотографией.

Создание аннотации Справочная информация

До того, как мы перейти к демонстрации фотографий Я хочу показать вам, как можно использовать пламя делать фоны и другую графику. Графика, которая работает вместе, чтобы создать что-то еще большее. Итак, давайте продолжим и приступим.

я пойду чтобы показать вам, как быстро создать фон с помощью фильтра пламени. я хочу показать вам, насколько легко это может быть. Я знаю, что иногда у людей возникают проблемы работая с этим инструментом «Перо».

Что мы собираемся сделать с этим, так это использовать вот это, инструмент пера произвольной формы .Это позволяет вам создавать свой дизайн, не работая с какими-либо якорями или чем-либо еще. Так что работать с ним намного проще. Если у вас есть планшет, это значительно упрощает задачу, но вы также можете легко сделать это с помощью мыши.

Я просто собираюсь войти и сделать такой простой дизайн завихрения. Этот [путь] просто давая фильтру пламени что-нибудь для работы. Я собираюсь подойти [к панель слоев] убедитесь, что у меня чистый слой. Затем я собираюсь перейти к , фильтру , затем , рендеру и затем пламени .

Хорошо, вот что у нас есть [демонстрация пламени]. Теперь вы можете внести некоторые изменения в эту [показывающую панель настроек фильтра пламени], если хотите, чтобы она была больше. Имейте в виду, что мы делаем фон.

Подробная информация о настройках фильтра пламени появится позже

Я не собираюсь показать вам все функции, которые у вас есть здесь [в фильтре панель настроек] пока что я покажу вам, как сделать этот фон первый.

Моя намерение состоит в том, чтобы сначала показать вам, что вы можете сделать с чем-то вроде этого.потом когда мы перейдем к нашему второму проекту, я расскажу немного подробнее о некоторых функций, которые вам доступны здесь [настройки фильтра пламени панель].

Итак, пока мы продолжим и сделаем дизайн. Вы можете пропустить вперед, если хотите увидеть, как сделать это пламя. Что касается всех остальных, оставайтесь со мной, и я скоро займусь всем этим.

Добавление цвета Эффекты

Когда ты доволен [дизайн], вы можете щелкнуть ОК. Теперь у тебя будет что-то вроде этого [показывает дизайн вспышки белого света] Я продолжу и избавьтесь от этого рабочего пути [синяя линия на холсте].Это в основном то, что мне дали. Поскольку я хочу сделать это фоном, я собираюсь сделать его немного больше.

Вперед и добавьте к нему градиентную заливку. Я спущусь сюда [настройка панели слоев Layers] Я собираюсь нажать на градиент Я собираюсь нажать ОК . А пока я просто хотите закрепить этот [слой градиентной заливки] или закрепить его на нижнем слое.

открою что [настройки градиентной заливки] сохранятся [дважды щелкните слой], и я собираюсь просто выберите что-нибудь [градиент].Я пошел дальше и добавил этот градиент [демонстрационный градиент] к нему. Я собираюсь нажать ОК и это вот как будет выглядеть мой фон [демонстрационный дизайн].

Создание частиц

Теперь, когда У меня есть эта настройка с градиентом и все, как мне нравится, я собираюсь чтобы изменить режим наложения этого слоя [светлая вспышка]. Я собираюсь изменить что [режим наложения] растворяться. Мне очень нравится идея этого плавного образа, который тоже похоже, что он разваливается. Только одна идея, как можно использовать этот фильтр пламени. для создания красивого фона.

Одиночная сигнальная ракета Графика

What I например, здесь есть два отдельных изображения [показаны два световых блики, наложенные вместе]. Две отдельные графики, но я могу наложить их и превратить их в нечто совершенно иное.

Как вы как видите, он [холст] выглядит как один абстрактный фон. Ты можно получить много интересных эффектов, просто наложив их вот так. Если я уберите этот фон [сплошной цвет фона], и вы увидите, что они полностью прозрачный.

Использование световых ракет as Photo Overlays

Хорошо, я начну с этого изображения прямо здесь [демонстрационное изображение]. Я выбрал это, потому что он явно в движении. Идея состоит в том, чтобы подчеркнуть движение изображения.

я пойду перейти к инструменту «Перо» . Огонь фильтр будет использовать эту фигуру [фигуру, которую я создам на холсте, используя перо], чтобы указать, как он [фильтр пламени] отображает пламя.

я пойду чтобы начать здесь [верхняя часть головы, я сделал первую точку].Тогда я пойду чтобы закончить это здесь [подошва его ног]. Я собираюсь уменьшить масштаб маленький. Хорошо, поэтому я хочу закончить это здесь [низом], но у меня есть чтобы согнуть его совсем немного.

[Создание кривой с помощью инструмента «Перо»: сделайте первую точку, затем, когда вы сделаете конечную точку, щелкните и перетащите в противоположном направлении, в котором вы хотите кривую. Продолжайте перетаскивать, пока не получите желаемую округлость.] Итак, я собираюсь оставить это прямо там [изогнутое вместе с телом]. Это будет форма нашего пламени, движение, которое мы собираемся создать.

Подготовка к установке фильтра пламени

Теперь, когда у нас есть эта форма, мы можем перейти к фильтру пламени. Прежде чем я это сделаю, я собираюсь добавить сюда еще один слой [панель слоев], чтобы мое пламя не находилось на том же слое, что и мое изображение. Выбрав этот слой, я собираюсь перейти к , фильтру , затем , рендеру , и я собираюсь выбрать пламя .

Это то, что он автоматически выводит на основе этой строки, которую я ему привел. Я обычно добавляю собственный цвет [показывает пламя с белым наложением], но обычно это будет то, как он будет выглядеть [показать естественное пламя], так что он выглядит как настоящий огонь.

Фильтр пламени Обзор панели настроек

У вас есть варианты здесь. Тип пламени, поэтому мы хотим, чтобы на пути было одно пламя, просто что-то просто вот так. У вас может быть несколько пламен, а на самом деле целая куча здесь разные вещи, из которых вы можете выбирать.

Я просто собираюсь выбрать это, несколько языков пламени на пути, просто чтобы дать вам представление. Я собираюсь сделать его толще, чтобы вы могли его видеть. Мы видим, что это сделано там, так что это просто сделало его [пламя] шире.

Можно Видите, что у нас некоторые области этой [панели настроек] затенены. Это просто из-за стиля, который я выбрал. Когда я вернусь к этому единственному пламени вы увидите, что большая часть этого материала будет недоступна для меня. Так что у меня не будет много вариантов. Это то, что я собираюсь выбрать хотя.

я пойду чтобы уменьшить его [настройки фильтра] примерно до 160 по ширине, и я собираюсь используйте собственный цвет. Мы оставим его белым.

Можно щелкните здесь [образец цвета внизу, чтобы открыть цвет настройки] и измените цвет на любой, какой хотите.Вы можете изменить раскрашивать постфактум, использовать градиенты и все такое. что я покажу вы здесь через минуту.

Расширенные настройки

На данный момент давайте посмотрим на эти Advanced Настройки сейчас. Здесь вы можете изменить непрозрачность, сложность пламени, выравнивания и всего этого.

У вас также есть другие варианты здесь для формы стиля, это просто изменит стиль пламени. Если он у вас включается каждый раз, когда вы меняете здесь [в других settings] это тоже случайным образом изменится.

Я немного поработаю с этим, постараюсь вернуть то, что у меня было. Мы просто оставим эту фигуру здесь [фигура отображается в окне предварительного просмотра]. Я нажму «ОК». Теперь это добавлено здесь [на моем холсте].

Размещение графического наложения

Мне не нужно этот путь больше [синяя линия на холсте], так что я продолжу и перейдите сюда к варианту пути и просто удалите его.

я пойду чтобы увеличить это изображение, и я собираюсь разместить это [световая вспышка графика], может быть, прямо там [чуть выше объекта фотографии].Все я иду нужно сделать это [добавить маску слоя к графике] и с маской слоя [выбрано] нажать букву B на клавиатуре, чтобы получить инструмент кисти . Убедитесь, что вы в маске.

Это [передний план / фон цвета] должен быть черно-белым. Мы собираемся использовать жесткую круглую кисть. для этой [кисти по умолчанию], и я собираюсь просто приблизить масштаб. Ниже эта кисть [размер] немного. Затем просто удалите его [замаскируйте изображение] с его рука.

Мне нравится уберите большую часть [замаскируйте изображение дальше, чем необходимо], чтобы я мог посмотрите, где заканчивается [область маскирования], затем X на клавиатуре, чтобы добавить эту белую заднюю часть. Я могу добавить сюда эту [часть рисунка]. Я удалю эту [часть рисунок] также из области колен.

Добавление градиентов

Я также могу пойти немного дальше, перейдя к корректирующим слоям. Я собираюсь выбрать слой с градиентом, закрепить его и нажать ОК.Прикрепите [добавьте обтравочную маску] этот [корректирующий слой градиента] к самому пламени. [Щелкните правой кнопкой мыши на корректирующем слое градиента и выберите создать обтравочную маску во всплывающем меню. Слой будет обрезан по слою под ним.]

Double щелкните, чтобы открыть это диалоговое окно градиентной заливки. Я собираюсь выбрать несколько цвета, так что я думаю, что выберу это прямо здесь [шаблон градиента]. Конечно ты можно отрегулировать масштаб и все такое.

Подготовка графики для Экспорт

Прежде чем я оставлю вас, я хочу быстро продолжить и показать вам, как сгладить эту графику и экспортировать ее для использования в других программах за пределами Photoshop.Итак, с этим первым, мы собираемся захватить эти первые два слоя [градиент + графический слой], потому что этот градиент фактически обрезается в этом слое прямо здесь [слой под ним].

Мы просто собираюсь захватить этот первый слой, удерживая клавишу Shift на клавиатуре, захватить второй команда слоя или команда / ctrl + буква e на клавиатуре. Это просто объединит его в один слой. Я иду продолжить и проделать то же самое с остальной графикой. Итак, теперь у нас есть четыре объекта.

Это вот только фон [слой сплошного цвета], который я использовал, чтобы вы могли видеть над чем мы работали. Их прямо здесь можно либо удалить, либо просто скрыть их [слои сплошного цвета]. Мы хотим сохранить их как изображения PNG.

Если вы работая в PowerPoint или собираетесь использовать их для презентации убедитесь, что это PNG 24. В противном случае вы получите белый контур. это будут прозрачные изображения, но по какой-то причине PNG 8 не отображается хорошо внутри таких программ, как Word и PowerPoint.Просто имейте это в виду. Если вы сохраняете их для Word или PowerPoint, убедитесь, что это PNG 24.

Экспорт отдельных Готовая графика

Хорошо, отсюда, как только вы соберете все эти [изображения] вместе, вы сможете до файлов , затем перейдите к экспорт , мы собираемся выбрать слоев в файлы. Потому что мы хотим экспортировать каждый из этих слоев в отдельный файл, мы продолжим и выбрать просмотреть . Я собираюсь сохранить это в мои загрузки, нажмите «Открыть».Вот где он будет сохранен. Я просто иду чтобы назвать этот «образец», чтобы прямо здесь [окно сохранения], куда вы собираетесь выберите свой тип файла.

Параметры формата файла

Помните, для таких программ, как PowerPoint и Word, мы выбираем PNG24. Если вы используете это для Интернета PNG 8 было бы лучшим вариантом, потому что это файл меньшего размера. Jpg собирается добавить фон, чтобы вам не хотелось туда идти.

Знайте PNG 8, веб-использование, PNG-24 более высокого качества. Теперь здесь [окно сохранения настроек] мы собираемся выбрать , прозрачность и , чтобы обрезать слои .Затем прямо здесь у меня есть видимых слоев, выбрано только , что означает, что будут сохранены только эти четыре с включенным глазным яблоком.