В этом уроке мы научимся создавать красивый фон с эффектом «боке» в Фотошопе.
Итак, создаем новый документ, нажав комбинацию CTRL+N . Размеры изображения подбирайте по своим потребностям. Разрешение ставим 72 пикселя на дюйм . Такое разрешение подходит для публикации в интернете.
Заливаем новый документ радиальным градиентом. Нажимаем клавишу G и выбираем «Радиальный градиент» . Цвета выбираем по вкусу. Основной цвет должен быть несколько светлее фонового.
Затем проводим линию градиента по изображению сверху вниз. Вот что должно получиться:
Кривую необходимо замкнуть, чтобы получить контур. Затем создаем выделенную область и заливаем ее белым цветом (на новом слое, который мы создавали). Просто кликаем внутри контура правой кнопкой мыши и выполняем действия, как показано на скриншотах.
Снимаем выделение комбинацией клавиш CTRL+D .
Теперь дважды кликаем по слою с только что залитой фигурой, чтобы открыть стили.
В параметрах наложения выбираем «Мягкий свет» , либо «Умножение» , накладываем градиент. Для градиента выбираем режим «Мягкий свет» .
Результат примерно такой:
Ставим все галки, как на скриншоте и переходим на вкладку «Динамика формы» . Выставляем колебание размера 100% и управление «Нажим пера» .
Затем на вкладке «Рассеивание» подбираем параметры, чтобы получилось, как на скрине.
Сейчас мы расскажем о том, как сделать фон в "Фотошопе" на ваших фотографиях. Нам с вами придется попрактиковаться в копировании слоев, коснуться команды «Деформация», после чего нас ожидает ряд задач в работе с различными стилями слоя.
Всему свое время
Следуйте нашим советам, и вы создадите красивый фон для "Фотошопа", который
идеально подойдет для вашего снимка. Открываем нашу исходную фотографию. Копируем исходное изображение в новый слой: для этого можно применить специальную команду, вызываемую сочетанием клавиш Ctrl+J. Выберите инструмент «Обводка», далее «Область» и проведите по нужной области на фотографии.
Когда будете выбирать, где щелкнуть мышкой, помните, что сейчас мы рассматриваем фоны для "Фотошопа", которые создаются из самого снимка. Другими словами, оттенок, по которому вы кликните, и станет цветом будущего фона, возможно, с небольшими отступлениями. Далее вам необходимо скопировать выделение в новый слой, снова посредством сочетания клавиш Ctrl+J.
Перейдите к вкладке «Редактирование», выберите «Свободное трансформирование» и растяните выделение за специальные маркеры до самых границ фотографии. При этом не забудьте нажать Enter по окончании растягивания. Гасим глазок в слое с горизонтальными полосками, переходим к слою, на котором находится копия фона, обращаемся к инструменту «Выделение» - «Область» и выбираем то место на фото, где следует кликнуть мышкой. Снова копируем выделение в новый слой с помощью сочетания клавиш Ctrl+J.
Зайдите на вкладку под названием «Редактирование», далее - «Свободное
трансформирование», снова растяните выделение маркерами до границ фото (снизу вверх). Получаем картинку с вертикальными полосками.
Как сделать фон в "Фотошопе": наложение
Включите глазок на верхнем слое там, где есть горизонтальные полоски, и посмотрите на режимы непрозрачности и наложения. Сначала поставьте непрозрачность слоя, можно попробовать в пределах 50%. После этого можно поэкспериментировать с различными режимами наложения. Подберите тот, который больше понравится вам. Можете, к примеру, обратить внимание на «Затухание».
Как сделать фон в "Фотошопе": заставим увидеть главное
Вся фотография нам, по сути, не нужна, выбираем самые интересные фрагменты и заострим внимание на них. С этой целью предстоит выполнить следующие шаги.
Погасите глазки в обоих слоях, которые содержат полоски. Активируйте слой, на котором размещена копия фона и выберите инструмент «Выделение», далее - «Прямоугольная область».
Выделите то, что хотите увидеть на своей будущей картинке. Скопируйте выделение в новый слой клавишами Ctrl+J. Передвиньте данный новый слой на самый верх. Включите глазки в слоях с полосами.
«Деформация», немного выгните изображение, цепляясь курсором за маркеры. Проверьте, что находитесь в слое с выделенным вами фрагментом. По завершении деформации не забывайте нажать на клавишу Enter.
Пару слов об оформлении
Продолжаем отвечать на вопрос: «Как сделать фон в "Фотошопе"?» - и теперь уделим внимание оформлению. Щелкаем дважды левой кнопкой мыши по выделенному слою, в выпавшем окне со стилями выбираем тот, который подойдет для оформления. Рекомендуем обратить внимание на «Внутреннее свечение».
Можно также наложить «Шум». Любопытными свойствами обладают «Контур» и «Тиснение». На этом этапе оформления важную роль играет ваша фантазия. Таким образом, чем больше будет экспериментов, тем лучше получится результат. Зайдите на вкладку под названием «Редактирование», выберете «Трансформирование», далее «Поворот» и слегка поверните оформленный вами фрагмент.
Фигуры
Для окончательной картины не хватает фигур. Можно добавить, к примеру, следы, для этого нужно обратиться к слою с полосками, он находится под выделенным слоем. Фигуры по фотографии можно передвигать в нужное место с помощью специального инструмента «Перемещение». В нашем случае к одному следу можно применить определенный стиль слоя, кликнув дважды левой кнопкой мыши по слою с фигурой.
Чтобы второй след получил стиль, как у первого, сделаем следующим образом: правой
кнопкой мыши нажмем на слой с фигурой, для которой стиль выбрали ранее, появится список, в котором выберем «Скопировать стиль». Переходим к слою с фигурой, которая не имеет стиля, после чего также кликнем по нему мышью (правой кнопкой), в появившемся списке выбираем пункт «Вклеить стиль».
На самом деле данная команда невероятно полезна, советуем не забывать ее. Пригодиться она может, когда слоев очень много, и всем нужен одинаковый стиль. Сохраняем изображение. Фон создан.
Добиваемся прозрачности
Для того чтобы сделать нам понадобится картина с глазами, которые находятся на абсолютно белом фоне, его мы удалим, чтобы добиться прозрачности. Нам необходим инструмент «Волшебная палочка», поскольку мы имеем дело с Один раз нажимаем на область белого фона. В случае если у слоя выставлен замочек, нажимаем по нему дважды мышью, далее выбираем «ОК», чтобы убрать его.
После этого нажимаем на клавишу Delete на клавиатуре и снимаем выделение с помощью сочетания Ctrl+D. Вот мы и получили глаза, фон у которых прозрачный. После этого переносим фрагмент на изображение, которое и будет новым фоном. Располагаем все в сетке, далее при зажатой левой кнопке мыши, с выбранным инструментом «Перемещение», переносим картинку с глазами.
В случае если у вас на фото остались какие-либо мелкие белые фрагменты, убрать их можно при помощи инструмента «Ластик». Разместите глаза в угодном для вас месте, продублируйте их посредством Ctrl+J, выберите нижний слой, перейдите на «Фильтр», далее - «Размытие», после этого - «Размытие по Гауссу». Выбираем радиус
5 пикселей, нажимаем «ОК».
Если вам необходим не коллаж, а просто отдельная картинка с прозрачным фоном, нужно сохранить ее. Для этого нажмите комбинацию Ctrl+Shift+Alt+S, после чего в появившемся окне выберите можете поэкспериментировать с этим.
Нам, как всегда, понадобится палитра, с помощью которой мы сможем работать со слоями. Нужно будет также создать копию своего слоя. К команде «Размытие» можно попасть из меню «Фильтр». Существует несколько вариантов размытия, наиболее интересный - Gaussian Blur. Последний штрих - создание более четкого переднего плана. Вот таким нехитрым способом можно сделать прозрачный фон в "Фотошопе".
Здравствуйте уважаемые посетители. В этом уроке я покажу, как используя программу Фотошоп можно убрать фон и сделать фотографию прозрачной. Особых знаний этого Фото-монстра вам не понадобится, так как здесь всё очень просто. Главное, чтобы у вас был установлен Photoshop, и вы повторяли за мной все действия.
Итак, как сделать прозрачный фон в Фотошопе?
Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.
Отлично, фотография открыта и давайте приступать к обрезке фона. Первым делом нам нужно разблокировать слой. Обратите внимание на правый нижний угол программы. Там вы увидите главный слой нашей фотки и маленький замочек .
Нужно, чтобы этот замочек исчез, то есть слой разблокировался. Для этого прямо по замочку делаем один клик левой кнопкой мыши . И замочка больше нет!
Теперь нам нужно удалить фон. Для этого берем какой-нибудь инструмент выделения, например, Волшебная палочка .
Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.
Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:
Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .
Ну, в общем-то, как сделать прозрачный фон в Фотошопе мы разобрались и теперь остаётся эту фотографию правильно сохранить.
Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .
Вы увидите окно, в котором нам обязательно нужно выбрать формат PNG-24 и только после этого нажимать кнопку Сохранить .
А теперь смотрите что было и что стало:
Напоследок стоит сказать, что в некоторых случаях когда Вы решите сделать прозрачный фон в Фотошопе на какой-то картинке, то Вам возможно придётся применять другие инструменты выделения, например, Перо или Магнитное лассо . Я использовал инструмент Волшебная палочка , так как у меня на фотографии человека было легко отделить от фона. Если вы будете удалять фон со сложных изображений, то придется немного попотеть.
На этом сегодня всё, желаю удачи!
Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент "Перемещение" (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), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.
В этом уроке вы узнаете, как, используя кисти и стандартные фигуры Фотошопа, создать волшебный рождественский фон.
Материалы для урока:
Начнем с создания нового документа (CTRL+N) размером 1280х1024px (режим RGB) разрешением 300 pixels/inch. Загружаем Red grunge background и вставляем на рабочий документ.
Теперь загружаем набор кистей c130_splatter и stars_and_blinks. Создаем новый слой и выбираем кисть из набора c130_splatter. Цвет кисти черный, Opacity (Непрозрачность) 60%.
Используем эту кисть , чтобы закрасить фон, как показано ниже:
Устанавливаем параметр Fill (Заливка) для этого слоя на 30%.
Дублируем (CTRL+J) этот слой и применяем к копии фильтр
Устанавливаем Fill (Заливка) на 30% и меняем режим смешивания на Hard Light (Жесткий свет).
Создаем новый слой и выбираем следующую кисть из набора c130_splatter, цвет #C78987.
Используем кисть, чтобы создать линии на фоне, как показано ниже:
Создаем новый слой, этой же кистью рисуем новые линии. В этот раз выбираем цвет #903E23.
Устанавливаем режим смешивания этого слоя на Color Dodge (Осветление основы).
Создаем новый слой и выбираем мягкую круглую кисть (B) черного цвета с Opacity (Непрозрачность) 20%.
Используем ее, чтобы затемнить края фона.
Устанавливаем Fill (Заливка) этого слоя на 50% и меняем режим смешивания на Multiply (Умножение).
Жмем на кнопку Hue/Saturation (Цветовой тон/Насыщенность).
Перемещаем ползунки вправо, чтобы увеличить параметры Hue (Цветовой тон) и Saturation (Насыщенность).
Снова жмем по этой кнопке и выбираем Curves (Кривые). Корректируем форму кривой, чтобы отрегулировать цвет.
Получаем следующий результат:
Используя Line Tool (Линия) (U), рисуем нити разной толщины, за которые будут подвешены звезды. Цвет #FDF8C1.
Объединяем в группу все слои с нитями (выделяем нужные слои и жмем CTRL+G). Устанавливаем Opacity (Непрозрачность) для группы на 70%.
Выбираем Custom Shape Tool (Произвольная форма) (U), на панели параметров инструмента открываем меню с формами. Находим форму пятиконечной звезды и активируем ее.
Выбираем цвет #FDF8C1 и рисуем звезду.
Жмем на кнопку Add a layer style (Добавить стиль слоя) внизу панели слоев и выбираем Outer Glow (Внешнее свечение).
Inner Glow (Внутреннее свечение).
Получаем следующий результат:
Десять раз дублируем (CTRL+J) слой со звездой и активируем Free Transform (Свободное трансформирование) (CTRL+T). Корректируем расположение и размер каждой копии, как показано ниже:
Создаем новый слой, выбираем кисть белого цвета из набора c130_splatter.
Используем эту кисть, чтобы закрасить фон, как показано ниже. Располагаем этот слой под слоем со звездами.
Устанавливаем режим смешивания на Overlay (Перекрытие).
Создаем новый слой и выбираем новую кисть из набора c130_splatter. C помощью этой кисти мы будем рисовать гирлянды. Цвет #FDF9CA.
Теперь нам необходимо настроить кисть. Для этого вызываем панели параметров кисти (F5). Выбираем Brush Tip Shape (Форма отпечатка кисти). Меняем размер, расстояние и угол кисти.
Затем переходим в Shape Dynamics (Динамика формы):
Теперь мы можем рисовать гирлянды, как показано ниже. Этот слоя должен быть расположен под слоем со звездами.
Дублируем (CTRL+J) слоя и применяем фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).
Получаем следующий результат:
Добавляем слой-маску, кликнув по кнопке Add layer mask
(Добавить слой-маску) внизу панели слоев.
Выбираем черную кисть Soft Mechanical с Opacity
(Непрозрачность) 10%.
Работаем этой кистью по слой-маске , чтобы скрыть некоторые участки слоя с сиянием.
Создаем новый слой, выбираем кисть из набора stars_and_blinks, чтобы нарисовать яркие лучики от звезд. Используем тот же цвет, что и у звезд. Располагаем этот слой под слоем со звездами.
Устанавливаем Fill (Заливка) на 20%.
Дублируем (CTRL+J) этот слой и применяем фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).
Получаем следующий результат:
Устанавливаем Fill (Заливка) этого слоя на 50% и меняем режим смешивания на Pin Light (Точечный свет).
Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу панели слоев и выбираем Curves (Кривые).
Получаем следующий результат:
Теперь выбираем Hue/Saturation (Цветовой тон/Насыщенность).
Перемещаем ползунки вправо, чтобы увеличить Hue (Цветовой тон) и Saturation (Насыщенность), затем перемещаем ползунок Lightness (Яркость) влево, чтобы уменьшить значение.
