Как в фотошопе сделать фон из картинки: Как быстро сделать красивый фон в фотошопе на фотографии – Как сделать фон в фотошопе

Как в фотошопе сделать фон из картинки: Как быстро сделать красивый фон в фотошопе на фотографии – Как сделать фон в фотошопе

alexxlab 18.12.2019

Содержание

Как быстро сделать красивый фон в фотошопе на фотографии

Здравствуйте! Наверняка у каждого наберется пара-тройка, а может и с десяток фотографий, которые хороши сами по себе, но хотелось бы их украсить — изменить фон. В интернете есть миллионы красивых фонов, при желании их можно скачать, но собственноручно сделанный фон намного интереснее, тем более этот фон будет в единственном экземпляре. Давайте научимся делать красивый фон в фотошопе на фотографии.

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

Используемые в уроке материалы:

Девушка – https://cloud.mail.ru/public/9aMq/VJckPyBtw

Градиенты – https://cloud.mail.ru/public/G4Tw/heBD73MGk

Кисти — https://cloud.mail.ru/public/8VxE/eESkvLKWd

Открываем в фотошопе фото с девушкой, Файл-Открыть (FileOpen):

Как быстро сделать красивый фон в фотошопе на фотографии 1

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

Как быстро сделать красивый фон в фотошопе на фотографии 2

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

(Magic Wand),горячая клавиша вызова инструмента W. Чтобы выбрать инструмент с подгруппы, при активной подгруппе сделайте длительный щелчок по иконке подгруппы или же щелкните по иконке подгруппы с зажатой клавишейShift:

Как быстро сделать красивый фон в фотошопе на фотографии 3

Наше фото на белом фоне, имеет четкие границы, поэтому в этом случае подойдет инструмент Волшебная палочка (Magic Wand), вы же можете отделить человека от фона любым удобным для вас инструментом.

Для выделения белого фона просто щелкните по самому большому участку белого фона, далее с зажатой клавишей Shift пощелкайте ещё в области рук и головы. Клавиша Shift необходима, чтобы добавить к выделенной области новое выделение, для этой же цели можно нажать вот эту иконку в верхней панели настройки инструмента:

Как быстро сделать красивый фон в фотошопе на фотографии 4

На клавиатуре нажимаем клавишу Delete либо переходим в меню 

Редактирование-Очистить (EditClear)для удаления белого фона с фото:

Как быстро сделать красивый фон в фотошопе на фотографии 5

Нажимаем Ctrl+или переходим в Выделение-Отменить выделение (SelectDeselect),чтобы снять выделение:

Как быстро сделать красивый фон в фотошопе на фотографии 6Как быстро сделать красивый фон в фотошопе на фотографии 7

Активируем инструмент Градиент (Gradient), горячая клавиша вызова инструмента –G:

Как быстро сделать красивый фон в фотошопе на фотографии 8

Откроется окно настроек градиента, в котором мы можем самостоятельно подобрать цвета, кликнув по миниатюре градиента:

Как быстро сделать красивый фон в фотошопе на фотографии 9

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

),контрольные точки можно перетаскивать и добавлять новые:

Как быстро сделать красивый фон в фотошопе на фотографии 10

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

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

Чтобы загрузить стили градиента, нужно при активном окне градиента нажать кнопку «Загрузить»и выбрать в проводнике скачанные из интернета градиенты:

Как быстро сделать красивый фон в фотошопе на фотографии 11

Я выбрала голубо-желто-зеленый градиенти немного, изменила его настройки, отмеченные на скриншоте:

Как быстро сделать красивый фон в фотошопе на фотографии 12

После достижения удовлетворительного результата нажала два раза «Ок». Вот как выглядит наш фон:

Как быстро сделать красивый фон в фотошопе на фотографии 13

Сейчас фон перекрывает девушку, перейдите в палитру слоев и мышью перетащите фон под слой с девушкой:

Как быстро сделать красивый фон в фотошопе на фотографии 14

Как быстро сделать красивый фон в фотошопе на фотографии 15

