Наложить фон на фон в фотошопе: Замена фона в Photoshop | Руководства по Adobe Photoshop

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

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

Процесс замены фона

Всю процедуру замены фона можно разделить на несколько крупных этапов:

1. Вырезание объекта с оригинальной фотографии;
2. Наложение вырезанного объекта на новый фон;
3. Создание тени;
4. Финальные настройки для придания снимку большей реалистичности.

Обрабатывать мы будем фото знаменитой актрисы Марго Робби.

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

Этап 1: вырезаем объект с оригинального снимка

Для начала нам нужно получить чистое фото актрисы без заднего фона. В программе Фотошопе сделать это можно по-разному. Мы воспользуемся инструментом под названием “Перо”.

Как правильно работать с данным инструментом, а также, изучить другие способы отделения объекта от фона вы можете в нашей статье – “Как вырезать объект в Фотошопе”.

Результат, полученный после того, как мы отделили фон.

Этап 2: переносим объект на новый фон

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

1. Открываем фото кирпичной стены, который будет служить новым фоном. Переходим обратно во вкладку с изображением актрисы. Нажимаем сочетание клавиш Ctrl+T, после это выбираем инструмент “Перемещение”, затем с помощью зажатой левой кнопки мыши перетягиваем выделенное изображение на вкладку с только что открытой стеной. Дожидаемся, пока программа нас переключит на выбранную вкладку, перемещаем указатель на область холста, после чего отпускаем кнопку мыши.Примечание: вместо переноса изображения, после того, как оно было выделено с помощью комбинации клавиш Ctrl+T, можно просто скопировать его любым удобным способом (например, нажав Ctrl+C), затем переключиться на вкладку с кирпичной стеной и нажать Ctrl+V для вставки.
2. Настраиваем размер изображения, чтобы вписать его в рамки фона. Не забываем при этом зажимать клавишу Shift на клавиатуре, чтобы сохранять исходные пропорции изображения. В некоторых случаях, наоборот, нужно изменить размеры самого фона.
3. На этом второй этап работ можно считать завершенным.

Этап 3: создаем тень от объекта

После переноса фото актрисы нужно поработать над тем, чтобы максимально реалистично “вписать” ее в новый фон. В этом нам помогут тени. Вот, что мы делаем.

1. Двойным щелчком мыши по слою с актрисой открываем его свойства.
2. В появившемся окне стиля слоя ставим галочку напротив пункта “Тень” и выставляем параметры на свое усмотрение. При этом можно ориентироваться на настройки на скриншоте ниже.
3. После того, как мы нажмем OK, получим следующий результат.

Этап 4: финальная обработка изображения

1. Переходим на самый верхний слой, нажимаем по кнопке создания корректирующего слоя и выбираем в открывшемся списке пункт “Цветовой тон/насыщенность”.
2. Нажимаем на кнопку привязки и выставляем параметры таким образом, чтобы свести к минимум разницу между фоном и фотографией актрисы. В нашем случае требуются минимальные корректировки.
3. Вот, что получилось после обработки фото.
4. Теперь нужно немного поработать с кирпичной стеной, чтобы она, действительно, воспринималась как фон и не приковывала к себе слишком много внимания. В палитре слоев переключаемся на фон.
5. Выбираем фильтр “Размытие по Гауссу”, который находится в группе “Размытие”, вкладка “Фильтр”.
6. Выставляем небольшой радиус размытия и нажимаем OK.
7. Также для фона создаем корректирующий слой “Кривые”.
8. Слегка выгибаем линию вниз, чтобы сделать фоновый слой немного темнее.
9. Теперь нужно сделать более видимыми детали на темных участках изображения. Для этого переключаемся на самый верхний слой (“Цветовой тон/насыщенность”) и также создаем новый корректирующий слой “Кривые”.
10. Выгибаем линию вверх, пока не увидим очертания складок на юбке. Другие области изображения в данном случае нам не интересны, так как с помощью следующих шагов мы оставим полученный эффект только на нужных участках.
11. Промежуточный результат выглядит таким образом.
12. Далее, выбрав черный цвет в качество основного и находясь на маске слоя с кривыми, жмем комбинацию клавиш Alt+Del.
13. В палитре слоев маска должна полностью окраситься в черный цвет, и мы перестанем замечать ранее полученный эффект.
14. Выбираем инструмент “Кисть”, устанавливаем для нее белый цвет, мягкую круглую форму и непрозрачность на уровне 20-30%.
15. Теперь осторожно проходим кистью по юбке, что позволит проявить ранее созданный эффект.Аналогичным образом можно обработать и другие темные участки изображения, если требуется (волосы, лицо, руки, одежда и т.д.). При это желательно непрозрачность кисти снизить (например, до 10%).
16. Палитра слоев после всех проделанных действий выглядит так.
17. Дальше, конечно же, можно еще поработать над контрастностью слоев, их насыщенностью, цветовыми тонами, чтобы наиболее органично сочетать их. Чем больше времени будет уделено точечной настройке, тем более качественным получится финальное изображение. Мы же на этом закончим и можем оценить результат наших трудов.

Заключение

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

Фотошоп, прозрачный, белый и другой фон.

Поделиться статьёй:

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

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

Делаем фон в Фотошопе простой и с размытием

Шаг 1. Начинаем с определения параметров. Открываем документ, который и будет основным полотном для фона. Сверху можете наложить текст — если, к примеру, создаете открытку или макет рекламного баннера. Не забудьте в диалоговом окне написать имя файла (иначе при сохранении может затеряться в списке других документов). Следующий шаг — указываем размер. Для открытки лучше выбрать стандартный А4 (если рабочее поле получится меньше, края обрезаются). И определяем текстуру фона: прозрачная или белая матовая.

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

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

Шаг 4. Создаем градиентный перелив. Если вам не нравится однотонный фон, хотите задать области несколько оттенков — используйте инструмент Градиент, который также расположен на вертикальной панели слева. В параметрах увидите много интересных вариантов с полосами, треугольниками, контрастными переливами.  

Шаг 5. Эксперименты с фильтрами. Хотите сделать изображение еще более эффектным — примените фильтры. Их можно выбрать в окне, расположенном в самой верхней панели — “Фильтр”, затем из выплывающего окна “Галерея фильтров”.

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

Создаем фон в фотошопе с эффектом Затмения Солнца

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

Шаг 1. Заходим в Фотошоп и, как описано выше, создаем базовый документ. Соблюдаем размер 1900х1200 pixel. Затем нам нужно из вертикальной панели инструментов выбрать значок с пунктирным прямоугольником — Прямоугольная область (если у вас англоязычная версия — Rectangular Marquee Tool (M). Ваша задача — выделить на черном фоне область и потом залить ее серым цветом (на новом слое).

Шаг 2. Теперь нам нужно определить настройки для кисти, которая будет выполнять основную художественную задачу. В меню выбираем Редактирование, затем — Определить кисть (для англоязычной версии Фотошопа — это Edit и Define Brush Preset). Ва нужно переименовать кисть в “Полосы кисть” (Strips Brush).

Шаг 3. Настраиваем параметры кисти. Выбираем в Окне — Кисть (для англо-версии Window и Brushes). Для поставленной задачи вам нужно использовать Динамику формы (на english — Dynamics Shape), Передачу, Динамику цвета (Dynamics Color) и Рассеивание. Ваша рабочий инструмент — Strips Brush.  

Приводим примеры, следуя которым вы не промахнетесь в нужных показателях. Определяемся с отпечатком кисти:

Задаем параметр по Динамике формы:

• Ставим галочку рядом с Рассеиванием. На шкале определяем требуемые значения:

Теперь переходим к Динамике цвета. Обратите внимание на частоту и проценты в колебании переднего и заднего плана, тона, насыщенности и яркости. Оптимальные показатели — 50%:

И Передача. Здесь задаем параметры колебаниям непрозрачности и количества краски (в пределах 40 и 70%):

Шаг 4. Создаем полосы, которые в итоге станут красивыми бликами солнечного сияния. Сначала нам нужно сделать темный фон, который будет контрастировать с разноцветными элементами основной композиции. Для этого нам надо спрятать слой, на котором была создана базовая кисть, назовите его, к примеру, “Для работы с кистью”. Затем делаем новый слой и проводим по нему кистью горизонталь слева направо. Создаем Стиль слоя и идем к стилю Тень. Обязательно применяем параметры Затемнения основы: размер 10 pixel, непрозрачность на 70-75%, смещение — 5 и угол 125°.

В итоге у вас должна получиться такая картинка:

Вам нужно будет повторить эти действия два раза: создавать новые слои, проводить кистью полосу слева направо и задавать параметры в Затемнении основы. Затем объединяем все получившиеся слои с полосками и меняем размер в горизонтали, используя в одновременном нажатии клавиши Ctrl и T:

Шаг 5. Работаем с цветом полосок. Начинаем с цепочки Меню — Фильтр — Размытие — Размытие в движении. Устанавливаем показатели: смещение на 155 pixel, угол 90°. Следующая цепочка: Слои — Новый слой — Заливка — Градиент. Нам нужен линейный стиль, непрерывный градиент, угол 90°, масштабируем на 80% и выбираем нужный оттенок.

Затем меняем Смешивание на режим Перекрытия (на english версии — Overlay).

Если на знакомство с Фотошопом ушло много времени и вы нетерпеливы, на этом варианте можно вполне остановиться и самостоятельно использовать эту картинку как фоновую заставку. Но можно и пойти дальше, довести дело до конца — до эффектного “Затмения Солнца”.  

Шаг 6. В панели инструментов находим Эллипс (в англо-версии при наведении мышкой на значок будет написано Ellipse Tool). Рисуем большой эллипс, выбрав стиль Фигуру. Используем темную заливку.

Возвращаемся к слою с полосками и накладываем Маску слоя. Потом в ход идет мягкая кисть с нулевой жесткостью (в параметрах указываете 0, непрозрачность — до 20%, размер 200 pixel, черный цвет). Ваша задача — с помощью кисти смягчить полоски. На фото красным маркером выделены области для работы с этим инструментом:

Шаг 7. Создаем сияние. Для этого нам опять нужен новый слой, который заполняем черным слоем. Идем по цепочке в верхнем меню: Фильтр — Ренденинг — Блик (и для английской версии: Filter — Render — Lens Flare). Рабочими параметрами должны быть: 50-300 трансфокатор в Типе объектива, 100% яркости. И выбираем режим Экран (Screen).

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

Шаг 8. Совмещаем изображение с картинкой, скаченной из Интернета. Вы без труда найдете подобную. Сложность скорее будет в ее масштабировании под размеры исходной каринки, но и с этим справитесь.

Снова меняем режим: Наложение на Экран. Выбираем Эллипс, переходим в Стиль слоя, останавливаемся на Внешнем сечении. Наложение делаем с параметрами Жесткого света, 60% непрозрачности, с размером в 60 pixel, свечению задаем ярко желтый цвет.

Затем создаем верхний слой черного цвета и переходим по цепочке Фильтр — Галерея фильтров — Текстуры — Зерно. Меняем режим на Soft Light и задаем значение 60%. Теперь нужно уменьшить непрозрачность до 50%. Урок закончен, ваше Солнечное Затмение готово!  

Подводим итоги

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

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

Поделиться статьёй:

Фоновый слой в 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), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.

