Создание фона в Фотошопе

12366

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

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

Пример 1: Градиентные полоски

  1. Для начала нужно создать новый документ (меню «Файл»«Создать»).Создание нового документа в Фотошопе
  2. Размеры задаем на свое усмотрение, указываем разрешение 72 пикс./дюйм.Создание нового документа в Photoshop
  3. В редакторе слоев создаем новый.Создание нового слоя в Photoshop
  4. На боковой панели инструментов выбираем «Заливку». Закрашиваем холст. Цвет при этом может быть выбран любой (у нас — белый).Заливка холста в Фотошопе основным цветом
  5. Теперь приступим к настройке цветов:
    • в качестве основного задаем серый;
    • фоновый цвет — тоже серый, но более темный.Выбор основного и фонового цвета в Фотошопе
  6. Выбираем фильтр «Волокна» (Фильтр — Рендеринг).Выбор фильтра Волокна в Фотошопе
  7. Выставляем параметры фильтра на свое усмотрение и жмем OK. В нашем случае: несовпадения — 20, интенсивность — 15. Можно ориентироваться на эти значения.Настройка параметров фильтра Волокна в Photoshop
  8. Получаем следующий результат на холсте.Результат применения фильтра Волокна в Фотошопе
  9. Теперь выбираем инструмент «Прямоугольная область», все еще оставаясь на слое с волокнами.Выбор инструмента Прямоугольная область в Фотошопе
  10. С помощью зажатой левой кнопки мыши производим выделение более или менее однородного участка (от левого до правого края или наоборот).Выделение прямоугольной области на холсте в Photoshop
  11. Копируем выделенный участок в новый слой, нажав комбинации Ctrl+J на клавиатуре.Копирования выделенной области в новый слой в Фотошопе
  12. Убираем видимость слоя с волокнами.Отключение видимости слоя в Photoshop
  13. Выбираем на панели инструментов «Перемещение».Выбор инструмента Перемещение в Фотошопе
  14. Перетягиваем изображение скопированного слоя, выровняв его по верхней границе холста.Перемещение изображения в Фотошопе
  15. Нажимаем комбинацию клавиш Ctrl+T, чтобы активировать функцию «Свободное трансформирование», после чего растягиваем слой вниз на весь холст.Растягивание изображения в PhotoshopТакже, чтобы иметь возможность растянуть изображение, можно включить показ управляющих элементов.Включение отображения управляющих элементов в Photoshop
  16. Наводим курсор в область любого углового маркера. Как только увидим скругленную стрелку в обе стороны, зажав клавишу Shift поворачиваем изображение на 45 градусов.Поворот изображения на 45 градусов в Фотошопе
  17. Растягиваем повернутое изображение, заполнив тем самым всю область холста (при это удерживаем клавишу Shift для сохранения пропорций).Растягивание изображения в Photoshop
  18. В итоге получаем следующий результат.Полоски в виде волокон в Photoshop
  19. Двойным щелчком по слою с повернутыми полосками (но не по миниатюре и названию), открываем его свойства.Переход к стилям слоя в Photoshop
  20. Включаем «Наложение градиента» и выставляем следующие параметры:
    • режим наложения — умножение;
    • включаем дизеринг;
    • непрозрачность — 100%;
    • угол — минус 45 градусов;
    • градиент, масштаб и прочие параметры — на свое усмотрение;
    • когда все готово, жмем OK.Наложение градиента в стиле слоя в Photoshop
  21. У нас получился такой результат.Результат наложения градиента на полоски в виде волокон в Photoshop
  22. Создаем новый корректирующий слой, нажав на соответствующий значок.Создание корректирующего слоя в Фотошопе
  23. Выбираем в открывшемся перечне вариант — «Уровни».Создание корректирующего слоя с уровнями в Photoshop
  24. Сдвигаем левый и правый ползунки к центру, чтобы добавить больше контраста (на свое усмотрение).Настройка уровней корректирующего слоя в Фотошопе
  25. Теперь, находясь на самом верхнем слое, нажимаем комбинацию клавиш Ctrl+Alt+Shift+E, чтобы создать отпечаток всех слоев.Создание отпечатка всех слоев в Фотошопе
  26. Можно сказать, что фон полностью готов.Градиентные полоски в виде волокон в Фотошопе
  27. Его можно доработать, например, добавив рамки. Как это сделать, читайте в нашей публикации — «Как сделать рамку вокруг фотографии в Фотошопе».Фон в виде полосок с градиентной заливкой в Photoshop