Изображение уже и так значительно изменилось в лучшую сторону, но продолжим создавать красивый фон для фотографии. Создайте новый слой выше слоя с фоном, но ниже слоя с девушкой,Слои-Новый-Слой (LayerNewLayerили нажмите на иконку создания нового слоя в палитре слоев:

Как быстро сделать красивый фон в фотошопе на фотографии 16

Как быстро сделать красивый фон в фотошопе на фотографии 17

Активируем инструмент Кисть (Brush), горячая клавиша выбора инструмента B:

Как быстро сделать красивый фон в фотошопе на фотографии 18

Загружаем кисти «Блестки», для этого нажимаем на иконку размера кисти, далее – на «шестеренку» справа, а потом «загрузить кисти»

:

Как быстро сделать красивый фон в фотошопе на фотографии 19

Как быстро сделать красивый фон в фотошопе на фотографии 20

Выбираем понравившеюся кисть, у меня это:

Как быстро сделать красивый фон в фотошопе на фотографии 21

Выбираем белый цвет:

Как быстро сделать красивый фон в фотошопе на фотографии 22

Можно выбрать любой другой, но в нашем случае больше подойдет белый. Ставим хаотичные отпечатки кистью на ранее созданном слое:

Как быстро сделать красивый фон в фотошопе на фотографии 23

Можно поиграть с режимами наложения слоя и изменить его, к примеру, на Перекрытие (Overlayили Мягкий свет (SoftLight):

Как быстро сделать красивый фон в фотошопе на фотографии 24

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

непрозрачность слоя для смягчения эффекта.

Как быстро сделать красивый фон в фотошопе на фотографии 25

Вот ещё один вариант фона, созданный тем же методом с использованием тех же градиентов и кистей:

Как быстро сделать красивый фон в фотошопе на фотографии 26

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

Автор урока: Ольга Максимчук (Princypessa)

Как сделать красивый фон в Фотошопе: градиентные полоски, боке

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

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

Фон с эффектом боке в Photoshop Загрузка…

Применение фотографии в качестве собственного фона

Открываем исходную фотографию в Photoshop и, для начала, дважды дублируем фоновый слой, для этого надо дважды нажать комбинацию Ctrl+J, в результате панель слоёв должна выглядеть так:

2

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

Создаём фон из фотографии

Отключаем видимость верхнего слоя и переходим на слой под ним:

3

Теперь мы должны выбрать цвет из изображения, который мы собираемся использовать для расцветки фона. Мы сделаем это с помощью инструмента «Пипетка» (Eyedropper Tool):

Eyedropper Tool

Я взять образец цвета из щеки женщины, этот цвет, по моему мнению, подойдёт в качестве определяющего для фона под фотографией:

5

Вы увидите, что этот цвет появился в качестве цвета переднего плана в цветовой палитре:

6

Создадим корректирующий слой «Цветовой тон/насыщенность» (Hue/Saturation) над активным слоем:

7

В панели свойств корректирующего слоя поставьте галку у опции «Тонирование» (Colorize):

8

Как только вы выберите эту опцию, Photoshop тонирует слой в основной цвет цветовой палитры, в нашем случае, розовый, который мы взяли со щеки женщины:

9

Я увеличу насыщенность цвета, передвинув соответствующий ползунок (Saturation) вправо до значения 50. Затем я собираюсь придать фону несколько «полинявший» вид, для этого я перетащу ползунок «Яркость» (Lightness) вправо до значения 75:

10

Изображение будет выглядеть примерно так:

11

Я хочу сделать ещё одну, последнюю вещь с нашим фоном. Я хочу отразить его по горизонтали, чтобы фон смотрелся как зеркальное отражение к основному фото. Чтобы это сделать, в первую очередь нам необходимо выбрать правильный слой. На данный момент, в панели слоёв у нас активен корректирующий слой «Цветовой тон/Насыщенность», поэтому кликните по слою под ним, содержащему наше фоновое изображение. Затем нажмите клавиши Ctrl+T для активации инструмента «Свободная трансформация», вокруг всего изображения появится габаритная рамка, затем кликните правой клавишей мыши внутри рамки, появится контекстное меню, где кликните по пункту «Отразить по горизонтали» (Flip Horizontal), фотография зеркально отразится, нажмите Enter:

12

Включите видимость верхнего слоя и кликните по нему, чтобы сделать активным:

13

Позиционируем основную фотографию

Теперь я собираюсь сделать наше основное изображение меньше относительно фона при помощи команды «Свободная трансформация». Нажмите комбинацию Ctrl+T, зажмите клавиши Shift+Alt и перетащите любой из угловых маркеров рамки внутрь. Когда закончите перетаскивание, отпустите левую клавишу мыши, и только потом отпустите клавиши Shift+Alt:

14

Нажмите Enter, чтобы применить действие инструмента.

Придаём стили слоя основной фотографии

Давайте сделаем так, чтобы основное изображение имело некоторый объём относительно фоновой фотографии, и сделаем это при помощи стилей слоя, «Обводки» (Stroke) и «Тени» (Drop Shadow).

Сперва «Обводка». Образец цвета обводки возьмём с платья невесты, положение — внутри (Inside), а толщину сделаем 4 пикселя:

15

Теперь «Тень». Цвет тени возьмём с лица жениха, остальные параметры на рисунке:

16

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

17

Изменение размера основного изображения (по необходимости)

Вроде бы неплохо, но за исключением одной вещи. Основное изображение перекрывает лица мужчины и женщины на фоновом изображении, поэтому я собираюсь переместить основное изображение насколько вниз с помощью инструмента «Перемещение» (Move Tool):

18

Кроме того, также, с помощью «Свободной трансформации», можно изменить размер и положение фонового изображения. Я решил немного увеличить фоновую фотографию.

Итоговый результат:

фотография в качестве собственного фона

На этом всё, надеюсь, урок понравился )))

