MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

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

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

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

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

  1. Для начала нужно создать новый документ (меню “Файл”“Создать”).
    img/2020/01/sozdanie-fona-foto-1.png 400x792
  2. Размеры задаем на свое усмотрение, указываем разрешение 72 пикс./дюйм.
    img/2020/01/sozdanie-fona-foto-2.png 1000x595
  3. В редакторе слоев создаем новый.
    img/2020/01/sozdanie-fona-foto-3.png 450x552
  4. На боковой панели инструментов выбираем “Заливку”. Закрашиваем холст. Цвет при этом может быть выбран любой (у нас – белый).
    img/2020/01/sozdanie-fona-foto-5-1.png 800x595
  5. Теперь приступим к настройке цветов:
    • в качестве основного задаем серый;
    • фоновый цвет – тоже серый, но более темный.
      img/2020/01/sozdanie-fona-foto-6.png 1000x598
  6. Выбираем фильтр “Волокна” (Фильтр – Рендеринг).
    img/2020/01/sozdanie-fona-foto-7.png 600x611
  7. Выставляем параметры фильтра на свое усмотрение и жмем OK. В нашем случае: несовпадения – 20, интенсивность – 15. Можно ориентироваться на эти значения.
    img/2020/01/sozdanie-fona-foto-8.png 600x593
  8. Получаем следующий результат на холсте.
    img/2020/01/sozdanie-fona-foto-9.png 800x797
  9. Теперь выбираем инструмент “Прямоугольная область”, все еще оставаясь на слое с волокнами.
    img/2020/01/sozdanie-fona-foto-10.png 400x125
  10. С помощью зажатой левой кнопки мыши производим выделение более или менее однородного участка (от левого до правого края или наоборот).
    img/2020/01/sozdanie-fona-foto-11.png 800x797
  11. Копируем выделенный участок в новый слой, нажав комбинации Ctrl+J на клавиатуре.
    img/2020/01/sozdanie-fona-foto-12.png 450x554
  12. Убираем видимость слоя с волокнами.
    img/2020/01/sozdanie-fona-foto-14.png 450x554
  13. Выбираем на панели инструментов “Перемещение”.
    img/2020/01/sozdanie-fona-foto-13.png 400x147
  14. Перетягиваем изображение скопированного слоя, выровняв его по верхней границе холста.
    img/2020/01/sozdanie-fona-foto-15-3.png 800x409
  15. Нажимаем комбинацию клавиш Ctrl+T, чтобы активировать функцию “Свободное трансформирование”, после чего растягиваем слой вниз на весь холст.
    img/2020/01/sozdanie-fona-foto-17.png 800x805
    Также, чтобы иметь возможность растянуть изображение, можно включить показ управляющих элементов.
    img/2020/01/sozdanie-fona-foto-16.png 450x187
  16. Наводим курсор в область любого углового маркера. Как только увидим скругленную стрелку в обе стороны, зажав клавишу Shift поворачиваем изображение на 45 градусов.
    img/2020/01/sozdanie-fona-foto-18.png 800x801
  17. Растягиваем повернутое изображение, заполнив тем самым всю область холста (при это удерживаем клавишу Shift для сохранения пропорций).
    img/2020/01/sozdanie-fona-foto-19.png 800x794
  18. В итоге получаем следующий результат.
    img/2020/01/sozdanie-fona-foto-20.png 800x798
  19. Двойным щелчком по слою с повернутыми полосками (но не по миниатюре и названию), открываем его свойства.
    img/2020/01/sozdanie-fona-foto-21.png 450x556
  20. Включаем “Наложение градиента” и выставляем следующие параметры:
    • режим наложения – умножение;
    • включаем дизеринг;
    • непрозрачность – 100%;
    • угол – минус 45 градусов;
    • градиент, масштаб и прочие параметры – на свое усмотрение;
    • когда все готово, жмем OK.
      img/2020/01/sozdanie-fona-foto-23.png 1737x925
  21. У нас получился такой результат.
    img/2020/01/sozdanie-fona-foto-24.png 800x796
  22. Создаем новый корректирующий слой, нажав на соответствующий значок.
    img/2020/01/sozdanie-fona-foto-25.png 450x558
  23. Выбираем в открывшемся перечне вариант – “Уровни”.
    img/2020/01/sozdanie-fona-foto-26.png 450x433
  24. Сдвигаем левый и правый ползунки к центру, чтобы добавить больше контраста (на свое усмотрение).
    img/2020/01/sozdanie-fona-foto-27.png 800x659
  25. Теперь, находясь на самом верхнем слое, нажимаем комбинацию клавиш Ctrl+Alt+Shift+E, чтобы создать отпечаток всех слоев.
    img/2020/01/sozdanie-fona-foto-28.png 450x528
  26. Можно сказать, что фон полностью готов.
    img/2020/01/sozdanie-fona-foto-29.png 800x800
  27. Его можно доработать, например, добавив рамки. Как это сделать, читайте в нашей публикации – “Как сделать рамку вокруг фотографии в Фотошопе”.
    img/2020/01/sozdanie-fona-foto-30.png 800x801

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

  1. Как и в первом примере начнем с того, что создадим новый документ желаемого размера.
    img/2020/01/sozdanie-fona-foto-2.png 1000x595
  2. Настраиваем основной и фоновый цвета на свое усмотрение. При этом фоновый должен быть темнее.
    img/2020/01/sozdanie-fona-foto-32.png 800x480
  3. Выбираем “Градиент” в вариантах заливки. Затем в верхней части окна программы щелкаем по значку “Радиальный градиент”.
    img/2020/01/sozdanie-fona-foto-33.png 450x626
  4. Кликаем по стрелке вниз рядом с текущей цветовой схемой и выбираем наши цвета.
    img/2020/01/sozdanie-fona-foto-34.png 450x285
  5. Заливаем холст градиентом, протянув его линию от верхнего края к нижнему.
    img/2020/01/sozdanie-fona-foto-35-1.png 800x795
  6. В палитре слоев создаем новый.
    img/2020/01/sozdanie-fona-foto-36.png 450x529
  7. На панели инструментов выбираем “Перо”.
    img/2020/01/sozdanie-fona-foto-37.png 400x189
  8. Рисуем кривую (можно ориентироваться на скриншот ниже). Очень важно замкнуть первую и последнюю точки, чтобы образовался контур.
    img/2020/01/sozdanie-fona-foto-39.png 800x652
    Примечание: подробнее об этом читайте в нашей публикации – “Как пользоваться пером в Фотошопе”.
  9. Щелчком правой кнопкой мыши внутри контура раскрываем контекстное меню, в котором выбираем пункт “Выделить область”.
    img/2020/01/sozdanie-fona-foto-40.png 800x685
  10. В открывшемся окошке устанавливаем галочку напротив опции “Сглаживание”, в радиус растушевки указываем 0 пикселей, после чего жмем OK.
    img/2020/01/sozdanie-fona-foto-41.png 500x353
  11. В качестве основного цвета выбираем белый и выбираем инструмент “Заливка”.
    img/2020/01/sozdanie-fona-foto-42.png 400x478
  12. Заливаем выделенную область выбранным цветом, после чего жмем комбинацию клавиш Ctrl+D, чтобы снять выделение.
    img/2020/01/sozdanie-fona-foto-43-1.png 800x800
  13. Двойным щелчком по верхнему слою открываем его свойства.
    img/2020/01/sozdanie-fona-foto-44.png 450x531
  14. Выбираем параметрах наложения вариант “Мягкий свет” или “Умножение”.
    img/2020/01/sozdanie-fona-foto-45.png 1000x533
  15. Включаем наложение градиента и выбираем режим “Мягкий свет”. Нажимаем кнопку OK.
    img/2020/01/sozdanie-fona-foto-46.png 1000x529
  16. Получаем вот такой результат.
    img/2020/01/sozdanie-fona-foto-47.png 800x798
  17. На панели инструментов выбираем “Кисть”.
    img/2020/01/sozdanie-fona-foto-48.png 400x221
  18. Выбираем форму – круглую жесткую, после чего щелкаем на значок в виде папки с кисточкой внутри. Вместо этого можно просто щелкнуть F5.
    img/2020/01/sozdanie-fona-foto-49-1.png 500x766
  19. В открывшихся настройках кисти в разделе “Форма отпечатка кисти” для параметра “Интервалы” выставляем значение, желательно, от 30% и выше. Также устанавливаем галочки напротив опций – как показано на рисунке ниже.
    img/2020/01/sozdanie-fona-foto-50.png 600x668
  20. Затем переходим в “Динамику формы”, где указываем колебание размера – 100%, а в управлении – “Нажим пера”.
    img/2020/01/sozdanie-fona-foto-51.png 600x667
  21. В разделе “Рассеивание” ставим галочку напротив пункта “Обе оси”. Выставляем параметры таким образом, чтобы приблизиться к результату, показанному ниже.
    img/2020/01/sozdanie-fona-foto-52.png 600x673
  22. Создаем новый слой и выбираем для него режим наложения “Мягкий свет”.
    img/2020/01/sozdanie-fona-foto-53-1.png 450x529
  23. Теперь можно порисовать на этом слое созданной нами кистью.
    img/2020/01/sozdanie-fona-foto-56.png 800x798
  24. Чтобы сделать фон более эффектным, слой можно размыть с помощью фильтра “Размытие по Гауссу” (меню “Фильтр” – “Размытие”).
    img/2020/01/sozdanie-fona-foto-54.png 600x514
  25. Выставляем радиус размытия (можно ориентироваться на значение, выбранное нами) и жмем OK.
    img/2020/01/sozdanie-fona-foto-57.png 400x399
  26. Создаем новый слой, также, выбираем для него режим наложения “Мягкий свет” и проходимся кистью, изменив размер. Получаем вот такой финальный вариант.
    img/2020/01/sozdanie-fona-foto-55.png 800x799

Заключение

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