Как сделать картинку фоном в фотошопе
Фоновый слой в Photoshop
Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием “Фон” (Background). Документ может иметь только один фон. Порядок следования, режим наложения, а также степень непрозрачности фона не могут быть изменены. Однако данные атрибуты фона могут быть изменены после его преобразования в обычный слой.
А теперь подробнее.
В предыдущем материале мы получили необходимые навыки для работы со слоями в Панели слоёв в Photoshop. Мы научились добавлять новые слои, удалять, перемещать слои выше и ниже друг друга, рассмотрели, как добавлять корректирующие слои и стили слоя, изменить режим наложения и уровень прозрачности, и многое другое.
Но прежде чем мы перейдем к работе со слоями, мы должны рассмотреть один особый тип слоя, и это фоновый слой. Он нуждается в отдельном рассмотрении, т.к. есть целый ряд действий, которые мы можем осуществить с обычными слоями, но не можем с фоновым, и, если мы не будем знать эти нюансы заранее, это может привести к путанице и лишним потерям времени и нервов.
Вот изображение, которое я буду использовать в этом материале:
Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием “Фон” (Background), в чём мы можем убедится, посмотрев на Панель слоёв. Обратите внимание, что слово “Фон” написано курсивом, этим Photoshop сообщает нам о том, что данный слой – особенный:
Photoshop называет этот слой “Фоном” (Background) по той простой причине, что он служит фоном для всего нашего документа. Любые дополнительные слои, добавленные к документу, обязательно окажутся выше фонового слоя. Так как назначение этого слоя – служить фоном, есть ряд вещей, которые Photoshop не позволит нам с ним сделать. Давайте быстренько рассмотрим эти несколько простых правил, которые лучше запомнить. Тогда, в конце этого материала мы узнаем простой способ, чтобы обойти каждое из них!
Правило 1: Мы не можем перемещать содержимое фонового слоя
Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент “Перемещение” (Move Tool), он находится в верхней части панели инструментов:
Если мы возьмём этот инструмент и попробуем переместить фон, или даже просто кликнуть внутри окна документа, то Photoshop выдаст нам сообщение: “Применение инструмента “Перемещение” невозможно: слой закреплен.” (Could not complete your request because the layer is locked).
Если мы внимательно посмотрим на панель слоёв, то увидим небольшой значок замка, дающий нам понять, что слой заблокирован.
Правило 2: Не поддерживает прозрачность
В данный момент я собираюсь импортировать другое изображение в документ и поместить его в рамку, но центр рамки в настоящее время заполнен белым, это означает, что мне нужно удалить эту белую область, прежде чем размещать своё фото внутри него. Обычно, когда мы удаляем пиксели на слое, удаленные области становится прозрачным, что позволяет нам видеть сквозь него слой (слои), находящиеся под ним. Давайте посмотрим, что происходит, если я пытаюсь удалить что-либо на фоновом слое.
Во-первых, мне нужно создать выделенную область внутри рамки, и т.к. она заполнена белым цветом, я буду использовать инструмент “Волшебная палочка” (Magic Wand Tool). В Photoshop CS3 и выше (я здесь использую Photoshop CS6), “Волшебная палочка” вложена за инструментом “Быстрое выделение” (Quick Selection Tool), поэтому нажмите на инструмент “Быстрое выделение” и удерживайте клавишу мыши секунду-две, пока не откроется выпадающее меню, а уже из него выберите “Волшебную палочку”:
“Волшебной палочкой” я кликну по белому квадрату внутри рамки, после чего появится выделенная область, ограниченная пунктирной линией “бегущие муравьи” по периметру прямоугольника:
Чтобы удалить пиксели внутри выделенной области, мне нужно нажать клавишу клавиатуры Backspace или Delete, но вместо удаления области и замены её прозрачностью, как получилось бы на обычном слое, Photoshop почему-то открывает диалоговое окно Заливки (Fill) для выбора цветов для заполнения области:
Мне это не надо, поэтому я нажму на кнопку “Отмена” (Cancel), чтобы закрыть это диалоговое окно, ведь хотел удалить белую область внутри рамки, а не заполнять её другим цветом. Предположим, что Photoshop просто ошибся, так что я буду пробую другой способ удаления пикселей. Пройдём по вкладке главного меню Редактирование –> Вырезать (Edit –> Cut). На обычном слое после этого действия на месте выделенной области появится прозрачная (пустая) область, а у меня опять получился неожиданный результат – выделенная область заполнена чёрным:
Ну и почему так получилось?
Как оказалось, Photoshop заполнил эту область черным, потому что, на цветовой палитре цвет фона (правый нижний образец) на данный момент – чёрный. Если бы цвет фона на данный момент был бы установлен, к примеру, фиолетовым, то область и заполнилась бы фиолетовым:
Так почему же Photoshop отказывается удалить белую область внутри рамки, а вместо этого заполняет ее с другими цветами?
Причина заключается в том, что фоновый слой не поддерживает прозрачность. В конце концов, так как фоновый слой является фоном у всего документа, не имеется никакой необходимости видеть сквозь него, просто потому что под ним ничего не должно быть, ведь фон находится в самом низу! Невозможно удалить область область внутри рамки, пока это изображение остается на фоновом слое.
Так как же я смогу разместить фотографию внутри рамки? Давайте отложим эту проблему на некоторое время и вернемся к ней чуть позже.
Правило 3: Мы не можем помещать фоновый слой над другой слоем
Вот фото, которое я хочу поместить внутри моей фоторамки:
Это изображение в настоящее время открыто у меня в отдельном окне Фотошопа, так что я быстро скопирую его в документ фоторамки, нажав комбинацию клавиш Ctrl+A для выбора всей фотографии, затем Ctrl+C, чтобы скопировать изображение в буфер обмена. Затем перехожу на документ фоторамки и нажимаю Ctrl+ V для вставки изображения в документ. Photoshop помещает изображение на новый слой “Слой 1” (Layer 1) выше фонового слоя с фоторамкой:
В окне документа мы видим, что новое изображение появилось в документе над рамкой, у самой рамки видны только нижний и верхний края:
Для того, чтобы мое второе изображение оказалось внутри рамки, мне нужно изменить порядок слоёв в панели слоёв так, чтобы слой с рамкой находился над слоем с изображением. Как правило, перемещение одного слой поверх другого осуществляется элементарно с помощью мыши, но сейчас у нас не тот случай, т.к. слой, который нам нужно переместить, является фоновым. При попытке перетащить его выше изображения на “Слой 1”, Photoshop отображает символ в виде круга с диагональной линией (международный символ запрета чего-либо), давая понять, что по какой-то причине это действие неосуществимо:
Причина этого запрета заключается в том, что фоновый слой всегда должен оставаться внизу документа, т.е. служить фоном всего документа. Photoshop не позволит переместить его выше всех остальных слоёв.
Правило 4: нельзя поместить любые слои ниже фонового
Итак, мы не можем двигаться фоновый слой поверх другого слоя. Что, если мы попробуем переместить обычный слой ниже фонового? Если я попытаюсь перетащить “Слой 1” под фоновый, то Фотошоп выдаст такой же символ запрета, как и в случае выше:
Опять же, причина в том, что фоновый слой всегда должен оставаться внизу документа. Мы не можем перетащите его выше любых других слоёв и мы не можем перетащить другие слои ниже него.
Давайте подведём итог. Мы узнали, что Photoshop не позволит нам переместить содержимое фонового слоя инструментом “Перемещение” (Move Tool), потому что слой зафиксирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, так что нет никакого способа, чтобы удалить что-либо на нём. И мы узнали, что фоновый слой всегда должен оставаться нижнего всех слоёв в панели. Мы не можем перетащите его выше других слоёв, и мы не можем перетащить другие слои ниже.
Так как задача фонового слоя – быть фоном документа, каждое из этих правил имеет смысл. Тем не менее, как и у большинства правил, имеются способы их обойти, и в данном случае, имеется простой способ обойти все эти правила сразу! Все, что нам нужно сделать, это создать из фонового слоя обычный.
Преобразуем фоновый слой в обычный (разблокирование фонового слоя)
1) Пройдите по вкладке главного меню Слой –> Новый –> Слой из Фона (Layer –> New –> Layer From Background).
2) Имеется и более быстрый способ – просто дважды щелкнуть непосредственно по слову Фон (Background), либо по иконке замочка в панели слоёв:
В любом случае из двух указанных выше способов откроется окно, где Вы можете ввести своё название, либо оставить предложенное Фотошопом по умолчанию, затем нажать ОК:
3) И самый быстрый способ. Зажмите клавишу Alt и дважды щёлкните мышкой по слову Фон (Background), после чего Фотошоп мгновенно преобразует слой в обычный и переименует его в “Слой 0” (Layer 0), минуя диалоговое окно.
После того, как мы преобразовали фоновый слой в обычный, все ограничения сняты и на него действуют правила обычных слоёв.
Теперь мы можем свободно перемещать его содержимое с помощью инструмента “Перемещение” (Move Tool), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.
Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.
Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.
Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.
Заранее благодарен, Дмитрий.
QR-код для установки:
Если Вам понравился материал, скажите свое “спасибо”, поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Как быстро сделать красивый фон в фотошопе на фотографии
Здравствуйте! Наверняка у каждого наберется пара-тройка, а может и с десяток фотографий, которые хороши сами по себе, но хотелось бы их украсить — изменить фон. В интернете есть миллионы красивых фонов, при желании их можно скачать, но собственноручно сделанный фон намного интереснее, тем более этот фон будет в единственном экземпляре. Давайте научимся делать красивый фон в фотошопе на фотографии.
Открою вам маленькую хитрость: чтобы сделать красивый фон в фотошопе, можно взять несколько фонов и текстур и поэкспериментировать с режимами наложения — может получиться довольно симпатично. Но мы пойдем другим путем, более оригинальным и творческим и научимся создавать фон с нуля, при помощи стандартных инструментов фотошоп, градиентов и кистей, скачанных из интернета.
Используемые в уроке материалы:
Открываем в фотошопе фото с девушкой, Файл-Открыть (File—Open):
На панели слоев нажмите на замочек чтобы разблокировать слой с девушкой для возможности дальнейшего редактирования:
В палитре инструментов выбираем инструмент Волшебная палочка (Magic Wand),горячая клавиша вызова инструмента W. Чтобы выбрать инструмент с подгруппы, при активной подгруппе сделайте длительный щелчок по иконке подгруппы или же щелкните по иконке подгруппы с зажатой клавишейShift:
Наше фото на белом фоне, имеет четкие границы, поэтому в этом случае подойдет инструмент Волшебная палочка (Magic Wand), вы же можете отделить человека от фона любым удобным для вас инструментом.
Для выделения белого фона просто щелкните по самому большому участку белого фона, далее с зажатой клавишей Shift пощелкайте ещё в области рук и головы. Клавиша Shift необходима, чтобы добавить к выделенной области новое выделение, для этой же цели можно нажать вот эту иконку в верхней панели настройки инструмента:
На клавиатуре нажимаем клавишу Delete либо переходим в меню Редактирование-Очистить (Edit—Clear)для удаления белого фона с фото:
Нажимаем Ctrl+D или переходим в Выделение-Отменить выделение (Select—Deselect),чтобы снять выделение:
Активируем инструмент Градиент (Gradient), горячая клавиша вызова инструмента –G:
Откроется окно настроек градиента, в котором мы можем самостоятельно подобрать цвета, кликнув по миниатюре градиента:
Раскроется меню редактирования стиля градиента, выбрать цвет можно кликнув понижним ползункам (контрольным точкам),контрольные точки можно перетаскивать и добавлять новые:
Верхние контрольные точки отвечают за непрозрачность градиента, их мы трогать не будем.
Стили градиента можно как создавать самому, так и использовать скачанные из интернета, изменяя настройки под себя.
Чтобы загрузить стили градиента, нужно при активном окне градиента нажать кнопку «Загрузить»и выбрать в проводнике скачанные из интернета градиенты:
Я выбрала голубо-желто-зеленый градиенти немного, изменила его настройки, отмеченные на скриншоте:
После достижения удовлетворительного результата нажала два раза «Ок». Вот как выглядит наш фон:
Сейчас фон перекрывает девушку, перейдите в палитру слоев и мышью перетащите фон под слой с девушкой:
Изображение уже и так значительно изменилось в лучшую сторону, но продолжим создавать красивый фон для фотографии. Создайте новый слой выше слоя с фоном, но ниже слоя с девушкой,Слои-Новый-Слой (Layer—New—Layer) или нажмите на иконку создания нового слоя в палитре слоев:
Активируем инструмент Кисть (Brush), горячая клавиша выбора инструмента B:
Загружаем кисти «Блестки», для этого нажимаем на иконку размера кисти, далее – на «шестеренку» справа, а потом «загрузить кисти»:
Выбираем понравившеюся кисть, у меня это:
Выбираем белый цвет:
Можно выбрать любой другой, но в нашем случае больше подойдет белый. Ставим хаотичные отпечатки кистью на ранее созданном слое:
Можно поиграть с режимами наложения слоя и изменить его, к примеру, на Перекрытие (Overlay) или Мягкий свет (SoftLight):
Если вас устраивает результат, можно остановиться на этом, а можно создать новые слои и добавить мазков других кистей. Тут нет определенных правил, все зависит от вас, вашей фантазии и желаемого результата. Регулируйте непрозрачность слоя для смягчения эффекта.
Вот ещё один вариант фона, созданный тем же методом с использованием тех же градиентов и кистей:
Вот вы и узнали, как сделать красивый фон в фотошопе на фотографии, теперь можете применять полученные знания на своих фотографиях. Творческих успехов!
Автор урока: Ольга Максимчук (Princypessa)
Как сделать фон в фотошопе
Автор: NON. Дата публикации: 23 октября 2011 . Категория: Фотошоп уроки эффекты.
Как сделать фон в фотошопе
Не секрет, что огромное значение при создании дизайнерских работ имеет фон. От того, какой Вы выбрали или создали фон, во многом зависит, как будет выглядеть главный объект съёмки. В этом уроке по работе с фотошопом , довольно длинном, но в то же время очень простом, мы рассмотрим один из многочисленных способов создания красивого эффектного фона, причём в зависимости от параметров фильтров, которые Вы примените, можно получить совершенно разные, порой даже очень неожиданные результаты. Обратите внимание, что в ходе выполнения урока получится несколько очень интересных промежуточных результатов, которые так же можно использовать для своих работ. Так как сделать фон в фотошопе?
Создадим новый документ – Ctrl+N . В расчёте на то, что в дальнейшем работа будет распечатываться, я выбрал разрешение 300 пикс/дюйм и довольно большие размеры ширины и высоты.
Установим в качестве цвета переднего плана чёрный цвет, самый быстрый способ это сделать – нажать клавишу D . Заливаем новый документ чёрным цветом – Alt+Delete .
Создадим дубликат основного слоя, для чего перетащим его на вторую справа иконку в палитре ” Слои “.
Перейдём в ” Фильтр – Рендеринг – Блик “.
Блик расположим по центру документа, яркость установим на 100% и выберем тип объектива ” Трансфокатор 50-300 мм “.
Вот так выглядит документ после применения фильтра ” Блик “.
Нажимаем сочетание клавиш Ctrl+T (свободное трансформирование), удерживая клавишу Alt , средний нижний ползунок переместим вверх так, чтобы картинка примерно разделилась на три горизонтальные части.
Вот так выглядит сейчас наша картинка.
При активном слое ” Задний план (копия) “, нажмём сочетание клавиш Ctrl+J , этим действием мы создадим дубликат верхнего слоя.
Опять нажмём сочетание клавиш Ctrl+T (свободное трансформирование), щёлкнем внутри рамки трансформирования правой кнопкой мыши и выберем пункт ” Поворот на 90 градусов по часовой “.
Вот что получилось на данном этапе.
Режим наложения для верхнего слоя установим на ” Замена светлым “.
Получаем вот такую интересную картинку.
Точно так же, как и описано выше создаём ещё один дубликат слоя ” Задний план (копия) “.
Вызовем инструмент ” Свободное трансформирование ” ( Ctrl+T ). Повернём слой на 45 градусов против часовой стрелки, для этого на панели инструментов свободного трансформирования введём цифру 45 в поле ” Поворот “.
Перетащим слой, который мы повернули на 45 градусов и перетащим его на самый верх палитры ” Слои “. Режим наложения для этого слоя установим на ” Замена светлым “.
Вот что получилось.
Создаём ещё одну копию слоя ” Задний план (копия) “.
Нажимаем Ctrl+T и поворачиваем слой на -45 градусов.
Слой перемещаем на самый верх палитры ” Слои ” и установим режим наложения ” Замена светлым “.
Получилась вот такая красивая звезда.
Разблокируем основной слой, для чего два раза левой кнопкой мыши щёлкнем по этому слою и в появившемся окне ” Новый слой ” ничего не меняем, а просто нажимаем ” Да “.
Сводим вместе все слои – Shift+Ctrl+E .
Нажимаем Ctrl+T , на верхней панели инструментов свободного трансформирования нажимаем на значок цепочки и вводим в поля ширина и высота цифры 245%. Вот так сейчас выглядит наш документ.
Переходим в ” Фильтр – Искажение – Волна “.
В появившемся окне ставим параметры, которые Вы видите на скриншоте ниже.
Создаём копию слоя – Ctrl+J .
Переходим в ” Фильтр – Искажение – Скручивание “.
В окне фильтра ставим примерно вот такой угол скручивания.
Вот так выглядит картинка после применения фильтра ” Скручивание “.
Режим наложения для верхнего слоя устанавливаем на ” Осветление “.
Создаём копию верхнего слоя – Ctrl+J .
Применяем свободное трансформирование – Ctrl+T , правой кнопкой нажимаем внутри рамки трансформации и выбираем пункт ” Поворот на 90 градусов по часовой “, не применяя трансформирование, опять жмём правой кнопкой внутри рамки и выбираем пункт ” Отразить по горизонтали “.
Создаём копию слоя ” Слой 0 (копия) ” – Ctrl+J . Слой перетаскиваем на самый верх.
Как и описано выше, отражаем слой, но теперь по вертикали.
Вот такую картинку мы получили на данном этапе.
Создаём ещё две копии слоя ” Слой 0 (копия) “.
Получаем вот такую эффектную картинку.
При активном верхнем слое, вызываем корректирующий слой ” Уровни “, для чего нажимаем на среднюю иконку в палитре ” Слои ” и выбираем соответствующий пункт.
Затемняем картинку, для чего правый чёрный ползунок немного сдвигаем вправо.
Получаем вот такой эффект. Мы уже практически сделали фон в фотошопе.
Вызываем, как и описано выше корректирующий слой, но теперь не ” Уровни “, а ” Цветовой тон/Насыщенность “.
Двигаем ползунки и визуально подбираем понравившийся нам эффект.
Вот что у меня получилось на заключительном этапе. Мы с Вами научились делать фон в фотошопе.
Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта – подпишитесь на рассылку сайта. Форма для подписки находится ниже.
Скачать урок (769 Кб) в формате PDF можно здесь.
Источники:
https://rugraphics.ru/photoshop/fonovyy-sloy-v-photoshop
https://pixelbox.ru/kak-bystro-sdelat-krasivyj-fon-v-fotoshope-na-fotografii
https://www.photoshopsunduchok.ru/uroki/effecty/1374-kak-sdelat-fon-v-photoshope