Фон из фотографии. |

Это совсем простой урок, как сделать фото на собственном фоне. Может быть, этот прием кому-то и пригодится. В конечном итоге это выглядит так.

 

Откроем фотографию.

1-Файл-открыть.

 

2-Разблокировать слой в окне слоев. (Кликнуть по нему два раза и, в появившемся окошке, «ok»)

3-Слой-создать дубликат слоя. Из этого слоя создадим фон.

 

4-В окне слоев активировать нижний слой и отключить глазок на верхнем слое (кликнуть по глазку напротив слоя).

 

5-Изображение-коррекция-цветовой тон/насыщенность. Поставить галочку на  «тонирование» и, двигая ползунки, подобрать тон.

 

Я остановилась на таком тоне.

 

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

6-В окне слоев активировать верхний слой и включить глазок (кликнуть по месту где был глазок)

7-Редактирование-свободное трансформирование. Уменьшить размер до 40%.

 

 

8-Редактирование-выполнить обводку. В появившемся окошке кликнуть по прямоугольнику цвета, появится пипетка и  окно палитры цветов. Пипеткой кликнуть  на изображении по цвету, из которого будет обводка и нажать «ok»  в окне палитры цветов. ( Я выбрала цвет обводки из большой фотографии.).Затем поставить ширину обводки и выбрать «снаружи».

 

9-Еще раз редактирование-выполнить обводку. Теперь выбрать зеленый цвет для обводки. (Выбираем из маленькой фотографии).

 

10-Слой-стиль слоя-тень.

 

11-На панели инструментов выбрать инструмент «перемещение»  и подвинуть маленькую фотографию в левый нижний угол.

 

Сделаем копию этого слоя.

12-Слой-создать дубликат слоя. (Верхний слой активный).

 

13-Редактирование-трансформирование-отразить по горизонтали.

14-Инструментом «перемещение» подвинуть копию фото в верхний правый угол.

 

Теперь сделаем обводку для всей фотографии.

15-В окне слоев активировать нижний слой.

 

16-Редактирование-выполнить обводку. В появившемся окошке поменяем  ширину обводки, поставить 10 px и выбрать «внутри».

 