Как в фотошопе наложить фон на фотографию

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

Как известно для такой операции вам нужны два изображения.

Для примера я выбрал эту фотографию, на неё мы будем накладывать изображение.

НЛО, на прозрачном фоне. Если у вас есть изображение на прозрачном фоне — хорошо, если нет — вырежьте. В данном уроке я даю вам изображение на прозрачном фоне (ссылка сверху).

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

Теперь вы можете уменьшить размер изображения НЛО и переместить куда нужно. В данном случае наверх. Нажмите ENTER, когда закончите редактирование.

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) — найдите на панели инструментов справа.

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

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

Наложение с прозрачностью

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

Я решил перенести утку на изображение с прудом.

1. Откройте картинку с фоном в фотошопе, а второе фото откройте следом. После этого картинки появятся в разных вкладках.
2. Далее, выбираем инструмент «Перемещение» , и зажав левую кнопку мыши на утке, переносим ее на вкладку с прудом. После этого, отпускаем кнопку мыши. У вас, естественно, будут свои фото.
3. Конечно, утка выглядит неестественно, так как она находится непонятно где, так еще и гигантская. Для начала нужно уменьшить ее. Для этого воспользуемся Свободным трансформированием, нажав на комбинацию клавиш CTRL+T. Только перед этим убедитесь, что вы находитесь на слое с уткой.
4. Теперь, начинайте уменьшать изображения, потянув за уголки с зажатой кнопкой мыши. И не забудьте в это время зажать клавишу SHIFT, чтобы картика уменьшалась равномерно. Когда вы уменьшите ее до нужного размера, нажмите Enter, чтобы применить трансформирование.
5. Теперь, снова возьмите инструмент «Перемещение» и потяните за утку, чтобы она находилась где-нибудь на берегу. Так будет выглядеть естественно.

Как вырезать лицо в фотошопе и вставить в другое фото

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

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

1. Откроем две фотографии в разных вкладках. Я больше всего предпочитаю способ Drag and Drop, то есть, выделить нужные изображения и перенести их в фотошоп с зажатой левой клавишей мышки. После этого они по очереди откроются в разных вкладках.
2. Теперь берем любой инструмент выделения, например «Лассо», и начинаем выделять лицо Джона Траволты, захватывая лобную часть и подбородок. А вот волосы нам не понадобятся.
3. Теперь берем инструмент «Перемещение» , после чего зажимаем левую кнопку мыши внутри выделения, а затем переносим его на вкладку с Николасом Кейджем, пока она не откроется. После этого наводим нашу выделенную часть куда-нибудь на картинку и отпускаем копку мыши.
4. Когда фотография Траволты окажется на новом слое, уменьшите его не прозрачность хотя бы на 25-30 процентов. чтобы нам легче было работать.
5. Теперь начинаем заниматься подгоном. Как видите, фотография с Джоном была больше, кроме того, его голова была слегка наклонена. Поэтому, нам все нужно подогнать. Для начала вызовите Свободное трансформирование, нажав комбинацию клавиш CTRL+T, и после этого тяните за уголки, не забыв нажать клавишу SHIFT, чтобы примерно подогнать размер.
6. Теперь поставьте курсор чуть выше угла, чтобы он изменился на режим поворота. После этого зажмите левую кнопку мыши, и начинайте поворачивать перенесенный объект в ту сторону, чтобы лицо стояло также прямо, как и Кейджа.
7. Теперь перенесите полупрозрачное лицо Траволты, на Кейджа, чтобы посмотреть соответствие носа, рта и глаз нужного размера. Отлично, мы сделали все на одном уровне. после этого можно нажать Enter, чтоюы применить трансформирование.
8. Теперь нам нужно удалить или обрезатьостатки кожи, которые вылезают за пределы черепной коробки. Для этого можно воспользоваться инструментом ластик и просто стереть ненужную область. Только желательно нажать правую кнопку мыши и выставить жесткость на 0 процентов, чтобы границы были с максимально мягким переходом.
9. Нам удалось наложить одно фото на другое да и лицо вроде бы готово, но вот оттенок их немного не совпадает, поэтому придется немного изменить тон. Можно воспользоваться тем же способом, которым мы убирали красноту с лица в фотошопе, либо применить инструмент заплатка. Для этого выберите «Заплатку» и обведите лобную часть, которая принадлежит Николасу Кейджу. После это зажмите правцю кнопку мыши и перенесите ее на кусок кожи траволты, чтобы заменить ту часть.
10. В принципе всё. Можно только провести восстанавливающей кистью по лобной складке, чтобы она не дублировала уже имеющуюся.

Теперь у нас получился настоящий Джон Кейдж или Николас Траволта. Да уж. Конечно, у них совершенно разный тип лиц, но я думаю, что уть вы поняли.

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

Как наложить костюм в фотошопе

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

1. Откройте фотографию человека и картинку с костюмом на прозрачном фоне. После этого перенесите его на вкладку лицом, чтобы он встал на отдельном слое.
2. Теперь, выбираем функцию трансформации, нажав комбинацию CTRL+T. А дальше меняем размер костюма, чтобы он соответствовал размеру самого персонажа. Просто если этого не сделать, то у вас получится рахитоид. Для этого потяните за верхний уголок с зажатым SHIFT, чтобы сохранились все пропорции.
3. Когда размер будет подогнан, нажмите Enter, чтобы применить изменения. Скорее всего у вас не будет полного совпадения, и часть ворота не будет подходить шее человека, либо часть старой одежды будет выпирать. Ничего страшного.
4. Теперь выбираем в меню «Редактирование» — «Трансформирование» — «Деформация» , после чего наш костюм обрамится сеткой.
5. Далее, зажмите левой кнопкой мыши в области воротника, и начинайте погонять тянуть выше сначала с одной стороны, затем с другой, пока куски прошлой одежды не исчезнут, а ворот не не будет точно облигать шею. Подробнее о девормации в фотошопе вы можете прочитать здесь.

Теперь Джастина Тимберлейка можно вклеивать в документы. Точно также мы делаем и с другими костюмами, с прическами, усами, бородами или даже шрамами. Достаточно в интернете в любом поисковике найти задать что-нибудь типа «Костюм полицейского png» или «Мужские прически с прозрачным фоном» . Принцип работы такоей же: открываем, переносим, подгоняем размер и деформируем.

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

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

Кстати, вспомнился один забавный случай. Одному моему знакомому лет 10 назад нужно было к определенному времени загрузить фуру грузом (какие-то мешки с непонятно чем). Но к назначенному времени он ничего не успевал. Тогда он сфотографировал отдельно пустой кузов фургона и поддоны с мешками, после чего попросил друга положить их туда с помощью фотошопа. Тот без проблем все сделал, после чего фотография была выслана начальству. Фотка прокатила и никто не узнал, о том, что с погрузкой опоздали.

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

Ну а на этом я заканчиваю. Надеюсь, что моя статья была для вас полезна. Поэтому обязательно подписывайтесь на обновления моего блога, а также на мои паблики в социальных сетях, значки которых расположены в сайдбаре. Жду вас снова у себя в гостях. Пока-пока!

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

Одним из преимуществ Photoshop (фотошоп) является то, что каждый новый элемент с которым мы работаем отразить отдельным слоем и работа над ним не влияет на предыдущие слой (изображения).

