Создай абстрактный фон в фотошоп
Нравится(+) +4 Не нравится(-)

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

Создай абстрактный фон в фотошоп


Начнем работать, создав новый документ (Ctrl + N) в Adobe Photoshop размером 1250px на 1550px (RGB цветовом режиме) при разрешении 72. Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберите Наложение градиента (Gradient Overlay).

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Активируем инструмент Линия (Line Tool) (U) и установите размер на 1 пикс. в панели параметров, чтобы сделать несколько линий белого цвета.

Создай абстрактный фон в фотошоп


Активируем инструмент Произвольная фигура (Custom Shape Tool) (U) в панели параметров нажмите кнопку Фигура (Shape), чтобы открыть меню выбора. Найдите Треугольник (Triangle) в нижней части меню, а затем дважды щелкните по форме, чтобы выбрать его.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Используя тот же инструмент нарисуем еще один треугольник.

Создай абстрактный фон в фотошоп


Установим Заливка (Fill) до 0% для этого слоя и нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберите Обводка (Stroke):

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Активируем инструмент Произвольная фигура (Custom Shape Tool) (U) в панели параметров нажмите кнопку Фигура (Shape), чтобы открыть меню выбора. Найдите Треугольная рамка (Triangle Frame ) в нижней части меню, а затем дважды щелкните по форме, чтобы выбрать его.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Установите Заливка (Fill) до 16% для этого слоя.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Нажмите на иконку Добавить маску слоя (Layer mask) в нижней части палитры слоев, затем выберите мягкую круглую Кисть (Brush Tool) (B) черного цвета.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Мы будем рисовать еще один треугольник. Используйте инструмент Произвольная фигура (Custom Shape Tool) (U) и рисуем треугольник белым цветом. Зажмем клавишу Alt или выберите Вычесть из области фигуры (Subtract from shape area) (-) в панели параметров и нарисуйте еще ​​один треугольник, чтобы сократить среднюю часть, как показано на рисунке.

Создай абстрактный фон в фотошоп


Вот, что у Вас должно получится.

Создай абстрактный фон в фотошоп


Установим Заливка (Fil) до 68% для этого слоя.

Создай абстрактный фон в фотошоп


Создайте новый слой (Ctrl + Shift + N) и создайте следующее выделение с помощью инструмента Овальная область (Elliptical Marquee Tool) (M). Щелкните правой кнопкой мыши внутри выделения и используйте Трансформирование выделенной области (Transform Selection), чтобы повернуть выделение, как показано на рисунке.

Создай абстрактный фон в фотошоп


Сделайте щелчок правой кнопкой мыши внутри выделения и установите Растушевка (Feather) на 20 пикс, снова щелкните правой кнопкой мыши внутри выделения и выберите Выполнить заливку (Fill the selection), чтобы заполнить выделение белым цветом.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Активируем инструмент Произвольная фигура (Custom Shape Tool) (U) в панели параметров нажмите кнопку Фигура (Shape), чтобы открыть меню выбора. Найдите Треугольная рамка (Triangle Frame ) в нижней части меню, а затем дважды щелкните по форме, чтобы выбрать его. Нажмите и перетащите, чтобы нарисовать треугольник.

Создай абстрактный фон в фотошоп


Установим Заливка (Fill) до 0% для этого слоя и нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберите Обводка (Stroke):

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Нажмите на иконку Добавить маску слоя (Layer mask) в нижней части палитры слоев, затем выберите мягкую круглую Кисть (Brush Tool) (B) черного цвета (установите Непрозрачность (Opacity) до 15% в панели параметров).

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Вот, что у нас получилось.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Нажмите клавишу DELETE.

Создай абстрактный фон в фотошоп


Теперь зажмите клавишу Alt и вставьте маску на слой, нажав на иконку Добавить маску слоя (Layer mask) в нижней части палитры слоев и выберите мягкую круглую Кисть (Brush) белого цвета.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Снова выберем инструмент Произвольная фигура (Custom Shape Tool) (U) в панели параметров нажмите кнопку Фигура (Shape), чтобы открыть меню выбора. Найдите Треугольная рамка (Triangle Frame ) в нижней части меню, а затем дважды щелкните по форме, чтобы выбрать его. Нажмите и перетащите, чтобы нарисовать треугольник.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Установим Заливка (Fill) до 0% для этого слоя и нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберите Обводка (Stroke):

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Нажмите на иконку Добавить маску слоя (Layer mask) в нижней части палитры слоев, затем выберите мягкую круглую Кисть (Brush Tool) (B) черного цвета (установите Непрозрачность (Opacity) до 15% в панели параметров). Рисуем на маске с помощью данной кисти, чтобы скрыть некоторые зоны на треугольнике, как показано на рисунке ниже.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Сделайте копию полученной группы, выделив группу, в панели слоев и нажав CTRL + E, чтобы Объединить слои (Merge Down). Примените следующий фильтр на растрированный слой: Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gussian Blur):

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Нажмите на иконку Добавить маску слоя (Layer mask) в нижней части палитры слоев, затем выберите мягкую круглую Кисть (Brush Tool) (B) черного цвета.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Установите Заливка (Fill) до 32% для этого слоя.

Создай абстрактный фон в фотошоп


Далее используйте Прямоугольник (Rectangle Tool) (U), чтобы нарисовать следующий прямоугольник, как показано на рисунке.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Вот, что у нас должно получится.

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


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

Создай абстрактный фон в фотошоп


Сделайте копию последнего слоя (Ctrl + J) и примените для слоя копии следующий фильтр: Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur).

Создай абстрактный фон в фотошоп


Вот, что получилось.

Создай абстрактный фон в фотошоп


Установите Режим смешивания (Blend Mode) этого слоя на Точечный свет (Pin Light).

Создай абстрактный фон в фотошоп


Наш красочный, абстрактный фон готов! Экспериментируйте и воплощайте свои фантазии.

Сайт: Stadion-Kuban.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/Stadion-Kuban

Информация
Автор / Разработчик
adobetutorialz
Перевел
Артеменко Любовь
Сложность
Средняя
Источник
Добавил
Lubashka
Дата
11-10-2020, 11:28
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 5 - 1 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Опубликовано 11-10-2020, 11:28
Опубликовано 7-10-2020, 20:00
Опубликовано 25-09-2020, 19:33
Опубликовано 24-09-2020, 18:42
Архив сайта
Карта Сайта