17- Редактирование-выполнить обводку. Нажать на прямоугольник цвета и пипеткой выбрать из  большой фотографии розовый  цвет. Затем поставить ширину обводки 5 px.

 

18-Слой-выполнить сведение и сохранить файл для Web и устройств.

Как сделать в Фотошопе красивый фон

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

Создание фона в 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)

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

Нанесение боке в фотошопе (3)Мы рады, что смогли помочь Вам в решении проблемы.
Нанесение боке в фотошопе (3)Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Как обработать фон в Photoshop / Фотообработка в Photoshop / Уроки фотографии

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

Как обработать фон в Photoshop

Отделить предмет от фона на изображении можно несколькими способами. Выбор способа зависит от сложности фона: чем он однороднее, тем проще его отделить. Это касается, например, сплошного одноцветного фона. Сложные фоны отделить не намного труднее, но дольше по времени. Приступим.

Отделение от однородного фона

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

Как обработать фон в Photoshop

С этой задачей легко справятся инструменты группы быстрого выделения/Quick selection tool.

Запускаем photoshop и открываем изображение привычным для вас способом (например, сочетанием клавиш Ctrl+O). На палитре слоёв нужно щелчком правой клавиши мыши по изображению замка открепить слой.

Как обработать фон в Photoshop

Слева, на панели инструментов, в группе быстрого выделения, выбираем инструмент «Волшебная палочка»/Magic Wand Tool (либо сочетание клавиш Ctrl+W).

Сверху, на панели управления, в атрибуте «Допуск»/Tolerance, задайте значение приблизительно 50. Установите курсор в окошко значения и с клавиатуры введите нужную цифру.

Как обработать фон в Photoshop

Теперь щёлкните правой клавишей мыши и протащите по фону изображения. Часть изображения у вас выделится пунктиром.

Как обработать фон в Photoshop

Чтобы выделить новый участок фона, удерживайте клавишу Shift, подведите курсор к нужному участку и нажмите правую клавишу. Каждый новый участок важно выделять, удерживая Shift. В противном случае все выделения будут сброшены. Внимательно смотрите, чтобы в просветах объекта фон тоже был выделен. Если вдруг вы промазали и вместо фона щёлкнули по объекту, то нажмите сочетание клавиш Ctrl+Z. Так вы отмените действие на один шаг назад и сможете продолжить выделение.

Как обработать фон в Photoshop

Когда выделение закончено, весь ваш объект (если есть, то и просветы) должен быть выделен пунктиром. Если пунктир виден по всему периметру картинки, то у вас выделен именно фон, если пунктир виден только вокруг объекта, то выделен лишь объект. Поверхность выделения можно изменять нажатием сочетания клавиш Shift+Ctrl+I.

Как обработать фон в Photoshop

В первом случае, когда выделен фон и пунктир виден по всему периметру картинки, достаточно нажать клавишу Delete, и фон будет удалён. Ваш объект останется на прозрачном фоне.

Как обработать фон в Photoshop

Во втором случае, когда выделен только объект и пунктир обрисовывает только его, можно скопировать выделение сочетанием клавиш Ctrl+C, создать новый пустой слой сочетанием клавиш Shift+Ctrl+N, выделить этот слой (подвести курсор и щёлкнуть один раз).

Как обработать фон в Photoshop

Затем нажмите сочетание клавиш Ctrl+V, и ваш объект будет скопирован на новый слой с прозрачным фоном. Если нажать на слое с исходным изображением значок «Глаз», то вы увидите, что получилось. Чтобы сбросить выделение, нажмите Ctrl+D.

Как обработать фон в Photoshop

Теперь просто сохраните полученное изображение в формате PNG. Нажмите сочетание клавиш Shift+Ctrl+S (либо в меню файл выберите «Сохранить как»). В окне сохранения задайте путь, где хотите сохранить свою картинку с прозрачным фоном, задайте понятное для вас имя файла, а в пункте «Тип файла» выберите PNG. Этот формат нужен для сохранения картинки на прозрачном фоне.

Как обработать фон в Photoshop

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Ретушь фотографий в Photoshop CC. Основы».