Для того что б вырезать рисунок в Фотошопе нужно сделать следующие, выбрать нужный нам слой и воспользоваться одним из инструментов выделения.
Отметив нужную нам область мы выбираем с «Меню» пункт «Редактирования» в котором выбираем операцию «Скопировать» (для копирования) и операцию «Вырезать» (чтобы часть изображения которое отметили вырезать из рисунка).

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

Запускаем любимую программу, а потом через команды Файл-Открыть (File-Open, если используете англоязычную версию) создаем чистый файл. Обратите внимание на те расширения, с которыми будете работать: лучше оставить в типах только тот, что принадлежит искомому файлу. Итак, нужное изображение открылось.

Задачи:
В наличии имеют два изображения. Фон на картинке с бегущей лошадью нас не устраивает, потому будет делать так, чтобы она оказалась на фоне морского пейзажа. Для этого:
1. Создаем новый файл для будущего изображения;
2. На разных слоях по отдельности размещаем коня и морские виды;
3. Вырезаем после выделения животное из первоначальной фотографии;
4. Придаем новой фотографии максимальную естественность.
А теперь пройдем подробно по пунктам.

Новый файл
Размеры нового файла будут заданы 500 Х 375, такие же, как у и фото с морем. Потом в нем требуется создать два слоя: «конь» и «море», причем «морской» слой должен располагаться под «слоем лошадки». Названия присваиваются по щелчку правой кнопкой мыши. В выпавшем контекстном меню в Параметрах слоя (Layer Properties) даем слоям понятные имена.

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

Море располагаем на одноименном слое путем переведение этого окна в активное состояние – щелкаем по нему, оно становится последним. Далее: выделяем все изображение (ведь нам нужен весь пейзаж) через Выделение -> Все (Select -> All) или Ctrl+A. Сигналом к тому, что окно выделено, станет появление рамки из «бегущих муравьев».

Потом копируем (Ctrl+C) и переносим его по щелчку в рабочую область, где лошадь будет уже на фоне моря. Теперь на одноименном слое мы и можем наблюдать пейзаж.
Те же самые операции проделываем со слоем Конь, а после две первоначальные картинки можно закрывать: так они не будут мешать дальнейшим действиям.

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

Допуску (Tolerance) можно придать значение от 0 до 255. При 0 палочка распознает только один оттенок, при 32 – в диапазоне 32 оттенка и т.д. Нам нужно выставить значение 100.

Потом следует выставить флажок на Сглаживании (Anto-aliased), чтобы границы фрагмента были гладкими. Обязательно выделите Смежные пикселы (Contigous), чтобы волшебная палочка захватывала пикселы в соседних с выбранной областях. Нужно убрать выделение Образца всех слоев (Sample All Layers), иначе эффект распространится на все, а нам нужно работать только со слоем коня.

После выделения самой лошадки вы увидите, что выделение не совсем идеально, но пока что нам важно получить контуры фигуры животного. Щелкайте Ctrl+Z или инструмент до тех пор, пока выделение вас не устроит.

Для удаления лишнего окружения следует выбрать Выделение – Инверсия (Select- Inverse). Потом жмем Del, и у нас для работы остается только вырезанный конь, но уже на фоне морских волн. Убираем выделение (Выделение – Убрать выделение), а потом пытаемся убрать траву, которую захватили вместе с лошадкой.

Воспользуемся инструментом Лупа (она изображена с плюсом), щелкнув на панели. Приблизив часть, где осталась трава, нажмите левой кнопкой мыши на Лассо. В панели этого инструмента выбирает магнитное лассо: оно выделит области вместе с перетаскиванием курсора. Граница области будет привязана к самому близкому оттенку цвета, соответствующего границам нашего коня.

По щелчку получится создать промежуточную точку, а потом двигаем мышью вдоль границ конечностей коня. Промежуточные точки пропадут с замыканием контуры – останется лишь выделенная область. Нажимаем Del, жмем по лупе с минусом, уменьшаем изображение до рабочих размеров.

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

1. Выделение с помощью инструмента «Волшебная палочка»

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

Для того, чтобы выделить объект с помощью волшебной палочки, щелкните по инструменту «Быстрое выделение» правой кнопкой мыши и в отобразившемся дополнительном меню выберите волшебную палочку.

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

Для этого просто щелкаем по белому фону, после чего волшебная палочка аккуратно выделяет его. Нам лишь остается инвертировать выделение, поэтому нажимаем сочетание клавиш Ctrl+Shift+I, после чего выделение переносится на цветок.

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

Для того, чтобы делать несколько кликов волшебной палочной по изображению и не терять выделение, не забудьте установить режим «Добавить к выделенной области», который располагается в левом верхнем углу окна или просто зажать клавишу Ctrl.

2. Выделение с помощью инструмента «Магнитное лассо»

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

Чтобы выбрать магнитное лассо, щелкните по инструменту «Лассо» правой кнопкой мыши и в отобразившемся меню выберите нужный нам инструмент.

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

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

Если в процессе обводки магнитное лассо допустило ошибку, просто нажмите клавишу Del, которая удалит последнюю добавленную точку. Нажимайте данную клавишу столько раз, пока нужное количество точек не будет удалено.

3. Использование функции «Цветовой диапазон»

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

Чтобы воспользоваться данной функцией, щелкните по вкладке «Выделение» и откройте раздел «Цветовой диапазон».

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

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

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

Примените внесенные изменения, и на вашем изображение отобразится выделение.

4. Использование инструмента «Быстрое выделение» и функции «Утончить край»

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

Примените инструмент «Быстрое выделение», который располагается там же, где и волшебная палочка.

Чтобы выделять данным инструментом, просто начинайте щелкать по тем участкам, которые должны быть захвачены. Для того, чтобы инструмент захватывал дополнительную область, зажмите клавишу Shift или установите параметр «Добавить к выделенной области». Для того, чтобы удалить лишнее выделение, которое захватил собой инструмент, зажмите клавишу Alt и щелкните по лишнему выделению.

Для более мелких объектов рекомендуется уменьшить размер кисти.

Закончив с выделением объекта, переходим к утончению края. Для этого щелкните по вкладке «Выделение» и перейдите к разделу «Утончить край».

На экране отобразится окно, а на вашем изображении останется лишь выделенный объект для того, чтобы вам было проще оценивать результат. Используя ползунки, добейтесь максимально естественного результата выделения, можете ориентироваться на настройки, как на скриншоте ниже.

Для того, чтобы применить настройки, нажмите кнопку «ОК», после чего окно будет закрыто.

Как перенести выделенный объект на другое изображение?

1. Добавьте в Photoshop второе изображение, в которое будет вставлен выделенный объект.

2. Вернитесь к первому изображению и нажмите сочетание клавиш Ctrl+C, чтобы скопировать объект.

3. Перейдите ко второму изображению и вставьте в него объект сочетанием Ctrl+V.

4. Примените инструмент «Перемещение» и расположите объект в нужной для вас области картинки.

5. Нажмите сочетание клавиш Ctrl+T, чтобы, при необходимости, изменить размер объекта на изображении. Чтобы сохранить пропорции объекта, при изменении размера не забудьте зажать клавишу Ctrl.

Учимся заменять фон в фотошопе

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

Белый фон

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

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

Выделение объекта

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

Выделение с помощью цвета:

Идем — Select (Выделение) — Color
Range (Цветовой диапазон)

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

Так же выделение можно сделать с помощью волшебной палочки или инструментом
быстрого выделения — инструменты вызываются нажатием клавиши W (я считаю, что
выделение с помощью цвета делается более качественно, но любой способ годится)
в результате у вас должна получиться такая картинка:

Ничего страшного, если выделились не все участки волос, как на картинке, мы
исправим это позже. Теперь сгладим неровности изображения. Идем Select
(Выделение) — Modify Модификация — Feather
(Растушевка), значение ставим в зависимости от размера вашего изображения, чем
больше изображение — тем больше будет значение.

Переходим к следующему шагу — созданию маски изображения.

Маска изображения

Маской в фотошопе называется специальный метод, позволяющий скрывать
какую-то область изображения. Маски бывают двух видов Quick Mask
(Быстрая маска, применяется в основном для выделения) и Layer Mask
(Маска слоя, с которой мы будем работать).

Щелкните на слой с фоновым изображением, включите его (выделенный контур
девушки должен остаться) и идем Layer (Слои) — Layer
Mask (Маска слоя) — Reveal Selection (Показать
выделенную область) или щелкаем по квадратику с кругом внутри на палитре слоев,
как на иллюстрации ниже:

В результате у вас должно получиться вот так:

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

Для работы с маской применяется кисточка (вызывается с помощью клавиши B
английская раскладка) белого и черного цвета (нажмите на клавишу D, чтобы
установить по умолчанию черный и белый цвет на палитре). Если вы рисуете белым
цветом на маске слоя, то проявляется изображение, которое находится на верхнем
слое, а если черным — на нижнем.

Чтобы увидеть как выглядит наша маска слоя зажмите alt на
клавиатуре и щелкните по пиктограмме маски слоя, у вас появится черно-белое
изображение с контуром девушки (чтобы вернутся в исходное положение кликните
еще раз по маске слоя с зажатым altом).

Режимы наложения

Прежде чем продолжить работу с маской слоя, необходимо поменять режим
наложения слоя с фоном на Multiply (Умножение).

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

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

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

