Замена фона в фотошопе
Man5ON
Источник: skillsup.ru
Обычно, процесс замены фона у фотографии состояит из следующих частей:
1. Подобрать фон с правильным освещением. Так, чтобы когда мы разместили фотографию она не казалась инородной.
2. Вырезать фотографию из старого фона. Также надо не забыть про тени, которые отбрасывают объекты на старый фон и про полупрозрачные элементы (волосы, ткань и т.п.). Как вырезать сложные и полупрозрачные объекты.
3. Разместить вырезанную фотографию на новом фоне в нужном месте и нужного размера.
4. Провести цветокоррекцию фона и фотографии, так, чтобы они смотрелись как единое целое. Подробнее о цветокоррекции смотрите здесь.
11 0 850 23
10
2014-02-06
С каких пор «speed art» считается уроком?
2014-02-06
Урок плохой если не сказать бесполезный, с каких это пор для выделения используется ластик? это полный бред, хотя-бы потому, что нужно использовать маску слоя(хотя я рекомендую использовать для выделения инструмент «перо»), таким образом если захочешь добавить стертого элемента, у тебя не составит труда.
2014-02-06
поругать вы поругали, а минимальную оценку поставить не забыли? если не нравиться, то нужно «минусовать», материал тогда скроется. Я конечно понимаю, что у людей должна быть возможность выкладывать свои материалы, а у нас закрывать их если они слабые (что собственно говоря и реализовано), но по мне этот урок слишком слаб. Допускаю, что у вас времени нет просматривать все материалы досконально, да и специалистов где взять, что бы могли отличить (уроки то по мая, то по фотошопу, то по скину).
2014-02-20
Я думал будут всякие хитрости в каналах, а это подобие типичного youtube speed paint с ластиком =(
2014-03-11
Ерундень полная, намерено испортить фотографиюhttp://www.render.ru/images/comments/editor/link.png чтобы скрыть «тапорность» работы. Зачем вообще такое выкладывать.
2014-05-30
Очень опасный «урок» для новичков — закладывает неверное представление о работе дизайнера. Перо, маски и цветокоррекция отдельным слоем поверх — это проф минимум — и никаких ластиков! 10 минут убыстренной смерти двух фотографий. 🙁
2014-05-30
Очень опасный «урок» для новичков — закладывает неверное представление о работе дизайнера. Перо, маски и цветокоррекция отдельным слоем поверх — это проф минимум — и никаких ластиков! 10 минут убыстренной смерти двух фотографий. 🙁
2014-05-30
Очень опасный «урок» для новичков — закладывает неверное представление о работе дизайнера.
Перо, маски и цветокоррекция отдельным слоем поверх — это проф минимум — и никаких ластиков!
10 минут убыстренной смерти двух фотографий. 🙁
2014-05-30
Сорри, почему-то 3 раза запостилось — как можно лишнее убрать?
2014-12-16
А урок то где? ( ясное дело, это сарказм) Причины следующие: 1. Качество выполнения оставляет желать лучшего 2. Это не урок. 3. Учиться, учиться, и еще раз учиться.
Показать замену фона в фотошопе. Как легко сменить фон на изображении в фотошопе проверенными методами?
В этом уроке по работе с фотошопом мы научимся отделять объект от фона. Этот способ хорошо работает, если фон имеет более менее однородный фон и имеет хорошую контрастность между объектом и фоном.
Подобные публикации:
- урок «Вырезаем сложный объект с почти однородного фона»
- урок «Правильно переносим объект на другой фон»
Откроем исходное изображение. Я хочу отделить девушку от фона и заменить его на более подходящий.
Так как в фотошопе поменять фон ?
Создадим дубликат основного слоя, для чего перетащим его на вторую справа иконку в палитре «Слои «.
Откроем изображение, которое будет служить будущим фоном для фотографии девушки. Выберем инструмент «Перемещение » (V ).
Щёлкнем в любом месте нового фона и, не отпуская клавишу мыши, перетащим его на фотографию девушки. В палитре «Слои » мы теперь имеем три слоя.
Щёлкаем два раза левой кнопкой мыши по самому нижнему слою. Появится окно «Новый слой «, в котором ничего не меняем, а просто нажимаем «Да «. Этим действием мы разблокировали основной слой.
Слой с небом помещаем на самый низ, выключаем видимость среднего слоя и делаем активным верхний слой.
Фоновый ластик » (Е ) с такими параметрами: проба: однократно, допуск — 10-15%. Чем меньше допуск, тем точнее можно удалить старый фон.
Теперь «общёлкиваем» девушку по её контуру. Вот что у меня получилось.
Удерживая клавишу Ctrl , щёлкаем по иконке верхнего слоя, загружается выделение девушки. Делаем невидимым верхний слой. Включаем видимость среднего слоя, делаем его активным. Нажимаем на третью слева иконку в палитре «Слои «. На средний слой загрузится маска слоя.
Удерживая клавишу Alt , щёлкаем левой кнопкой мыши по иконке маски.
Мы увидим маску слоя. Сразу заметно, сколько на ней недостатков. На чёрном фоне имеются белые разводы, а на белом, наоборот — чёрные. В идеале маска должна быть абсолютно чёрно-белой.
Кисть » (В ), цвет переднего плана белый и зарисовываем все тёмные части внутри фигуры девушки. Потом меняем цвет на чёрный и обрисовываем фон вокруг девушки, чтобы он стал абсолютно чёрным.
Вот так выглядит маска после работы кистью.
Удерживая клавишу Alt
, опять щёлкаем по маске слоя, и мы видим наше изображение. Получилось вполне реалистично. Вот таким простым способом мы в фотошопе поменяли фон .
Сравните изображение девушки до, и после обработки фотографии в фотошопе .
Скачать урок (358 Кб) в формате PDF можно
Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.
Форма для подписки находится ниже.
Этот урок расскажет о том, как в фотографии убрать фон и вставить новый в фотошопе . Я опишу довольно простой, верный и быстрый способ замены изображения.
Часто на фото нас не устраивает фон на котором мы находимся и появляется соблазн вставить что-нибудь интересное. Сделать это можно просто, используя фотошоп. Главное выполнить замену фона нужно качественно и аккуратно, чтобы новый фон гармонично вписывался в фотографию. Поэтому необходимо тщательно подобрать фон который вы хотите вставить, чтобы он максимально подходил в композицию и был схож по цветам, чтобы потом не пришлось делать большую цвето-корректировку.
План выполнения урока
- Открыть в фотошопе фотографии на которой будет замена фона и открыть фотографию нового фона
- Вырезать старый фон на фото
- Скопировать новый фон и вставить в фото
- Подкорректировать цвета, уровни
Посмотрите на результат работы после замены фона.
Фотография до и после.
Подготовка к выполнению
Если вы хотите потренироваться на этих же фотографиях, скачайте их:
Вы также можете использовать свои фотографии или найти другие в интернете.
Шаг 1
Откройте в фотошопе фотографии. Перейдите к фото на котором будем заменять фон.
Шаг 2
Создаем копию слоя.
Так как слой с фотографией по умолчанию находится по замком от редактирования, необходимо сделать его копию. Выделить слой и нажмите CTRL+J на клавиатуре, чтобы получилась копия. Старый слой можно скрыть, нажав на иконку глазика.
Пусть старый слой будет на всякий случай резервом, чтобы в случае ошибки была возможность вернутся к нему.
Шаг 3
Теперь нам необходимо выделить людей, а именно влюбленную парочку на фотографии.
Мы же будем использовать инструмент Быстрое выделение .
Принцип его действия прост. Вы как кистью показывается где выделять и фотошоп создает выделение.
Начните выделять людей. Для удобства можно увеличить масштаб (зажмите ALT на клавиатуре и прокрутите колесиком мыши).
Если у вас более сложная фотография и не получается выделить, то примените все знания из .
Совет: Чтобы выделение объектов получалось более ровным — необходимо менять размер кисти в процессе работы.
В конце концов вы полностью должны выделить парочку.
Шаг 4
Теперь избавляемся от старого фона. Для этого инвертируйте выделение которое у вас получилось, нажав SHIFT+CTRL+I (или меню Выделение — Инверсия ). После этого выделится все, что вокруг людей или фон. Нажмите Del (Delete ) на клавиатуре чтобы фон удалился.
Сейчас люди получились на прозрачном фоне.
Шаг 5
Вставляем новый фон. Откройте изображение с новым фоном. Выделите всю область изображения, можно нажать CTRL+A и скопируйте, нажав CTRL+C .
Перейдите на фотографию.
Создайте новый слой под фото. SHIFT+CTRL+N или просто щелкните по иконке создания слоя.
Теперь когда новый слой создан, нажмите CTRL+V чтобы вставить изображение нового фона.
Фоновое изображение вставилось, но оно может быть слишком большое по отношению к фотографии.
Поэтому нажмите CTRL+T чтобы корректировать масштаб и уменьшите изображение до нужных размером.
В итоге получится примерно так:
Шаг 6
Все отлично, но нужно немного подкорректировать глубину цвета людей, так сказать, подогнать немного к новому фону.
Для этого выберите слой с людьми и нажмите CTRL+L
Затемните немного изображение.
Теперь фотография с новым фоном выглядит реалистичнее:
На этом наши манипуляции по вставке нового фона закончены. Как видите ничего сложного в этом нет и фотошоп вам поможет это сделать за 5-10 минут при усердной работе.
Если у вас появятся проблемы, то задавайте вопросы в комментариях, мы поможем в каждом индивидуальном случае.
Доброго вам времени суток, мои дорогие друзья. Сегодня понедельник, но выходные продолжаются. Как ваши дела? Как ваше настроение? У меня отличное! Чувствуется май. Сколько я видел разных фотографий, где люди стоят на фоне какой-нибудь Эйфелевой башни, хотя сами (как выясняется) в Париже никогда не были. Видимо хотят понтануться, прикольнуться над кем-нибудь или наоборот мечтают там побывать.
Если вы тоже хотите очутиться на фоне чего-либо, то вам нужно заменить фон. О том как сменить фон в фотошопе я расскажу в данной статье. Я покажу вам все действия на двух примерах.
Мы разобьем наш урок на два этапа: Сначала удалим задний фон, а потом вставим новый фон и всё подгоним как надо.
Пример с однородным фоном
Пример с разнородным фоном
Но ведь не всегда бывает всё идеально. Я имею в виду, что редко можно найти однородный фон, поэтому предыдущим способом воспользоваться будет трудно.
Правильно я говорю? Вот поэтому я покажу вам как можно поменять фон на фото и все сделать чики-пуки, если фон разнородный.
Ну вот в принципе наше изображение готова. Теперь девушка загорает не на пляже, а на травке в чистом поле)). Вот такой простой прием.
Вроде бы всё просто. Можно конечно еще еще поубирать косячки для достижения более реалистичного эффекта. Например часть ладони и стопы можно подтереть с помощью ластика. Так будет видно, что ее руки и ноги находятся чуть-чуть в траве.
Способы очень простые и не требуют сильной подготовки. Но если вы хотите отлично владеть фотошопом, то обязательно посмотрите прекрасный видеокурс по данной теме. Благодаря этим урокам вы действительно изучите фотошоп от А до Я с непревзойденной легкостью.
Ну а я с вами на сегодня прощаюсь. Надеюсь, что вам мой сегодняшний урок понравился. Но если вы хотите узнать первым о выходе новых нужных для вас уроков, то обязательно подпишитесь на обновления моего блога.
Также советую вам посмотреть и другие мои статьи. Наверняка вы найдете много всего интересного для вас. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин!
Чаще всего при обработке фотографий люди сталкиваются с проблемой замены фона. Это наиболее часто выполняемая работа при обработке фотографий. Программа Adobe Photoshop отлично справляется с этой задачей.
Зачем нужна замена фона? В каких случаях нужно полностью заменить фон, а в каких только слегка подретушировать?
Рассмотрим несколько изображений:
Красивая старинная церковь, яркий насыщенный цвет и совершенно невнятное, бледное небо (а когда фотографировали, было ярко голубого цвета!). Небо очень часто оказывается пересвеченным на фото. Что делают в таких случаях? Да просто в фотошопе удаляют белое небо и меняют его на красивое синее небо с белыми облаками из другой фотографии.
Море, пляж, отдых и ваше прекрасное фото на фоне волн испортили какие-то толстые тетки своим присутствием. Знакомая ситуация? Что нужно делать?
Если посторонние объекты небольшие, можно воспользоваться инструментами ретуши Adobe Photoshop.
А если чужие попы весьма обширные, тогда нужно отделить себя от фона и удалить фон в фотошопе полностью. Вместо удаленного фона вставить морской пейзаж. Красивых картинок с морем и пляжем найдется много.
Любая замена фона – это, по сути, разделение изображения на две или больше частей, каждая из которых затем размещается в отдельном слое. После этого самая важная часть фотографии остается неизменной, а второстепенные детали и фон ретушируются или вообще заменяются.
Чтобы поменять фон в фотошопе нужно отделить нужный объект от старого фона, этот старый фон удалить или скрыть, а вместо него вставить новый фон.
Задача замены фона в Photoshop – это, по сути, задача правильного выделения.
Вот только выделить не всегда просто. Для выделения есть много способов и инструментов, но выделить волосы человека, шерсть собаки сложно всегда. Если у вас есть время и вдохновение, то можете сильно увеличить свое фото и старательно отделять волоски от фона штук по 50 в день. Если времени нет, то ищите более простой и быстрый способ вырезать волосы из фона.
Рассмотрим несколько вариантов замены фона на фотографии.
Удаление фона в фотошоп для изображения с несложным фоном
1 способ. Удаление фона с помощью фонового ластика
На этом изображении фон однородный, светлый, волосы темные и хорошо контрастируют с фоном. Воспользуемся инструментом Photoshop Polygonal Lasso (Многоугольное Лассо) и выделим фон возле рук девушки. Удалим фон из этих областей. Теперь перейдем к более сложной задаче — вырезанию волос девушки.
Для выделения волос попробуем воспользоваться простым способом. Используем инструмент Background Erazer Tool (Фоновый ластик), который специально предназначен в фотошопе для быстрого удаления фона на изображении.
Настройки для инструмента задайте такие как на панели параметров.
Курсор у этого ластика имеет форму прицела. Щелкаем мышкой достаточно близко возле нашего объекта, волос, так, чтобы крестик оказался над пикселями фона. Выбранный таким образом цвет и будет образцом для удаления.
Не отпуская кнопки мыши, передвигаем курсор вдоль линии волос. Ластик стирает только цвет-образец и близкие к нему цвета, не затрагивая пиксели другого цвета. Разброс цветов зависит от параметра Tolerance (Допуск). Чтобы взять другой цвет для образца, щелкните мышкой так, чтобы крестик попал на новый цвет, и повторите операцию.
Photoshop не только удаляет фон, но еще и делает полупрозрачными пиксели переходных цветов, близких к удаляемому цвету.
Кнопка Sampling (взятие образца) в виде пипетки в данном случае лучше выбрать Once (однократно). То есть образец берется один раз, в тот момент, когда вы щелкаете мышкой, и действует, пока вы перемещаете мышку по рисунку, не отпуская кнопки. Это удобно, если фон на фотографии однородный.
Если выбрать другую кнопку Sampling — Continuous (с продолжением), то программа будет сама брать новый образец, когда решит, что фон под курсором изменился уже настолько, что пора взять новую пробу и начать стирать другой цвет. При этом нужно очень осторожно перемещать курсор – легко можно стереть не только ненужный фон, но и часть волос.
Можно поставить галочку в строке Protect Foreground Color (защитить первый цвет) и щелкнуть с клавишей Alt по цвету волос, который следует защитить. Но волосы имеют блики, разброс цветов достаточно большой и нет возможности настроить более точно.
Этот способ дает неплохой результат в данном случае.
Недостатки этого способа: стирать фон нужно аккуратно, а поэтому этот процесс довольно медленный. Достоинства способа – не обязательно хорошо знать фотошоп, чтобы удалить фон, фоновый ластик – простой инструмент, доступный даже начинающему мастеру.
Если результат вас удовлетворяет, то под слоем с девушкой разместите слой с красивым фоном и внимательно просмотрите с увеличением контур – нет ли ореолов. Эти погрешности можно удалить, используя обычный ластик и выбрав кисть с мягкими краями.
Есть еще другой способ очистки фона в фотошопе — выделение с помощью тоновой коррекции одного из каналов изображения. Этот способ удаления фона из изображения более быстрый, но требует некоторых знаний и опыта работы в Photoshop.
2 способ. Замена фона с помощью тоновой коррекции одного из каналов изображения.
Волосы у девушки темные, фон гораздо светлее и мы воспользуемся этим.
Перейдите к палитре Channels (Каналы) и рассмотрите каждый канал по отдельности (красный, зеленый, синий). Выберите тот канал, в котором наиболее выражен контраст, между фоном и девушкой, в данном случае синий. Мышкой перетяните его на иконку Create new channel, в результате будет создан новый канал Blue copy.
Светлый фон должен стать совсем белым, а темные части изображения должны стать еще темнее, Для этого используем уровни.
Выберите только что созданный канал и нажмите (Ctrl + L) для вызова окна Levels (уровни), после чего усильте контраст между светом и тенью. В частности, можно установить такие значения как здесь.
На вашей фотографии все может выглядеть по-другому, экспериментируйте. Важно, чтобы хорошо контрастировали волосы с фоном, как в этом примере.
Волосы справа и слева четко отличаются от фона.
Но на лице девушки остались светлые места, платье тоже светлое. Можно просто взять кисть и закрасить области лица и шеи черным. Чтобы не ошибиться в области рук и платья, эту часть тоже закрасим черным. С ней потом поработаем. В левом верхнем углу серое пятно закрасьте белым цветом.
Зажмите Ctrl и щелкните на канале Blue copy в палитре Channels (Каналы) (не наоборот! – сначала зажмите Ctrl и только потом щелкните на канале). У вас загрузится выделение и вы увидите, что выделены все светлые части изображения. Перейдите на общий канал RGB и вернитесь на палитру Layers (Слои).
Выделенная область хорошо охватывает фон вокруг волос девушки.
Воспользуйтесь клавишей Delete (Удалить) и очистите фон. Оставшиеся участки фона удалите инструментом
Как видно из картинки, все выглядит вполне реалистично, удалось вырезать даже мелкие волосы. Такое удаление фона выполняется гораздо быстрее, но нужно иметь некоторые навыки работы в фотошопе.
Вставка нового фона
Теперь в палитре Layers (Слои) под слоем с девушкой вставьте новый слой и в этот слой скопируйте красивый фон с другой фотографии.
Если размер вставленного фрагмента не совпадает с исходным по размеру, используйте Edit (Редактирование) > Transform (Трансформация) > Scale (Масштаб) и инструмент Move Tool (Перемещение).
После этого проверьте светлые области по границам волос девушки. Картинку нужно сильно увеличить и просмотреть контуры. Все погрешности будут отчетливо видны, если фон будет темный. Эти погрешности можно удалить, используя Burn tool, в режиме highlights, и выбрав кисть с мягкими краями.
Замена сложного фона
Волосы девушки на светлом фоне кажутся темными, на темном – светлыми, в некоторых местах почти сливаются с фоном. На фотографии выражен цветовой шум, что затруднит работу с фоновым ластиком – будет удаляться основной выбранный цвет, а шумовые пиксели останутся в виде ореола.
Такой фон можно удалить используя технологию работы с каналами, разделив фотографию на части и разместив эти части в разных слоях, например так:
Чтобы легко и быстро разделить изображение на части, размещенные в разных слоях, инструментом квадратное выделение выделите нужную вам часть изображения и используйте команду Layer (Слой) > New (Новый) >Layer Via Cut (Слой через вырезание) для создания нового слоя с выделенным фрагментом.
Тогда на отдельных слоях будут темные волосы на светлом фоне, светлые волосы на темном фоне, с помощью уровней можно увеличить контрастность изображения и удалить фон так, как в предыдущем случае.
В тех частях изображения, где волосы светлее фона, выделится светлая часть, волосы, а не фон. Нужно выполнить команду Select (Выделение) > Inverse (Инвертировать), после чего удалить фон.
Можете попробовать сделать это самостоятельно, но лучше задайте себе вопрос: вам действительно так дороги эти ваши тонкие волоски и пушинки на голове? Не проще ли вырезать объект без них, довольно грубо, но быстро, а потом просто дорисовать эти тонкие прядки, кудряшки и отдельные волоски используя специальные кисти для фотошопа?
Замена фона с помощью быстрой маски с дорисовкой кистями Photoshop
Используем фото на сложном фоне.
Выделите с помощью волшебной палочки любой фрагмент изображения девушки. Перейдите в режим быстрой маски (для перехода в этот режим используйте клавишу Q или кнопку внизу панели инструментов Photoshop Edit in Standard Mode (Редактировать в стандартном режиме)) и, используя черную кисть для добавления участков к маске и белую кисть для того, чтобы удалить ошибочно выделенные фрагменты, создайте маску для выделения.
Сначала белой кистью большого диаметра прорисуйте человека в общих чертах, не пропуская внутренних областей, а затем, чередуя белую и черную кисть меньшего диаметра, пройдите по сложным участкам и подправьте маску. Крупные пряди волос включите в изображение, а всякие пушинки и ворсинки оставьте в покое. Не следует тратить много времени на это.
Все должно выглядеть примерно так:
Нажмите клавишу Q для перехода в обычный режим. Изображение девушки выделено.
На этом этапе можно инвертировать выделение и удалить фон, но лучше использовать маску слоя, — если не будете довольны результатом, сможете все исправить. На палитре Layers (Слои) нажмите кнопку Add Vector Mask (Добавить векторную маску):
Фон скрыт, результат примерно такой.
Пришло время дорисовать тонкие волосы для придания естественности. Для этого используют специальные кисти для фотошопа. Скачайте и загрузите подходящие Кисти Волосы из
Инструментом Eyedropped (Пипетка) щелкните на волосах девушки и выберите цвет для рисования волос.
Создайте новый слой под слоем с изображением. В новом слое щелкните кистью в некоторых местах так, чтобы из-под вырезанных волос были видны кончики или отдельные пряди нарисованных. Смените цвет кисти на более светлый или более темный или добавьте еще несколько прядей.
Внимание! Для получения хорошего качества лучше каждую отдельную прядь волос делать в новом слое. Слои с прядями можно дублировать и использовать трансформацию, если нужно увеличить, уменьшить или отразить горизонтально отпечаток кисти.
В результате этой работы должно получиться следующее:
А это отдельно слои с нарисованными волосами (слой с девушкой выключен).
Осталось объединить слои с нарисованными волосами и под ними добавить красивый фон.
Сегодня мы с вами рассмотрим один из способов как поменять задний фон в фотошопе . Замена фона в фотошопе дело очень хорошее и применяется очень часто. Поменяем задний фон в фотошопе и картинка станет совсем другой.
Вот сегодня я вам и покажу один из способов.
Шаг 1.
Открываем в фотошопе исходную фотографию, у которой и поменяем задний фон в фотошопе.
Шаг 2.
Для выделения фигур девушек применим инструмент Прямолинейное лассо . Увеличим просмотр и по шажочку не торопясь выделяем.
Закончив выделение копируем фигурки девушек на новый слой, применяя сочетание клавиш Ctrl + J .
Шаг 3 .
Увеличиваем просмотр , перемещая движок на панели Навигатора , и подчищаем края выделения инструментом Ластик . Для удобства погасим глазок на общем слое, чтобы он стал невидимым.
Если вдруг задели ножку девушки и стерлось что-то нужное, то всегда можно вернуться на шаг назад, пройдя на вкладку Редактирование — Шаг назад .
Шаг 4.
Теперь поменяем фон у девушек, поставим их на лужайку с гусями. Скачиваем с интернета подходящую картинку и открываем ее в фотошопе.
Инструментом Перемещение перетаскиваем девушек к гусям.
Фигурки девушек Масштабируем . При масштабировании держим зажатой клавишу Shift , чтобы соблюдались пропорции.
Шаг 5.
Чтобы фигурки девушек не очень сильно отличались от фона будем изображение корректировать. Сначала подкорректируем яркость. Идем на вкладку Изображение — Коррекция — Яркость/Контрастность
Изменить фон с текстовым эффектом в Photoshop
Автор Стив Паттерсон. В этом уроке я отвечаю на один из самых популярных вопросов, которые мне задают: как сохранить текстовый эффект с прозрачным фоном, чтобы можно было перенести эффект на другой фон? Обычно при создании текстового эффекта в Photoshop мы создаем его на простом цветном фоне, обычно черном или белом. Но как только эффект выполнен, мы часто хотим переместить его на другой фон, а это означает, что нам нужен способ удалить исходный фон и заменить его прозрачностью.
Итак, как мы это делаем? На самом деле это очень просто, и в этом уроке мы узнаем три способа сделать это. Я буду использовать Photoshop CC, но подойдет любая последняя версия. Давайте начнем!
Текстовый эффект
Вот текстовый эффект, который я буду использовать. Я покажу вам, как создать этот золотой текст в отдельном уроке. Обратите внимание, что эффект расположен на черном фоне:
Исходный текстовый эффект на черном фоне.
Новый фон
А вот и новый фон, на который я хочу поместить текст. Я скачал этот с Adobe Stock:
Новый фон для эффекта.
Как сделать фон прозрачным
Я вернусь к моему текстовому эффекту. И если мы посмотрим на панель «Слои», то увидим три слоя, из которых состоит эффект. У нас есть слой «Sparkles» сверху и два слоя Type под ним. У нас также есть фоновый слой внизу, залитый черным цветом:
Слои с текстовым эффектом плюс фоновый слой.
Отключение фонового слоя
Первое, что нам нужно сделать, это удалить исходный фон и заменить его прозрачным.
Чтобы скрыть фон, просто отключите фоновый слой, щелкнув его значок видимости :
Отключение фонового слоя.
Это оставляет наш текст на прозрачном фоне. Photoshop представляет прозрачность в виде шахматной доски:
Фон за текстом был заменен прозрачностью.
Как переместить текстовый эффект на новый фон
Итак, теперь, когда мы сделали фон прозрачным, как переместить эффект на новый фон? Есть несколько способов сделать это.
Способ 1. Использование файла формата PNG
Один из способов — сохранить эффект в формате файла, поддерживающем прозрачность. Формат JPEG не поддерживает прозрачность, поэтому он не будет работать. Но формат PNG делает это, и это тот формат, который нам нужен.
Как сохранить эффект в виде файла PNG
Чтобы сохранить текстовый эффект в виде файла PNG, перейдите в меню Файл в строке меню и выберите Сохранить как :
Переход к Файл > Сохранить как .
В диалоговом окне назовите свой файл (я назову свой «Золотой текст»), а затем установите формат на PNG . Выберите, где вы хотите сохранить его, а затем нажмите Сохранить :
Сохранение текстового эффекта в виде файла PNG.
Настройка параметров формата PNG
Photoshop предложит вам выбрать параметр сжатия для файла PNG. Это будет выглядеть по-разному в зависимости от используемой версии Photoshop, но я всегда выбираю вариант для наименьшего размера файла. Нажмите OK, чтобы закрыть диалоговое окно:
Выбор наименьшего размера файла.
Открытие нового фона
Сохранив файл, откройте новый фон:
Открытие нового фонового изображения.
Размещение файла PNG в документе
Перейдите в меню File и в Photoshop CC выберите Place Embedded . В Photoshop CS6 или более ранней версии выберите Place :
Переходим в File > Place Embedded.
Выберите только что сохраненный файл PNG и нажмите Place :
Выбор файла PNG.
Photoshop помещает файл перед фоном:
Помещение файла в документ.
Вы можете использовать маркеры Free Transform для изменения размера текста, если это необходимо. Но в моем случае я просто приму это, нажав Enter (Win) / Return (Mac) на клавиатуре. Точно так же текстовый эффект был перемещен на новый фон:
Текст появляется на новом фоне.
Если мы посмотрим на панель «Слои», то увидим, что наш текстовый эффект был добавлен в виде смарт-объекта над изображением. Мы знаем, что это смарт-объект, по значку в правом нижнем углу миниатюры. Отличительной особенностью смарт-объектов является то, что мы можем изменять их размер без потери качества. Вы можете узнать больше об изменении размера смарт-объектов в отдельном руководстве:
Photoshop поместил файл как смарт-объект.
Способ 2: Скопируйте и вставьте
Итак, это один из способов переместить текстовый эффект на новый фон.
Давайте рассмотрим второй способ, при котором нет необходимости сохранять документ в виде отдельного файла. Я удалю свой эффект, перетащив его вниз на Корзина в нижней части панели «Слои»:
Удаление текстового эффекта.
Остается только фоновое изображение:
Остается только фоновое изображение.
Я переключусь на свой документ с текстовым эффектом, и, поскольку фоновый слой все еще отключен, мы все еще видим прозрачный фон за текстом:
Переключение обратно на текстовый эффект.
Объединение текстового эффекта с новым слоем
Другой способ переместить эффект на новый фон — скопировать и вставить его в другой документ. Чтобы упростить задачу, мы объединим слои, составляющие наш текстовый эффект, в новый слой.
Во-первых, убедитесь, что ваш фоновый слой отключен, чтобы вы видели прозрачный фон за текстом. Затем нажмите на верхний слой , чтобы выбрать его:
Выбор верхнего слоя (с отключенным фоновым слоем).
Чтобы объединить текстовый эффект с новым слоем, на ПК с Windows нажмите Shift+Ctrl+Alt+E на клавиатуре. На Mac нажмите Shift+Command+Option+E . Это объединит все видимые слои в новый слой над ними. Этот новый слой содержит текстовый эффект и больше ничего:
Текстовый эффект был объединен в один слой.
Убедитесь, что выбран объединенный слой, а затем перейдите в меню Edit и выберите Copy :
Переходим к Edit > Copy.
Откройте новое фоновое изображение:
Переключение на новый фон.
Затем вернитесь в меню Edit и выберите Paste :
Going to Edit > Paste.
Photoshop вставляет текстовый эффект на новый фон:
Результат после вставки слоя текстового эффекта в новый документ.
На панели «Слои» мы видим наш слой с текстовым эффектом над изображением. На этот раз это обычный слой, а не смарт-объект:
Слой с текстовым эффектом появляется над фоновым слоем.
Способ 3. Размещение документа с текстовым эффектом в качестве смарт-объекта
Итак, есть два способа переместить текстовый эффект на новый фон. Давайте рассмотрим еще один способ, который также является моим любимым способом. Опять же, я удалю свой эффект, перетащив его в корзину:
Удаление слоя текстового эффекта.
Затем я снова переключаюсь на свой документ с текстовым эффектом:
Переключаюсь обратно на текстовый эффект.
Включение фонового слоя
Прежде чем двигаться дальше, я собираюсь снова включить фоновый слой , щелкнув его значок видимости на панели «Слои»:
Включение фонового слоя.
Это восстанавливает исходный черный фон за текстом:
Возвращается исходный фон.
Удаление объединенного слоя с текстовым эффектом
Я также удалю объединенный слой с текстовым эффектом, выбрав его и нажав Backspace (Win) / Удалить (Mac) на клавиатуре:
Выбор и удаление объединенного слоя .
Сохранение и закрытие документа
Теперь, когда я восстановил исходный документ, я сохраню его, перейдя в меню Файл и выбрав Сохранить :
Выберите Файл > Сохранить.
Затем я закрою свой текстовый эффект, вернувшись в меню Файл и выбрав Закрыть :
Перейдя в Файл > Закрыть.
Остается только новое фоновое изображение:
Документ с текстовым эффектом закрыт.
Размещение текстового эффекта в качестве смарт-объекта
Ранее мы узнали, что можем переместить наш текстовый эффект на новый фон, отключив фоновый слой, сохранив эффект в виде файла PNG, а затем поместив файл PNG в другой документ как смарт-объект. Но на самом деле мы можем разместить весь документ с текстовым эффектом как смарт-объект! И преимущество в том, что документ останется доступным для редактирования.
Чтобы поместить документ с текстовым эффектом в документ с фоновым изображением, я зайду в меню File и выберу Place Embedded .
В Photoshop CS6 или более ранней версии я бы выбрал Place :
Переходим в File > Place Embedded.
На этот раз вместо того, чтобы выбрать файл PNG, который я сохранил ранее, я выберу настоящий документ Photoshop текстового эффекта (файл .psd). Я нажму на него, чтобы выбрать его, а затем нажму Место :
Выбор документа Photoshop для текстового эффекта.
Photoshop размещает текстовый эффект перед фоном, как это было раньше:
Размещение документа с текстовым эффектом перед новым фоном.
Опять же, мы можем изменить его размер с помощью маркеров Free Transform, но я просто приму его, нажав Enter (Win) / Return (Mac). Обратите внимание, однако, что исходный черный фон все еще отображается за текстом, и он блокирует просмотр нового фона. Это потому, что фоновый слой все еще был включен. Но это не проблема, потому что это легко исправить:
Добавлен текстовый эффект, но исходный фон все еще отображается.
Редактирование содержимого смарт-объекта
Если мы посмотрим на панель «Слои», мы снова увидим текстовый эффект, добавленный как смарт-объект над изображением:
Документ с текстовым эффектом был помещен как смарт-объект.
Но на этот раз смарт-объект содержит не файл PNG, а копию всего документа с текстовым эффектом. Чтобы открыть смарт-объект и просмотреть его содержимое, дважды щелкните его миниатюру:
Открытие смарт-объекта для просмотра документа с текстовым эффектом.
Откроется текстовый эффект:
Документ с текстовым эффектом внутри смарт-объекта.
И если мы посмотрим на панель «Слои», мы увидим, что все наши слои остались нетронутыми:
Панель «Слои», показывающая слои с текстовым эффектом и фоновый слой.
Отключение фонового слоя
Чтобы скрыть исходный фон, я отключу фоновый слой, щелкнув его значок видимости :
Отключение фонового слоя.
Это снова оставляет нас с прозрачным фоном:
Фон снова прозрачен.
Сохранение и закрытие смарт-объекта
Чтобы наше изменение появилось в основном документе, нам нужно сохранить и закрыть смарт-объект. Чтобы сохранить его, перейдите в меню File и выберите Save :
Going to File > Save.
А затем, чтобы закрыть его, вернитесь к Файл меню и выберите Закрыть :
Переход к Файл > Закрыть.
И снова в основном документе исходный фон исчез, и мы видим новый фон на его месте:
Результат после отключения фонового слоя в смарт-объекте.
Бонус: усиление эффекта
В завершение я собираюсь использовать фоновое изображение, чтобы быстро усилить эффект блеска вокруг текста. На панели «Слои» я выберу фоновый слой:
Выбор фонового слоя.
Затем я сделаю копию изображения, нажав Ctrl+J (Win) / Command+J (Mac). Копия появляется над оригиналом:
Создание копии фонового изображения.