Обучение в Фотошколе онлайн

Отделение контурного объекта

Если вам нужно выделить только часть изображения по контуру, можно использовать инструменты группы «Лассо»/Lasso tool.

Допустим, вам нужно изменить небо пейзажа.

Обучение в Фотошколе онлайн

Открываем изображение в photoshop и, как в первом случае, снимаем закрепление слоя щелчком по изображению замка. Далее выбираем инструмент «Магнитное лассо»/Magnetic lasso tool.

Обучение в Фотошколе онлайн

Контур, создаваемый инструментом, «прилипает» к краям объекта, аккуратно отрезая его от фона. Подведите курсор к краю выделяемого объекта, щелчком мыши создайте первую точку, а потом продолжайте обводить до полного выделения контура. Для более аккуратного выделения работайте с изображением при увеличении масштаба на 30–40 %. Увеличить и уменьшить изображение можно, удерживая клавишу Ctrl и нажимая + либо . При работе с увеличенным изображением перемещаться в нужные его участки можно, удерживая клавишу Пробел и, одновременно, щелчком правой кнопки мыши по изображению двигая его в нужном направлении (вверх, вниз и т.д.) Выделение будет выглядеть как дорожка с точками. Когда обводку объекта завершили, нажмите Enter, чтобы замкнуть контур.

Обучение в Фотошколе онлайн

Теперь всё, что вы выделяли, будет обозначено пунктиром.

Обучение в Фотошколе онлайн

Нажав клавишу Delete, вы удалите всё, выделенное контуром. На этом месте останется прозрачный фон.

Обучение в Фотошколе онлайн

При необходимости площадь выделения можно инвертировать с помощью клавиш Shift+Ctrl+I, как и в первом примере. Так вы можете переключать выделение, выбирая либо фон, либо объект. Если на краях прозрачного слоя остались фрагменты прежнего фона, можно убрать их, используя инструмент «Ластик»/Eraser Tool. Его можно вызвать сочетанием клавиш Ctrl+E. Регулировать размер инструмента можно клавишами [ и ] (русские Х и Ъ). Снять выделение можно сочетанием клавиш Ctrl+D. Далее изображение можно сохранить в формате PNG либо добавить новый слой, на котором будет, например, новое небо. Всё зависит от поставленной вами задачи.

Отделение от сложного фона

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

Обучение в Фотошколе онлайн

На этом фото гроздь фундука растёт на фоне листвы. Лепестки грозди практически сливаются с листком на фоне. Удобный и аккуратный способ отделить гроздь вместе с лепестками — использовать «Быструю маску»/Quick mask mode.

Открываем изображение в photoshop и снимаем закрепление слоя щелчком по изображению замка.

Обучение в Фотошколе онлайн

Теперь выбираем инструмент «Быстрая маска»/Quick mask mode. Находится он в самом низу панели инструментов. После нажатия на значок инструмента слой, с которым вы работаете, будет выделен красным.

Обучение в Фотошколе онлайн

Далее нужно выбрать инструмент «Кисть»/Brush. Либо нажмите клавишу B, либо выберите на панели инструментов. Параметры кисти должны быть следующие: жёсткая кисть, непрозрачность 100%, нажатие 100%, цвет чёрный.

Обучение в Фотошколе онлайн

Размер кисти регулируем клавишами Х и Ъ. Наша задача — полностью обрисовать участок, который мы хотим перенести на прозрачный слой. Работать нужно при увеличенном масштабе. Выбирайте комфортное для вас увеличение сочетанием клавиш Ctrl + либо Ctrl . Перемещайтесь по изображению, удерживая клавишу «Пробел». Аккуратно прорисуйте желаемый участок изображения. При обрисовке он будет закрашиваться полупрозрачным красным цветом.

Обучение в Фотошколе онлайн

После завершения обрисовки снова нажмите на значок быстрой маски. На изображении появится пунктир выделения.

Обучение в Фотошколе онлайн