Данный метод позволяет добиться очень хороших
результатов, не оставляя никакого «палева».

Финальный результат:

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

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

Черный фон

Чтобы получить фотографию на черном (темном фоне) необходимо чтобы модель
(объект съемки) находилась на достаточном расстояние от темного фона, а на сам
фон не должен попадать свет, более подробно об этом можно прочесть здесь.

Итак, у нас есть фотография девушки на темном фоне. Выполняем те же шаги,
что и в случае с белым фоном — создаем выделение, маску слоя и меняем режим
наложения фона на Screen (экран).

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

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

Финальный результат:

Удачных вам кадров и работ в
фотошопе!

Узнать все о популярном графическом редакторе
растровой графики Adobe Photoshop на курсах НОУ «ГЦДПО». Эффективная методика
обучения, самые доступные цены!

Как наложить прозрачный фон в фотошопе. Как сделать фон прозрачным (photoshop)

Достаточно часто при обработке изображений в графическом редакторе изображений Adobe Photoshop требуется создать прозрачный фон вокруг какой-то части редактируемого изображения. Без данной процедуры не обойдись, если вы делаете коллаж из фотографий, накладываете одну часть первого изображения на второе, или создаете изображение с прозрачным фоном для веб-сайта формата.GIF или.PNG. Как создать прозрачный фон в Фотошопе в этом случае?

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

1. Любым способов, выделите ту часть изображения, которую следует оставить непрозрачной. К примеру, для этого можно использовать инструмент «Лассо». После выделения вы должны получить замкнутую фигуру, образованную линией выделения с мерцающими контурами.
2. Создайте копию выделенного слоя нажатием клавиш Ctrl и J на клавиатуре. В окне управления слоями должен появиться новый слой, содержащий только выделенный в предыдущем шаге фрагмент исходного изображений. Фон вокруг данного фрагмента в новом слое должен быть прозрачным.
3. Теперь можно удалить слой с исходным изображением, перетащив его в окне управления слоями в корзину, и сохранить новый слой в одном из двух форматов, поддерживающих прозрачные фоны: GIF или PNG. Или продолжить работу с выделенным фрагментом, вклеивая его в соответствии со своими задумками в другие изображения.

Разумеется, что в п.1 для выделения нужной области, в зависимости от исходного изображения, можно использовать другие более гибкие инструменты: «Магнитное лассо», «Быстрое выделение», «Волшебную палочку».

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

Сделать это с минимальными усилиями позволяет фильтр Extract (извлечение). Данный фильтр по каким-то причинам убран разработчиками из последних версий фотошопа, но остался доступен в качестве установке дополнительного внешнего модуля.

Чтобы сделать прозрачный фон с его помощью сделайте следующее.

1. В верхнем главном меню нажмите на группу «Фильтр» и в появившемся меню выберите пункт «Extract».
2. В левой части окна выберите инструмент с названием пограничный маркер (Edge Highlighter Tool). Задайте необходимый размер маркера справа в окне «Brush Size» в соотвествии с размером изображения.
3. Проведите маркером по границе отделяемого фона таким образом, чтобы маркер закрашивал примерно половину вырезаемой фигуры и половину отделяемого фона. Не стремитесь сразу к идеалу. Впоследствии вы можете подкорректировать результат работы в данном шаге. Образуйте замкнутое выделение.
4. Залейте с помощью заполнителя «Fill Tool» ту часть изображения, которую нужно составить на прозрачном фоне и нажмите кнопку «Ок».
5. В результате вы получите выбеленное изображение на прозрачном фоне.
6. Теперь можно исправить все недостатки выделения, полученные в п.3 с помощью инструмента «Архивная кисть», которая будет восстанавливать ошибочно удаленные участки. Или наобор, удалять все лишее, что попала в рисунок с помощью инструмента «Ластик».

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

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

Зачем это нужно?

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

Наложить прозрачность в «Фотошопе» можно несколькими способами. Некоторые из них до неприличия просты, а над некоторыми придется потрудиться. Но результат превзойдет все ожидания. Каждому ведь хочется почувствовать себя богом «Фотошопа». А без изучения «матчасти» это невозможно. Так что изучайте основы, господа. И в качестве первого урока научимся работать с прозрачностью.

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в «Файл», «Сохранить как…» и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

Если вы планируете дальнейшую работу с получившимся изображением в «Фотошопе», то лучше сохранять картинку в формате PSD — стандартном для данного редактора. При таком способе сохраняются даже отдельные слои, что в дальнейшем серьезно облегчит последующую работу с изображением. Но только для веб-публикации такой формат категорически не годится.

Создание на изображении

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

Таким образом можно добавлять не только текст в качестве водяного знака. Можно использовать какое-нибудь изображение в качестве логотипа. Естественно, что в этом случае обращаться к инструменту «Текст» не нужно. Достаточно будет перетащить нужную картинку на свежесозданный слой и уменьшить его до нужных размеров. А затем сделать все по инструкции.

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность
и Заливка
, расположенных в верхней части палитры Слоев.