Пример 2: Эффект боке

  1. Как и в первом примере начнем с того, что создадим новый документ желаемого размера.Создание нового документа в Фотошопе
  2. Настраиваем основной и фоновый цвета на свое усмотрение. При этом фоновый должен быть темнее.Выбор основного и фонового цвета в Photoshop
  3. Выбираем «Градиент» в вариантах заливки. Затем в верхней части окна программы щелкаем по значку «Радиальный градиент».Выбор инструмента Радиальный градиент в Photoshop
  4. Кликаем по стрелке вниз рядом с текущей цветовой схемой и выбираем наши цвета.Выбор цветовой схемы градиента в Фотошопе
  5. Заливаем холст градиентом, протянув его линию от верхнего края к нижнему.Заливка градиентом в Фотошопе
  6. В палитре слоев создаем новый.Создание нового слоя в Photoshop
  7. На панели инструментов выбираем «Перо».Выбор инструмента Перо в Фотошопе
  8. Рисуем кривую (можно ориентироваться на скриншот ниже). Очень важно замкнуть первую и последнюю точки, чтобы образовался контур.Нарисованный с помощью Пера контур в ФотошопеПримечание: подробнее об этом читайте в нашей публикации — «Как пользоваться пером в Фотошопе».
  9. Щелчком правой кнопкой мыши внутри контура раскрываем контекстное меню, в котором выбираем пункт «Выделить область».Выделение области в Фотошопе
  10. В открывшемся окошке устанавливаем галочку напротив опции «Сглаживание», в радиус растушевки указываем 0 пикселей, после чего жмем OK.Параметры выделения области в Photoshop
  11. В качестве основного цвета выбираем белый и выбираем инструмент «Заливка».Выбор инструмента Заливка в Photoshop
  12. Заливаем выделенную область выбранным цветом, после чего жмем комбинацию клавиш Ctrl+D, чтобы снять выделение.Заливка выделенной области в Photoshop
  13. Двойным щелчком по верхнему слою открываем его свойства.Переход к стилю слоя в Фотошопе
  14. Выбираем параметрах наложения вариант «Мягкий свет» или «Умножение».Мягкий свет в параметрах наложения в Photoshop
  15. Включаем наложение градиента и выбираем режим «Мягкий свет». Нажимаем кнопку OK.Настройка наложения градиента в стиле слоя в Photoshop
  16. Получаем вот такой результат.Результат наложения градиента с мягким светом в Фотошопе
  17. На панели инструментов выбираем «Кисть».Выбор инструмента Кисть в Фотошопе
  18. Выбираем форму — круглую жесткую, после чего щелкаем на значок в виде папки с кисточкой внутри. Вместо этого можно просто щелкнуть F5.Выбор круглой жесткой кисти и переход к ее настройкам в Фотошопе
  19. В открывшихся настройках кисти в разделе «Форма отпечатка кисти» для параметра «Интервалы» выставляем значение, желательно, от 30% и выше. Также устанавливаем галочки напротив опций — как показано на рисунке ниже.Настройка кисти в Фотошопе
  20. Затем переходим в «Динамику формы», где указываем колебание размера — 100%, а в управлении — «Нажим пера».Настройка динамики и формы кисти в Photoshop
  21. В разделе «Рассеивание» ставим галочку напротив пункта «Обе оси». Выставляем параметры таким образом, чтобы приблизиться к результату, показанному ниже.Настройка рассеивания кисти в Фотошопе
  22. Создаем новый слой и выбираем для него режим наложения «Мягкий свет».Создание нового слоя в Photoshop
  23. Теперь можно порисовать на этом слое созданной нами кистью.Создание фона с эффектом боке в Фотошопе
  24. Чтобы сделать фон более эффектным, слой можно размыть с помощью фильтра «Размытие по Гауссу» (меню «Фильтр» — «Размытие»).Применение фильтра Размытие по Гауссу в Фотошопе
  25. Выставляем радиус размытия (можно ориентироваться на значение, выбранное нами) и жмем OK.Настройка фильтра Размытие по Гауссу в Photoshop
  26. Создаем новый слой, также, выбираем для него режим наложения «Мягкий свет» и проходимся кистью, изменив размер. Получаем вот такой финальный вариант.Фон с эффектом боке в Photoshop

Заключение

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

ОСТАВЬТЕ ОТВЕТ
Введите свой комментарий
Пожалуйста, введите свое Имя