Теперь нам нужно получить доступ к настройкам выделения. Для этого нажмите на значок группы инструментов выделения «Область»/Marquee tool. Теперь на панели управления станет доступен параметр «Выделение и маска»/Select and Mask. Если периметр изображения выделен пунктиром, нажмите Shift+Ctrl+I, чтобы выделение затрагивало только ваш объект. Затем нажмите на «Выделение и маска»/Select and Mask.

Обучение в Фотошколе онлайн

В открывшемся окне настроек можно, передвигая вправо или влево ползунки, получить растушёвку краёв, сместить край прорисовки или усилить контрастность. Если такой необходимости нет, оставляем всё как есть. Единственное, что нужно сделать — это выбрать в выпадающем списке пункта «Вывод в»/Output to параметр «Новый слой»/New layer. После этого нажмите OK.

Обучение в Фотошколе онлайн

Теперь желаемый участок изображения перенесён на прозрачный слой. Остаётся сохранить изображение в формате PNG. Исходный слой с целым изображением можно удалить либо, нажав на нём значок «Глаз», сделать его невидимым.

Обучение в Фотошколе онлайн

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Ретушь фотографий в Photoshop CC. Основы».

Обучение в Фотошколе онлайн

Как создать слой в Фотошопе, Как сделать прозрачный фон в Фотошопе

Photoshop

Редактор для работы с растровой графикой Photoshop позволяет удобно работать со слоями и фоном. Инструменты для работы со слоями дают возможность профессиональным фотографам, дизайнерам и веб-дизайнерам обрабатывать изображения. Используя функции фоторедактора, можно легко изменить фон на фотографии, добавить несколько слоев для цветокоррекции изображения.

Пользователям, только начинающим работу с программой, будет полезно узнать в данном обзоре, каким образом можно добавить изображение на уже созданный фон. Чтобы научиться использовать все преимущества Фотошопа, предлагаем начать работать в Photoshop CS6, купить который можно у нас.

Как создать слой в Фотошопе

Умение работать со слоями может значительно облегчить ретуширование изображений, их цветокоррекцию. Также удаление и добавление слоев основная составляющая при создании анимации, видео и других картинок. Создать слой можно несколькими способами:

  • На панели инструментов выберите вкладку «Слои» и выберите пункт «Новый слой». Задайте имя нового слоя.
  • В правом нижнем углу редактора отображается, как правило, окно работы со слоями. Нажав на кнопку в правом верхнем углу, можно точно так же создать новый слой.
  • На панели отображения слоев находится картинка документа с загнутым уголком, нажав на нее, вы создадите новый слой.

Как создать слой в Фотошопе

Как поменять фон в Фотошопе

Замена фона очень актуальна, когда нужно улучшить задний план или подобрать фон для созданного объекта в программе. Чтобы изменить фон, необходимо, прежде всего, аккуратно выделить объект/объекты, которые вы хотите поместить на новом фоне.

Если вы не знаете, как выделить в Фотошопе, ознакомьтесь с нашим обзором об основных функциях приложения. Для выделения изображения в программе предусмотрено несколько инструментов. Вы можете воспользоваться: Магнитным Лассо, Пером или Волшебной палочкой для обрисовки контура на контрастном фоне. Если контуры объекта сложные, можно попробовать тоновую коррекцию по одному из каналов. Если фон сложный, также рекомендуется работа с каналами и разделение изображения на несколько участков.

Как сделать прозрачный фон в Фотошопе

Для того, чтобы сделать фон прозрачным необходимо удалить нынешний фон. Если вы работаете с объектами для верстки сайтов, то лучшим решением будет использование картинок в формате PNG. Изображения в данном формате уже идут с прозрачным фоном, что дает возможность широко использовать их для размещения на сайтах.

Чтобы создать прозрачный фон на изображении, воспользуйтесь Фоновым ластиком. Данный инструмент позволит быстро убрать лишние детали с заднего плана. Однако, такой способ эффективен, если фон контрастный и однотонный по отношению к объекту. Удобно применять Волшебную палочку, чтобы быстро выделить объект. При работе с этим инструментом нужно регулировать размер допуска, от которого зависит точность выделения всех фоновых участков.

