Lumpics lumpics.ru

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


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

Создание фона в Photoshop

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

Вариант 1: Полосы

  1. Создаем новый документ необходимого размера. Для этого идем в меню «Файл – Создать». Переход к созданию нового документа в Фотошопе

    Выставляем размеры и нажимаем ОК.

    Настройка параметров нового документа в Фотошопе
  2. Создаем новый слой в палитре.

    Создание нового пустого слоя в Фотошопе

  3. Берем инструмент «Заливка».

    Выбор инструмента Заливка в Фотошопе

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

    Заливка слоя белым цветом в Фотошопе
  4. Далее настраиваем цвета. Основным нужно выбрать серый, а фоновым также серый, но несколько темнее.

    Настройка основного и фонового цветов в Фотошопе

  5. Идем в меню «Фильтр – Рендеринг – Волокна».

    Переход в раздел рендеринга в меню Фильтр в Фотошопе

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

    Настройка фильтра Волокна в Фотошопе

    Результат:

    Результат применения фильтра Волокна в Фотошопе
  6. Оставаясь на слое с «Волокнами», берем инструмент «Прямоугольная область».

    Выбор инструмента Прямоугольная область в Фотошопе

  7. Выделяем наиболее однородный участок по всей ширине холста.

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

  8. Нажимаем сочетание клавиш CTRL+J, скопировав выделение на новый слой.

    Копирование выделенного участка на новый слой в Фотошопе

  9. Берем инструмент «Перемещение».

    Выбор инструмента Перемещение в Фотошопе

    Снимаем видимость со слоя с «Волокнами» и перетягиваем скопированный участок в самый верх холста.

    Перемещение скопированного участка в верх холста в Фотошопе
  10. Вызываем функцию «Свободное трансформирование» сочетанием клавиш CTRL+T и растягиваем полоску вниз, до самого конца.

    Масштабирование участка изображения в Фотошопе

    Читайте также: Функция «Свободное трансформирование» в Фотошопе

    Далее подводим курсор к угловому маркеру и начинаем вращать картинку. После начала вращения зажимаем SHIFT и поворачиваем на 45 градусов.

    Поворот изображения на 45 градусов Свободным трансформированием в Фотошопе

    Теперь растягиваем изображение, чтобы оно заполнило весь холст. После завершения операции нажимаем ENTER. Результат:

    Результат применения инструмента Свободное трансформирование в Фотошопе
  11. Кликаем дважды по слою с получившимися полосами, открыв стили. Настройки такие: режим наложения «Умножение», угол -45 градусов. Градиент, показанный на скриншоте, имеется в стандартном наборе Фотошопа. Распространение цветов по холсту настраивается ползунком «Масштаб».

    Настройка наложения градиента на слой в Фотошопе

    Читайте также: Как сделать градиент в Фотошопе

    Результат:

    Результат наложения градиента на слой в Фотошопе
  12. Придадим больше контраста изображению. Кликаем по значку корректирующих слоев и выбираем «Уровни».

    Переход к настройке корректирующего слоя Уровни в Фотошопе

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

    Усиление контраста на изображении с помощью корректирующего слоя Уровни в Фотошопе
  13. Далее нам потребуется отпечаток всех слоев. Для этого становимся на самый верхний слой в палитре (у нас это «Уровни») и нажимаем сочетание клавиш CTRL+ALT+SHIFT+E.

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

  14. Теперь на этом слое можно выполнить какие-нибудь дополнительные операции, например, добавить виньетку (затемнить края) и осветлить центр.

    Подробнее:
    Добавляем виньетки на снимки в Фотошопе
    Осветляем фото в Adobe Photoshop

    Пример того, что может получиться в результате:

    Результат создания красивого фона в Фотошопе

Вариант 2: Боке

  1. Создаем новый документ, нажав комбинацию CTRL+N. Размеры изображения подбирайте по своим потребностям. Разрешение ставим 72 пикселя на дюйм. Такое разрешение подходит для публикации в интернете.

    Создание документа в Фотошопе

  2. Заливаем новый документ радиальным градиентом. Нажимаем клавишу G и выбираем «Радиальный градиент».

    Радиальный градиент в Фотошопе

    Цвета выбираем по вкусу. Основной должен быть несколько светлее фонового.

    Установка цветов градиента в Фотошопе
  3. Затем проводим линию градиента по изображению сверху вниз. Вот что должно получиться:

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

  4. Далее создаем новый слой, выбираем инструмент «Перо» (клавиша P) и проводим примерно такую кривую:

    Кривая Пера в Фотошопе

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

    Заливка выделенной области в Фотошопе

    Ставим галку возле «Сглаживания», радиус выставляем равным 0 (нулю) и нажимаем ОК.

    Заливка выделенной области в Фотошопе (3)
  5. Берем инструмент «Заливка» и заливаем выделение белым цветом.

    Заливка выделенной области в Фотошопе (2)

    Снимаем выделение комбинацией клавиш CTRL+D.

  6. Теперь дважды кликаем по слою с только что залитой фигурой, чтобы открыть стили. В параметрах наложения выбираем «Мягкий свет» либо «Умножение», накладываем градиент. Стили слоя в Фотошопе

    Для градиента выбираем режим «Мягкий свет».

    Стили слоя в Фотошопе (2)

    Результат примерно такой:

    Стили слоя в Фотошопе (3)
  7. Далее настраиваем обычную круглую кисть. Выбираем данный инструмент на панели и нажимаем F5 для доступа к настройкам.

    Настройки кисти в Фотошопе

    Ставим все галки, как на скриншоте, и переходим на вкладку «Динамика формы». Выставляем колебание размера 100% и управление «Нажим пера».

    Настройки кисти в Фотошопе (2)

    Затем на вкладке «Рассеивание» подбираем параметры, чтобы получилось, как на скрине.

    Настройки кисти в Фотошопе (3)

    На вкладке «Передача» также поиграемся с ползунками для достижения необходимого эффекта.

    Настройки кисти в Фотошопе (4)
  8. Создаем новый слой и задаем режим наложения «Мягкий свет».

    Нанесение боке в фотошопе

    На этом новом слое мы и порисуем нашей кистью.

    Нанесение боке в фотошопе (2)

  9. Для достижения более интересного эффекта, данный слой можно размыть, применив фильтр «Размытие по Гауссу», и на новом слое повторить проход кистью. Диаметр при этом можно изменить.

    Нанесение боке в фотошопе (3)

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

Обсудить в TelegramНаш Telegram каналТолько полезная информация
Автор статьи Вы на сайте: Статья обновлена: . Автор: Сергей Николаев

Вам помогли мои советы?

Получить ответ на Email
Уведомить о

1 Ответ
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Skaylet
23 ноября 2016 21:58

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

Задать вопрос