Непрозрачность
(Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых изображения.

Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.

Заливка
(Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него .

Как в фотошопе выглядит прозрачность

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

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

Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.

3 способа как сделать слой с картинкой прозрачным

Для начала необходимый слой нужно . Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl
или Shift
.

Примечание

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

Еще одно примечание

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

Способ 1
Ввод цифр

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

Способ 2
Ползунковый регулятор

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

На дисплее с цифрами будет отображаться текущее значение, а само изображение будет меняться вместе с движением вашей руки.

Способ 3
С помощью клавиатуры

Для ряда инструментов фотошопа доступна возможность менять непрозрачность слоя с помощью клавиатуры. Выберите инструмент, например, или (также есть ряд других инструментов, их можно найти методом перебора).

Теперь нажимайте на клавиатуре цифры:

• Цифра 1
  изменит непрозрачность до 10%, 2
  — до 20%, 5
  — до 50% и так далее;
• Цифра 0
  означает 100%;
• Наберите 55
  и получите 55%, 67
  — это 67% и так далее

Чтобы использовать этот же прием для изменения Заливки
, удерживайте вместе с цифрами нажатой клавишу Shift
.

Как сделать прозрачным отдельный участок слоя

Чтобы сделать прозрачным не весь слой, а только его отдельный участок, потребуются некоторые усилия. Как такового инструмента для этой цели нет. Тем не менее, в зависимости от задачи есть как минимум два решения.

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

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

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

Способ 1
Вырезать нужный участок изображения на новый слой

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

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

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

Способ 2
Использование ластика

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

Выберите , на панели параметров установите значение Непрозрачность
отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.

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

Как сохранить изображение с прозрачностью

Существует множество , но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

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

Чтобы в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как
. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла
— PNG(*.PNG)
.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!

Очень часто при создании поздравительных открыток или видео я сталкивалась с вопросом: Как это можно сделать без
знания фотошопа
?

Тот, кто знаком с фотошоп проделает это без труда. Но не все еще изучили эту умную программу. Как же быть им? Неужели нет выхода?

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

А сейчас я Вам открою еще один секрет: Вы уже сегодня научитесь делать фон рисунка прозрачным. Причем сделаете это абсолютно бесплатно и потратите всего лишь 2 минуты Вашего времени.

Приступим к делу.

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

Перед Вами откроется вот такое окно:

Нажмите на «Загрузить изображение с компьютера
«. Выберете приготовленную Вами картинку. Поместить ее можно в отдельную папку в изображениях. Или на рабочем столе, что-бы долго не искать. Кликам один раз на этой картинке и нажимаем «открыть
«.

Рисунок появляется на страничке сервера:

Справа выходя 3 окошечка и в среднем из них нарисован замочек. Нажмите на нем 2 раза левой мышкой. Таким образом откроется дверь в волшебство.

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

Завершающий шаг на пути к превращению: нажать кнопку » Del
» (удалить) на Вашем компьютере. Фон становится в клеточку. Если не все пространство вокруг буде охвачено клеточкой, прикоснитесь еще раз к этому месту волшебной палочкой и нажмите кнопку «Del «

Выходит окошечко, в котором Вас спрашивают: «Сохранить изображение перед закрытием?» Нажимаем «Да
«.

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

Основы работы c фоном в Photoshop

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

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

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

Возможность редактирования изображений в Photoshop
построена на использовании слоев. Каждый из них является отдельным независимым объектом. Изменение любого из слоев никак не отразится на содержимом остальных. Слоевая структура изображения отображается на панели «Слои
»:

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

Использование корректирующего слоя

Разберем на примере, как в фотошопе можно поменять фон с помощью корректирующего слоя. На старте у нас имеется такое изображение:

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

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

С помощью корректирующего слоя можно легко изменить время дня во всем городе.

Удаляем небо

Надоело нам скучное небо над городом. Поэтому удалим его с помощью инструмента «Стиратель фона
». Он находится на боковой панели слева:

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

Все изменения коснулись лишь основного слоя. Перед тем, как изменить фон, через меню «Слой
» — «Новый
» создаем новый:

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

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

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

Перед тем, как заменить фон неба на другой, активируем волшебную палочку на панели инструментов и кликнем ей по небу. При этом чувствительность инструмента лучше выставить на максимальный показатель. Иначе фон будет выделен некорректно:

После этого на выделенной области жмем правой кнопкой мыши, и в появившемся контекстном меню выбираем «Слой через обрезание
»:

Вроде бы ничего не произошло. Но если взглянуть на панель «Слои
», то там мы увидим новый элемент. Чтобы удалить вырезанный фон, следует выделить содержащий его слой, и в контекстном меню выбрать команду «Удалить слой
». Вот как сейчас выглядит наша пустыня:

Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

Размытие заднего фона

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

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

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

Если проводить инструментом «Магнитное лассо» вдоль контура на изображении, то серебристую обводку как будто магнитом притягивает к границам выделяемого предмета.

После активации инструмента осторожно проводим курсором вдоль контуров фигуры девушки. А затем в контекстном меню выбираем пункт «Инвертировать выделение
»:

Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр
» выбираем пункт «Смазывание
» — «Смазывание Гаусса
»:

Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие
». И вот что получилось:

Теперь используем другой подход, и для выделения фигуры девушки используем маску. Сначала создадим дубликат нашего слоя. Для этого отмечаем его в панели «Слои
» и в контекстном меню выбираем пункт «Дублировать слой
»:

Затем к появившейся копии слоя применяем фильтр «Смазывание Гаусса
». А к копии слоя добавляем маску, нажав на значок в виде прямоугольника с белым кругом внутри него. Вот как должно выглядеть фото девушки на данном этапе:

Теперь проделываем следующее:

• На панели инструментов активируем инструмент «Кисть
  »;
• В параметрах задаем диаметр кисти и жесткость воздействия:

• В сборщике устанавливаем черный цвет для переднего фона:

• Затем медленно проводим кистью по контурам фигуры девушки и внутри. Сразу становится видно, что кисть восстанавливает размытость, которую мы применили на слое-копии;

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Как в фотошопе поменять фон | Уроки Фотошопа (Photoshop)

Как в фотошопе поменять фон? Это частый вопрос среди новичков, начинающих изучать Adobe Photoshop. Сегодня я покажу один из способов смены фона в фотошопе. Мы будем использовать быструю маску и инструмент Refine Edge, так что для работы вам понадобится Photoshop CS5.

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

Рекомендую также прочитать урок “Выделение в фотошопе”, там описывается другой способ смены фона в фотошопе.

В конце этого урока photoshop мы получим такой результат:

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

Сложность выделения в фотошопе зависит от того, насколько ближе по цвету фон к самому изображению. Если взять, к примеру, портрет человека на белом фоне, то поменять для него фон не составит никакого труда. Мы же рассмотрим довольно сложный пример. Давайте поменяем фон на этой фотографии с собакой.

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

1. Перейдите в режим быстрой маски (клавиша Q) (подробнее о масках вы можете почитать в уроке “Маски в фотошопе”). Возьмите жёсткую кисть подходящего размера и начните закрашивать изображение собаки:

Обратите внимание, параметры Flow (Нажим) и Opacity (Непрозрачность) должны быть 100%, иначе маска получится не полной, и у вас будут пробелы в изображении. Полностью закрасьте собаку:

Если в процессе работы вы случайно заехали на фон, просто нажмите клавишу X (основным цветом станет белый) и уберите маску в том месте, где она не нужна.

2. Переходим к самому интересному. Нажмите клавишу Q для применения быстрой маски, она превратится в выделение. Но выделение получилось, мягко говоря, убогое. Инвертируйте его (Shift+Ctrl+I). Возьмите любой инструмент выделения и нажмите кнопку Refine Edge (Уточнить ребро).

Появится такое окно с настройками:

И здесь мы остановимся подробнее.

Параметр View (Вид) задаёт фон, на котором вы будете просматривать текущее выделение. Он ни на что не влияет и нужен исключительно для вашего удобства. Я выбрал чёрный фон, т.к. это изображение удобнее всего просматривать именно на нём.

Параметр Edge Detection является самым важным, и позволяет автоматически отделять края изображения от фона. К сожалению, он не идеален, но, тем не менее, справляется с задачей весьма неплохо. Для применения этой опции установите галочку Smart Radius (Умный радиус) и подберите для своей картинки оптимальный радиус. У меня это 11,3px. Если я выкручу радиус дальше, то инструмент будет захватывать часть фона.

Опции во вкладке Adjust Edge корректируют края выделенного изображения. Smooth устанавливает сглаживание, Feather (Растушевка) делает края мягкими, Contrast само собой увеличивает контрастность краёв, а Shift Edge расширяет или сужает область выделения. Параметры для моего изображения вы видите на картинке выше.

Ну и наконец, опция Decontaminate Colors (Очистка цвета) позволяет избавиться от артефактов на стыке изображения и фона. Я использую её почти всегда. Есть одна особенность, о которой вам нужно знать – если очистка цвета активна, после применения Refine Edge сразу будет создан новый слой с маской, а на него скопировано текущее выделение. Я считаю это удобным.

Итак, применяем Refine Edge и видим:

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

Теперь вы знаете, как в фотошопе поменять фон. Показанный мною способ далеко не единственный, однако работает он отлично. Вот ещё несколько примеров смены фона в фотошопе:

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

Режим наложения Overlay в Photoshop

Автор Стив Паттерсон.

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

Следующим шагом в нашем обзоре основных режимов наложения для редактирования фотографий в Photoshop является режим наложения, который одновременно увеличивает темные области и одновременно отображает светлые области, это режим наложения.

Как мы видели в самом начале нашего обсуждения, режим наложения является частью группы режимов наложения «Контраст» вместе с другими режимами наложения, такими как «Мягкий свет», «Жесткий свет», «Яркий свет», «Линейный свет» и т. Д. Каждый из этих режимов наложения предназначен для повышения контрастности изображения, но режим наложения является наиболее популярным и часто используемым, и вам определенно необходимо знать его.

Загрузите это руководство в виде готового к печати PDF-файла!

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

Наш простой двухслойный документ Photoshop.

Конечно, как мы уже говорили, все выглядит так, как сейчас, потому что верхний слой, названный «Градиент и квадраты», в настоящее время установлен в режим наложения «Нормальный»:

Палитра слоев, показывающая оба слоя, причем верхний слой установлен в режим наложения «Нормальный».

Чтобы быстро напомнить, мы видели, что при изменении слоя «Градиент и квадраты» на режим наложения «Умножение» все стало темнее. Белые области исчезли из поля зрения, черные области остались без изменений, а все остальное смешалось со сплошным синим цветом на фоновом слое, чтобы получить более темный результат. Когда мы установили слой в режим наложения Screen, все стало светлее. Черные области исчезли, белые области остались без изменений, а все остальное слилось со сплошным синим цветом, чтобы получить более светлый результат.

Режим наложения «Наложение» одновременно увеличивает темные области и одновременно отображает светлые области, поэтому темные области становятся темнее, а светлые — светлее. Все, что на слое имеет 50% -ный серый цвет, полностью исчезает из поля зрения. Это дает эффект повышения контрастности изображения, поэтому одно из его наиболее распространенных применений при редактировании фотографий — быстрое и легкое улучшение контрастности сильно выцветших изображений. Давайте посмотрим, что произойдет, когда я изменю режим наложения слоя «Градиент и квадраты» на Overlay:

Изменение режима наложения слоя «Градиент и квадраты» на Overlay.

Исходя из того, что мы только что узнали, со слоем «Gradient and Squares», установленным на Overlay, 50% -ый серый квадрат вместе с областью в середине градиента прямо между черным и белым должны полностью исчезнуть из поля зрения. Все, что темнее 50% серого, должно стать еще темнее, а все, что светлее 50% серого, должно стать еще светлее. Посмотрим на наш документ и посмотрим, что произошло:

Документ Photoshop после изменения режима наложения слоя «Градиент и квадраты» на Overlay.

Конечно, 50% серый квадрат вместе с областью в середине градиента исчез, в то время как все, что находится слева от центра в градиенте, смешалось с синим цветом внизу, чтобы стать темнее, в то время как все, что находится справа от центра в градиенте, смешалось с синим цветом внизу. градиент смешался с синим цветом, чтобы стать светлее.

Что здесь странно, так это то, что вы, вероятно, ожидали, что черные и белые квадраты вместе с черными и белыми областями градиента останутся неизменными, при этом черный останется черным, а белый останется белым, поскольку я сказал, что режим Overlay умножается темные области и экранирует светлые области.Когда мы смотрели на режим наложения Multiply, черные области оставались черными, а когда мы смотрели на режим наложения Screen, белые области оставались белыми. Тогда было бы разумно, что все черное должно оставаться черным, а все белое — белым. Однако в нашем документе выше мы видим, что это не так. Черный квадрат и черная область градиента слева фактически немного посветлели, чтобы стать темно-синим, в то время как белый квадрат и белая область градиента справа немного потемнели, чтобы стать голубым.Что с этим?

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

Посмотрите, что произойдет, если я переключу порядок слоев в палитре слоев так, чтобы слой «Градиент и квадраты» находился внизу, а сплошной синий цвет — над ним. Теперь Photoshop фактически не позволяет нам перемещать фоновый слой, поэтому мне нужно сначала его переименовать. Для этого я просто удерживаю клавишу Alt (Win) / Option (Mac) и дважды щелкаю прямо на слове Background в палитре слоев, что говорит Photoshop переименовать слой в «Layer 0».Теперь, когда слой больше не называется «Фон», я могу перемещать его. Я переместу «Слой 0», который является нашим сплошным синим слоем, прямо над слоем «Градиент и квадраты». Я также собираюсь сбросить слой «Градиент и квадраты» обратно в режим наложения Normal, и на этот раз я установлю сплошной синий слой на Overlay:

Сплошной синий слой теперь находится над слоем «Градиент и квадраты», при этом слой «Градиент и квадраты» снова установлен в режим наложения «Нормальный», а сплошной синий слой — на Перекрытие.

На этот раз, поскольку это сплошной синий цвет, установленный на Overlay, Photoshop будет отдавать предпочтение слою «Gradient and Squares» под ним. Это должно означать, что черные и белые области на слое «Gradient and Squares» должны оставаться черными и белыми. Посмотрим, как это выглядит:

Черные и белые области на слое «Gradient and Squares» теперь остаются черно-белыми, поскольку Photoshop теперь придает меньшее значение сплошному синему слою над ними.

Конечно, именно это и произошло.Черные области по-прежнему остаются черными, а белые области по-прежнему белыми, а 50% серых областей по-прежнему скрыты от просмотра. Режим Overlay, кажется, теперь имеет гораздо более сильный эффект с гораздо более очевидным усилением контраста, все потому, что мы изменили порядок наложения двух слоев. Мы по-прежнему используем тот же режим наложения Overlay, но поскольку мы узнали, что Photoshop всегда отдает предпочтение слою или слоям ниже слоя, для которого установлено значение Overlay, мы смогли еще больше усилить эффект контраста.

В большинстве случаев вся эта «фаворитизм» с режимом наложения не будет проблемой, но все же хорошо знать.

Реальный пример режима наложения наложения

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

Старая фотография, блеклая как в светлых участках, так и в тенях.

Так же, как я сделал, когда мы посмотрели на режимы наложения Multiply и Screen, я собираюсь добавить корректирующий слой Levels над изображением, щелкнув значок New Adjustment Layer в нижней части палитры Layers и выбрав Levels в список:

Добавление корректирующего слоя уровней над изображением.

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

Изменение режима наложения корректирующего слоя на Overlay.

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

Контрастность изображения улучшается после изменения режима наложения корректирующего слоя на Overlay.

Я думаю, что мы можем улучшить контраст еще больше, и мы можем сделать это, просто продублировав корректирующий слой, что я сделаю, нажав Ctrl + J (Win) / Command + J (Mac). Это дает мне дубликат корректирующего слоя Levels, и, поскольку мой исходный корректирующий слой был установлен в режим наложения Overlay, дубликат также автоматически устанавливается в Overlay:

Палитра «Слои», показывающая дубликат корректирующего слоя «Уровни», также установленного в режиме наложения «Перекрытие».

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

После дублирования корректирующего слоя контраст стал слишком сильным.

Для точной настройки контрастности я могу просто уменьшить непрозрачность дублированного корректирующего слоя. Я уменьшу его примерно до 60%:

Уменьшение непрозрачности дубликата корректирующего слоя «Уровни».

Вот фотография еще раз после уменьшения непрозрачности для уменьшения контраста:

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

И вот насколько легко восстановить тени и блики на фотографии и повысить контраст изображения, используя не что иное, как корректирующий слой уровней (или два) и режим наложения Overlay.

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

Как использовать цифровые фоны, наложения и текстуры

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

Перенесите свои ресурсы в Photoshop

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

Для начала откройте изображение и цифровой фон в Photoshop или программном обеспечении для редактирования по вашему выбору — все, что позволяет вам использовать слои, будет работать, но в этом уроке я покажу вам, как это сделать с помощью Photoshop CC. Как только ваш фон, оверлей или текстура открыты в фотошопе, вы можете щелкнуть и перетащить их на свое базовое изображение.Вы также можете использовать функцию «разместить», чтобы скопировать цифровой актив на базовое изображение. Для этого выберите и скопируйте цифровой актив, перейдите к базовому изображению и выберите «Правка»> «Вставить». Это добавит ваш цифровой актив в качестве слоя поверх базового изображения.

Настройка фона, наложений и текстур

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

Метод 1. Измените непрозрачность вашего цифрового фона, наложения или текстуры

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

Убедитесь, что ваш цифровой фоновый слой активен, и создайте маску слоя, выбрав «Слой»> «Маска слоя»> «Показать все» (или нажмите кнопку, которая выглядит как маленький прямоугольник с кружком внутри в нижней части панели слоев). Это добавит маску белого слоя к вашему фоновому изображению. Убедитесь, что вы нажали на маску белого слоя, выберите черную кисть и закрасьте любые области, которые вы хотите скрыть, или удалить цифровой фон, наложение или текстуру.Вы можете настроить мягкость / жесткость и непрозрачность или поток кисти, чтобы контролировать, насколько мало или какую часть слоя вы открываете или скрываете. Самое замечательное в использовании метода маски слоя заключается в том, что если вы допустили ошибку, вы можете просто изменить кисть обратно на белый цвет и закрасить маску, чтобы показать больше фона.

Метод 2. Измените режим наложения цифрового фона, наложения или текстуры

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

Чтобы использовать режимы наложения, найдите поле в верхней части панели слоев с надписью «Нормальный». Щелкнув раскрывающееся меню, вы увидите все различные варианты. Некоторые из моих любимых для использования с цифровым фоном, наложениями и текстурами — Multiply, Screen, Overlay и Soft Light.

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

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

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

Базовое руководство в Photoshop — Как добавить креативные наложения к вашим портретам

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

Вот базовое руководство по добавлению наложения с помощью Photoshop. Возьмите свои изображения от простых портретов (вверху) до текстурированного фона (вверху) и, наконец, до включения некоторых сюрреалистических или художественных элементов в готовые портреты (внизу).

Начало работы

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

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

В-третьих, вам нужно определиться с изображениями, которые вы хотите использовать в качестве креативных оверлеев. Быстрый поиск в Google дал мне несколько бесплатных оверлеев с достаточно высоким разрешением для использования с моими изображениями.

Разработано Freepik

Важно, чтобы эти наложения были в формате PNG, поскольку он поддерживает прозрачность. Если фон еще не является прозрачным (что обозначено клетчатыми серыми и белыми полями), вы можете при необходимости извлечь изображение из фона, прежде чем использовать его в качестве независимого наложения. Но это намного больше.

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

# 1 Откройте изображение в Photoshop

Как только вы откроете изображение в Photoshop, оно станет фоновым слоем. В моем случае я переименовал слой в файл с именем «lsp-portraits-13», которое отображается в самом низу файла рядом со значком «глаз». Это просто означает, что это видно, и это то, что я вам сейчас показываю.

# 2 Откройте изображение текстуры в том же файле Photoshop

.

Текстура, которую я использую, называется Chambord, как вы можете видеть по названию слоя.Вы можете легко добавить новое изображение в существующий открытый файл Photoshop двумя способами:

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

Последний путь довольно длинный. Первый способ быстрее и умнее, потому что Photoshop автоматически делает новую текстуру смарт-объектом.Это означает, что он соответствует размеру вашего изображения, но вы все равно можете изменить масштаб без потери пикселей.

Измените режим наложения слоя изображения текстуры (в данном случае Chambord) на Overlay на вкладке Layers. Добавьте маску слоя к слою Chambord и удалите текстуру с лица на изображении, закрасив маску черным цветом с помощью мягкой кисти.

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

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

# 3 Теперь можно приступить к добавлению накладок

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

Важно, чтобы вы установили режим наложения для каждого наложения текстуры на «Перекрытие». Вы можете экспериментировать с различными режимами, но для этого типа работы я обнаружил, что режимы Overlay и Soft Light, как правило, наиболее подходят.

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

Вы также заметите, что на трех листах есть отдельный корректирующий слой уровней поверх них. Это простой способ настроить внешний вид наложения, например, сделать его ярче, затемнить, увеличить контраст и т. Д. Вам просто нужно убедиться, что вы закрепили слой с уровнями на соответствующем наложении, которое он настраивает, нажав Alt + Cmd / Ctrl + G. Стрелка вниз указывает, что он привязан (относится только к этому и никаким другим) к слою под ним.

Вы также заметите, что есть слой под названием Группа 1 со значком папки рядом с ним. Я сгруппировал все четыре наложения после того, как произвел индивидуальную настройку слоев уровней. Это на тот случай, если я хочу внести дополнительные корректировки для всех из них, мне нужно только обрезать корректировки для группы, а не повторяться для каждого слоя наложения. Особенно, если все настройки в любом случае должны быть одинаковыми.

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

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

Чтобы исправить это, я добавил корректирующий слой Hue / Saturation и обрезал его до Group 1, чтобы он влиял только на эту группу, а не на другие слои. Я поигрался с ползунками, чтобы зеленый цвет стал похож на зеленые листья на рубашке маленького мальчика. Я хотел, чтобы общее изображение выглядело как старая иллюстрированная открытка с приглушенными тонами и приглушенными цветами.

# 5 Пора спасти вашу работу!

Если вы хотите сохранить все слои и исходное изображение, вам необходимо сохранить файл как изображение PSD (файл данных Photoshop). Пока вы не объединяете или не сглаживаете слои, у вас будет доступ ко всем исходным элементам, использованным при создании составного изображения.

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

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

Заключение

Итак, это простой процесс использования наложений! Ниже приведены два других изображения, на которых показаны различные слои с использованием точно такого же процесса, как показано выше.

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

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

• ОБЩИЕ

• ПОДГОТОВКА

• НАСТРОЙКИ

• ОСВЕЩЕНИЯ

• позируют

• СОСТАВ

• ЗУБЧАТЫЕ

• ADVANCED ГИД

• CREATIVE СПОСОБЫ

• ПОСЛЕ ОБРАБОТКИ

• БИЗНЕС

• ВДОХНОВЕНИЕ

• РЕСУРСЫ

Абстрактный фон и наложения фотографий в Photoshop

Сохраните этот урок на будущее или поделитесь с другом, прикрепите это изображение!

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

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

Наконец, я покажу вам, как извлечь все ваши пользовательские наложения для использования в PowerPoint, Word и онлайн-графических редакторах, таких как Canva и Fotor.

ИЗУЧАЙТЕ ИНСТРУМЕНТЫ ДИЗАЙНА ОДИН ШАГ ЗА ВРЕМЯ

Учебник PrettyWebz может помочь вам узнать и освоить больше всего
разочаровывающие аспекты подавляющих программ, таких как Photoshop и Illustrator в
веселый и увлекательный способ.

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

Другие уроки в этой серии

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

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

РЕСУРСЫ, ИСПОЛЬЗУЕМЫЕ В ДАННОМ Учебном пособии:

Нет
внешние ресурсы, это все Photoshop!

Другие сообщения, которые могут вам понравиться

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

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

Стенограмма видео

Сегодня,
Я собираюсь показать вам, как использовать огненный фильтр в Photoshop для создания
абстрактные фоны и графика.

Хорошо,
так что у меня есть пара целей для этого видео. Во-первых, я хочу показать вам
как на самом деле создать эту абстрактную графику, которую вы смотрите на
экран.Чтобы вы могли экспортировать их, используйте их вне Photoshop. Интегрировать
их также с другой графикой и фотографиями.

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

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

Создание аннотации
Справочная информация

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

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

Что мы собираемся сделать с этим, так это использовать вот это, инструмент пера произвольной формы .Это позволяет вам создавать свой дизайн, не работая с какими-либо якорями или чем-либо еще. Так что работать с ним намного проще. Если у вас есть планшет, это значительно упрощает задачу, но вы также можете легко сделать это с помощью мыши.

Я просто
собираюсь войти и сделать такой простой дизайн завихрения. Этот [путь] просто
давая фильтру пламени что-нибудь для работы. Я собираюсь подойти [к
панель слоев] убедитесь, что у меня чистый слой. Затем я перейду к , фильтру , затем , рендеринг и затем пламени .

Хорошо, вот что у нас есть [демонстрация пламени]. Теперь вы можете внести некоторые изменения в эту [показывающую панель настроек фильтра пламени], если хотите, чтобы она была больше. Имейте в виду, что мы делаем фон.

Подробная информация о настройках фильтра пламени появится позже

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

Мой
намерение состоит в том, чтобы сначала показать вам, что вы можете делать с чем-то вроде этого.Затем
когда мы перейдем к нашему второму проекту, я расскажу немного подробнее о некоторых
функций, которые вам доступны здесь [настройки фильтра пламени
панель].

Итак, пока мы продолжим и сделаем дизайн. Вы можете пропустить вперед, если хотите увидеть, как сделать это пламя. Что касается всех остальных, оставайтесь со мной, и я скоро займусь всем этим.

Добавление цвета
Эффекты

Когда ты
доволен [дизайн], вы можете щелкнуть ОК. Теперь у тебя будет
что-то вроде этого [показывает дизайн вспышки белого света] Я продолжу
и избавьтесь от этого рабочего пути [синяя линия на холсте].Это
в основном то, что мне дали. Поскольку я хочу сделать это фоном, я
собираюсь сделать его немного больше.

Вперед
и добавьте к нему градиентную заливку. Я спущусь сюда [настройка панели слоев
Layers] Я собираюсь нажать на градиент
Я собираюсь нажать ОК . А пока я просто
хотите закрепить этот [слой градиентной заливки] или закрепить его на нижнем слое.

открою
что [настройки градиентной заливки] сохранятся [дважды щелкните слой], и я собираюсь
просто выберите что-нибудь [градиент].Я пошел дальше и добавил этот градиент [демонстрационный градиент]
к нему. Я собираюсь нажать ОК и это
вот как будет выглядеть мой фон [демонстрационный дизайн].

Создание частиц

Теперь, когда
У меня есть эта настройка с градиентом и все, как мне нравится, я собираюсь
чтобы изменить режим наложения этого слоя [светлая вспышка]. Я собираюсь изменить
что [режим наложения] растворяться. Мне очень нравится идея этого плавного образа, который
также похоже, что он разваливается. Только одна идея, как можно использовать этот фильтр пламени.
для создания красивого фона.

Одиночная вспышка
Графика

What I
например, здесь есть два отдельных изображения [показаны два световых
блики, наложенные вместе]. Две отдельные графики, но я могу наложить их и
превратить их в нечто совершенно иное.

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

Использование световых ракет
as Photo Overlays

Хорошо, я начну с этого изображения прямо здесь [демонстрационное изображение]. Я выбрал это, потому что он явно в движении. Идея состоит в том, чтобы подчеркнуть движение изображения.

Я пойду
перейти к инструменту «Перо » . Огонь
фильтр будет использовать эту фигуру [фигуру, которую я создам на холсте, используя
перо], чтобы указать, как он [фильтр пламени] отображает пламя.

Я пойду
чтобы начать здесь [верхняя часть головы, я сделал первую точку].Тогда я пойду
чтобы закончить это здесь [подошва его ног]. Я собираюсь уменьшить масштаб
маленький. Хорошо, поэтому я хочу закончить это здесь [низом], но у меня есть
чтобы согнуть его совсем немного.

[Создание кривой с помощью инструмента «Перо»: сделайте первую точку, затем, когда вы сделаете конечную точку, щелкните и перетащите в противоположном направлении, в котором вы хотите кривую. Продолжайте перетаскивать, пока не получите желаемую округлость.] Итак, я собираюсь оставить его прямо там [изогнутое вместе с телом]. Это будет форма нашего пламени, движение, которое мы собираемся создать.

Подготовка к установке фильтра пламени

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

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

Фильтр пламени
Обзор панели настроек

У вас есть
варианты здесь. Тип пламени, поэтому мы хотим, чтобы на пути было одно пламя, просто что-то
просто вот так. У вас может быть несколько пламен, а на самом деле целая куча
здесь разные вещи, из которых вы можете выбирать.

Я просто
собираюсь выбрать это, несколько языков пламени на пути, просто чтобы дать вам представление.
Я собираюсь сделать его толще, чтобы вы могли его видеть. Мы видим, что это такое
сделано там, так что это просто сделало его [пламя] шире.

Можно
Видите, что у нас некоторые области этой [панели настроек] затенены. Это
просто из-за стиля, который я выбрал. Когда я вернусь к этому единственному пламени
вы увидите, что большая часть этого материала будет недоступна для
мне. Так что у меня не будет много вариантов. Это то, что я собираюсь
выбрать хотя.

Я пойду
чтобы уменьшить его [настройки фильтра] примерно до 160 по ширине, и я собираюсь
используйте собственный цвет. Мы оставим его белым.

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

Расширенные настройки

На данный момент
давайте посмотрим на эти Advanced
Настройки сейчас. Здесь вы можете изменить непрозрачность, сложность
пламени, выравнивания и всего этого.

У вас также есть
другие варианты здесь для формы стиля, это просто изменит стиль
пламени. Если он у вас включается каждый раз, когда вы меняете здесь [в других
settings] это тоже случайным образом изменится.

Я немного поработаю с этим, постараюсь вернуть то, что у меня было. Мы просто оставим эту фигуру здесь [фигура отображается в окне предварительного просмотра]. Я нажму «ОК». Теперь это добавлено здесь [на моем холсте].

Размещение графического наложения

Мне не нужно
этот путь больше [синяя линия на холсте], так что я продолжу
и перейдите сюда к опции пути и просто удалите это.

Я пойду
чтобы увеличить это изображение, и я собираюсь разместить это [световая вспышка
графика], может быть, прямо там [чуть выше объекта фотографии].Все я иду
нужно сделать это [добавить маску слоя к графике] и с маской слоя [выбрано] нажать букву
B на клавиатуре, чтобы получить инструмент кисти .
Убедитесь, что вы находитесь в маске.

Это [передний план / фон
цвета] должен быть черно-белым. Мы собираемся использовать жесткую круглую кисть.
для этой [кисти по умолчанию], и я собираюсь просто приблизить масштаб. Ниже
эта кисть [размер] немного. Затем просто удалите его [замаскируйте изображение] с его
рука.

Мне нравится
уберите большую часть [замаскируйте изображение дальше, чем необходимо], чтобы я мог
посмотрите, где заканчивается [область маскировки], затем X на клавиатуре, чтобы добавить эту белую заднюю часть.
Я могу добавить сюда эту [часть рисунка]. Я удалю эту [часть
рисунок] также из области колен.

Добавление градиентов

Я могу пойти немного дальше, перейдя к корректирующим слоям. Я собираюсь выбрать слой с градиентом, закрепить его и нажать ОК.Прикрепите [добавьте обтравочную маску] этот [корректирующий слой градиента] к самому пламени. [Щелкните правой кнопкой мыши на корректирующем слое градиента и выберите создать обтравочную маску во всплывающем меню. Слой будет обрезан по слою под ним.]

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

Подготовка графики для
Экспорт

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

Мы просто
собираюсь захватить этот первый слой, удерживая клавишу Shift на клавиатуре, захватить второй
команда слоя или команда / ctrl + буква
e на клавиатуре. Это просто объединит его в один слой. Я иду
продолжить и проделать то же самое с остальной графикой. Итак, теперь у нас есть
четыре объекта.

Это
вот только фон [слой сплошного цвета], который я использовал, чтобы вы могли видеть
над чем мы работали. Их прямо здесь можно либо удалить, либо просто скрыть
их [слои сплошного цвета]. Мы хотим сохранить их как изображения PNG.

Если вы
работая в PowerPoint или собираетесь использовать их для презентации
убедитесь, что это PNG 24. В противном случае вы получите белый контур.
это будут прозрачные изображения, но по какой-то причине PNG 8 не отображается
хорошо внутри таких программ, как Word и PowerPoint.Просто имейте это в виду. Если
вы сохраняете их для Word или PowerPoint, убедитесь, что это PNG 24.

Экспорт отдельных
Готовая графика

Хорошо,
отсюда, как только вы соберете все эти [изображения] вместе, вы сможете
до файлов , затем перейдите к экспорт , мы собираемся выбрать слоев для файлов. Потому что мы хотим
экспортировать каждый из этих слоев в отдельный файл, мы продолжим и
выбрать просмотреть . Я собираюсь сохранить это в
мои загрузки, нажмите «Открыть».Вот где он будет сохранен. Я просто иду
чтобы назвать этот «образец», чтобы прямо здесь [окно сохранения], куда вы собираетесь
выберите свой тип файла.

Параметры формата файла

Помните,
для таких программ, как PowerPoint и Word, мы выбираем PNG24. Если вы используете
это для Интернета PNG 8 было бы лучшим вариантом, потому что это файл меньшего размера. Jpg
собирается добавить фон, чтобы вам не хотелось туда идти.

Знайте PNG 8, веб-использование, PNG-24 более высокого качества. Теперь здесь [окно сохранения настроек] мы собираемся выбрать прозрачность и мы хотим обрезать слои .Затем прямо здесь у меня видимых слоев, только выделено , что означает, что будут сохранены только эти четыре с включенным глазным яблоком. Таким образом, остальные из них не будут сохранены. Я собираюсь нажать запустить .

Хорошо, как только вы увидите слоев экспорта в файл, который был успешно , вы почти закончили. Этот прошел очень быстро, потому что у нас было только четыре слоя, которые мы экспортировали. Я экспортировал этим методом, и иногда это занимало до часа.Просто помните, сколько слоев вы пытаетесь экспортировать за один раз. Я собираюсь нажать ОК.

У нас есть
эти четыре графика готовы к работе. Все они в формате PNG, так что вы сможете
используйте их там, где вам нужно.

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

Спасибо за
смотрю!

Как использовать наложения Photoshop (Простое пошаговое руководство!)

Вы хотите добавить дополнительное измерение к своим фотографиям?

В Photoshop вы можете перетащить наложение на изображение.Это мгновенно перенесет ваши фотографии на новый уровень.

В этой статье я покажу вам, как начать работу с наложениями Photoshop.

Что такое наложение Photoshop?

Наложение — это изображение, которое добавляется к фотографии в качестве дополнительного слоя. Наложения Photoshop могут создать дополнительное измерение или добавить текстуру к вашим фотографиям.

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

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

Где найти накладки

Наложения Photoshop доступны по всему Интернету. Есть сайты, предлагающие оверлеи на продажу.

Многие другие веб-сайты также предлагают бесплатные оверлеи.

Как использовать наложения Photoshop

Наложения Photoshop очень просты в использовании. Это сами изображения, поэтому их не нужно устанавливать или помещать в специальные папки.

Вы можете сохранять наложения где угодно.

Я воспользуюсь наложением Photoshop Overlay, чтобы имитировать сказочный световой эффект.

Отсюда:

Кому:

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

Шаг 1. Сохраните и разархивируйте

Сохраните файл наложения в удобном для поиска месте на вашем компьютере. Обычно это файл .zip.

Найдите файл на своем компьютере и дважды щелкните его, чтобы распаковать.

Шаг 2. Откройте фотографию

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

Откройте фотографию в Photoshop.

Шаг 3. Добавьте наложение Photoshop

Откройте папку, в которой вы сохранили файл Overlays, и разархивируйте его.

Найдите понравившийся оверлей и перетащите его на фотографию.

Он автоматически появится в новом слое.

Измените размер или положение, если необходимо, и дважды щелкните фотографию для подтверждения.

В этом примере я использовал два наложения друг на друга.

Шаг 4. Изменение режима наложения

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

Щелкните раскрывающееся меню «Режим наложения» и выберите «Экран».

Шаг 5. Измените цвет наложения

Он уже выглядит неплохо, но иногда вам может потребоваться изменить цвет наложения, чтобы он лучше соответствовал вашей фотографии.Это зависит от цвета вашего фона.

Выберите слой с наложением.

Перейдите в Image> Adjustments и выберите «Hue / Saturation…». Появится новое окно.

Перетащите ползунок «Оттенок» влево или вправо, чтобы изменить цвет наложения.

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

Теперь сохраните фото и все.Вот результат.

Заключение

Наложение Photoshop — самый простой и быстрый способ добавить к фотографиям особый эффект или дополнительное измерение.

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

Перетащите столько наложений Photoshop на свои фотографии, пока не получите желаемый вид.

Хотите больше? Попробуйте наш курс творческой обработки в Photoshop

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

Он показывает, как делать фотографии, которые заставляют людей говорить «Вау! Как вы это восприняли? ».

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

470 БЕСПЛАТНЫХ наложений Photoshop — Загрузите сейчас!

Бесплатные наложения Photoshop для творческих фотографов, которые улучшают ретушь своих фотографий и позволяют легко и быстро создавать потрясающие фотографии. У вас огромное количество идей, но вы не можете их реализовать во время фотосессии? Если это так, не волнуйтесь, потому что благодаря нашим бесплатным наложениям Photoshop вы легко воплотите в жизнь свои самые смелые идеи.Эти пакеты — самый простой способ управлять различными элементами, даже теми, о которых вы не догадывались.

Исходя из предпочтений наших клиентов, мы предоставляем вам наши оверлеи для использования в форматах JPEG и PNG. Наши бесплатные наложения для Photoshop предназначены для слоя поверх фотографии. Выбирая формат PNG, вы получаете наложения с прозрачными краями, которые можно добавлять прямо к вашей фотографии. Если вы выбрали формат JPEG, вам нужно будет использовать режим наложения. Забудьте об ограничениях и дайте волю своему воображению, используя коллекцию из более чем 500 профессиональных наложений для Photoshop бесплатно.Пара кликов — и ваша фотография приобретет совершенно потрясающий вид, будь то лист, свет, снег, небо или эффект гранжа.

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

Наложения Photoshop — это изображения, которые накладываются на редактируемое изображение для создания желаемого эффекта, такого как замена неба, добавление капель дождя и т. Д. Поскольку PS-оверлеи являются изображениями, они не являются частью Adobe Photoshop и должны храниться на вашем ноутбуке (желательно хранить их в легкодоступных местах, чтобы в дальнейшем не возникало проблем с их поиском).После бесплатного сохранения оверлеев для Photoshop на вашем компьютере вам потребуется всего несколько шагов, чтобы применить их. Вы будете приятно удивлены, узнав, насколько это просто. Итак, ваши действия:

1. Откройте желаемое фото.
2. Найдите верхнюю строку меню и выберите: Файл> Поместить. Ваше бесплатное наложение Photoshop будет отображаться как отдельный слой поверх основного изображения.
3. Отрегулируйте положение и размер наложения относительно основного изображения.
4. Заблокируйте положение наложения, нажав Enter.
5. Имея файл .jpeg с темным фоном, используйте режим наложения.

ПРИМЕЧАНИЕ:

1. Поэкспериментируйте с непрозрачностью слоя, чтобы выбрать идеальный вариант для каждого стиля.
2. Если вас не устраивает какая-то часть бесплатного наложения Photoshop, вы можете легко стереть ее с помощью инструмента «Кисть».

Как использовать наложения в Photoshop

Эти инструкции помогут вам создавать фотоэффекты с помощью наложений в Photoshop.

Планируете установить и использовать оверлеи в Elements? Посмотрите это видео-руководство о том, как установить и использовать оверлеи в Elements.

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

В новом обновлении Photoshop за ноябрь 2017 г. есть сбой, который не позволяет применить.png накладывается путем размещения встроенного файла. Вот обходной путь и альтернативные способы размещения наложения, а также шаги, которые покажут вам, как использовать наложения в Photoshop:

Как использовать наложения в Photoshop

1. Откройте изображение, к которому будет применен ваш оверлей

2. Откройте выбранное наложение, выбрав «Файл» -> «Открыть».

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

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

   Комментарий *

   Имя *

   Email *

   Сайт