Как сделать прозрачный фон в Фотошопе

Как сделать белый фон в Фотошопе

Как сделать белый фон в Фотошопе

Для создания белого фона в программе существует несколько способов. Например, можно создать новое изображение. Для этого перейдите во вкладку «Файл», выберите «Создать». Для того, чтобы сделать фон изображения белым выберите инструмент «Заливка» и укажите белый цвет на палитре.

Если вам необходимо создать белый фон на уже существующем изображении заменить его вместо другого, нужно применить инструменты выделения. Воспользуйтесь Лассо, Волшебной палочкой или Пером для аккуратного выделения контура. После инвертирования объекта удалите ненужный фон, нажав «Delete». После этого создайте копию слоя перед слоем с объектом и залейте его белым цветом.

Как размыть фон в Фотошопе

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

  • Откройте нужно изображение и, выбрав вкладку «Слои», нажмите «Создать дубликат слоя». На созданном слое выберите из вкладки «Фильтры» «Размытие» и нажмите «Размытие по Гауссу». В окне, которое откроется, выберите интенсивность размытия. Как правило, хватает величины до 5 пикселей. Размойте фон-копию слоя. Далее выберите инструмент Ластик, и, установив необходимую жесткость, аккуратно проявите тот объект, который должен быть четким. Объедините слои после ретуширования.
  • Открыв изображение и, создав дублирующий слой, размойте его, так же, как в предыдущем способе. Выбрав размытый слой, на панели слоев укажите «Добавить слой-маску». На копии слоя должен появиться белый прямоугольник. Выберите кисть, и указав черный цвет (#000000) и жесткость, начинайте проявлять объект на размытом фоне. Если вам необходимо поправить контур, добавить к нему размытость, вместо черного цвета укажите белый.

Как размыть фон в Фотошопе

Как вырезать фон в Фотошопе

Как вырезать фон в Фотошопе

Чтобы вырезать фон в фоторедакторе воспользуйтесь инструментами выделения, чтобы аккуратно выделить объект, расположенный на переднем плане. Перед началом выделения создайте слой-копию или убедитесь, что слой, с который вы работаете разблокирован. Вы можете применять несколько видов инструментов: Магнитное Лассо, Волшебная Палочка, Перо, Быстрое Выделение. Если вы довольны результатом на вкладке «Выделение» выберите пункт «Инверсия».

Когда вся картинка по контуру будет выделена пунктирной линией, нажмите «Delete» или во вкладке «Редактирование» укажите удалить. Таким образом, слой на котором находился фон, будет удален. Чтобы оставить объект на прозрачном фоне, необходимо сохранить его в формате PNG. Если сохранить его в формате jpeg, он будет располагаться на белом фоне.

Как объединить слои в Фотошопе

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

На рабочей панели слоев кликните по одному из слоев правой кнопкой мыши. В открывшемся контекстном меню выберите один из способов: Объединить видимые, Объединить слои и Выполнить сведение. Если вам не нужно сохранять какой-либо из слоев для дальнейшей ретуши просто укажите «Выполнить сведение». В таком случае все слои, видимые и невидимые, будут сведены в один.

Как объединить слои в Фотошопе

Как вставить изображение в фон в Фотошопе

Для создания коллажей или работы с веб-страницами актуально перемещение объектов с одного фона на другой. Чтобы вырезать фигуру с изображения необходимо выделить ее одним, из наиболее подходящих инструментов. Выберите Лассо, Перо, Волшебную Палочку или Быстрое Выделение на панели инструментов. Выделите объект и при помощи инструмента «Перемещение» поместите его на фоновый рисунок.

При перемещении программа предложит обрезать изображение. Нажмите «Кадрировать». Для удобства работы с обоими изображениями не забудьте убрать в настройках редактора «Открыть документы во вкладках». Перенеся объект на другой фон, отретушируйте контуры, чтобы сгладить резкие края. Для этого используйте инструмент «Палец». Чем большую вы укажете интенсивность, тем более размытыми можно сделать края.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *