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

277

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

Давайте посмотрим, как можно самостоятельно создать красочный фон в программе 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 можно сделать эффектные и красочные фоны на примере полосок в виде волокон с градиентной заливкой и эффектом боке. При этом понадобятся только стандартные и вполне понятные инструменты. Конечно же, финальные результаты могут получиться совершенно другими. Все зависит от конкретных настроек и выбора пользователя на каждом этапе работы.

ОСТАВЬТЕ ОТВЕТ

Введите свой комментарий
Пожалуйста, введите свое Имя