Фотошоп как сохранить выделенную область без фона в jpg файл

Обновлено: 07.07.2024

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


Сохранение выделения (вверху), загрузка выделения (в центре) и заливка выделения однотонным цветом (внизу) В рабочей среде «Редактирование» выделите область на фотографии. В диалоговом окне «Сохранить выделение» из всплывающего меню «Выделение область» выберите «Новое». Введите имя выделенной области в поле «Имя», затем нажмите «ОК». Чтобы загрузить выделенную область, выполните команду «Выделение» > «Загрузить выделенную область», выберите сохраненное выделение из меню «Выделение», затем нажмите «ОК». Чтобы удалить выделенную область, выполните команду «Выделение» > «Удалить выделенную область», выберите сохраненное выделение из меню «Выделение», затем нажмите «ОК».

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

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

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

Добавить к выделенной области

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

Вычитание из выделенной области

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

Пересечение с выделенной областью

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

Сохраненную выделенную область также можно изменить: загрузите ее и с помощью инструментов выделения увеличьте (Shift+перетаскивание) или уменьшите ее (Alt+перетаскивание в ОС Windows или Option+перетаскивание в ОС Mac OS). См. раздел Добавление к выделенной области или вычитание из выделенной области.

Сохраняем картинку без фона

Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.

Screenshot_0

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

Более терпеливых я благодарю за понимание. Приступим.

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

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

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

Как правильно хранить прозрачные картинки

Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.

Как быстро в Photoshop сохранить изображение без фона в формате PNG

Если вам необходимо сохранить картинку с вырезанным фоном, то опять же, вам нужен специальный формат. Вы находите в категории «Файл» ссылку «Сохранить как…».

Как быстро в Photoshop сохранить изображение без фона в формате PNG

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

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

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

Итак, открываем картинку.

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

Данный метод стирания не назовешь самым лучшим и невероятно удобным. Поэтому я рекомендую вам все-таки обратить внимание на предыдущую мою статью, полностью посвященную этой теме.

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

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

Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».

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

Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

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

Фотошоп для начинающих

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

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

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

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


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

Учитывая «славу» тяжёлого для освоения продукта, Adobe Photoshop зачастую вызывает страх у неопытных пользователей. Но на самом деле программа очень проста в использовании. Самое главное – понять принципы работы 5-6 основных элементов.

Тема 2.4 Часть 8. Два простых способа сохранить выделение в Adobe Photoshop.

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

Неопытные пользователи идут по наиболее явному пути – создают новые выделения. Однако этот приём является и наиболее трудоёмким. Самое простое – сохранить контур выделения и доработать его в будущем.

Как это сделать и рассказывается в восьмом уроке темы выделения в фотошоп.

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

Практическая часть

Сохранить выделения можно очень просто. Adobe Photoshop воспринимает понятия «зона выделения» и «альфа-канал» как части одного целого. Соответственно легко позволяет трансформировать одно в другое.

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

Сохранение области через меню "выделение"

Меню данного инструмента даёт достаточно большие возможности:

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

Обратите внимание: сохранится выделенная область, а не то, что в ней находится. Чёрно-белый контур лошади – канал.

2. Меню «Канал». Отвечает за то, куда и каким образом будет сохраняться наша информация.

Если выбрать «Новый» - будет создан альфа-канал. То, что и необходимо.

Если у Вас есть уже созданные альфа-каналы, Вы можете выбрать в какой из них сохранить информацию.

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

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

Установка способов сохранения выделения

И, наконец, последние пункты. Они не активны, когда создаётся первый альфа-канал, и/или выделение сохраняется отдельно. Но, если Вы выбрали в меню «Канал» сохранение выделения в уже существующий канал, вам необходимо будет выбрать способ взаимодействия новой и старой информации.

Результаты экспорта канала в отдельный файл и применения маски в текущем

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

После того, как установили все пункты, нажимайте ОК. Результат можете посмотреть в палитре «Каналы». Доработать канал можно кистями, осветлителем/затемнителем или другим удобным Вам инструментом. Подробнее об этом в уроке «Выделение с помощью каналов».

Можно сделать проще

А теперь о простом способе (без захода в меню). Для этого достаточно:

  • Выбрать любой инструмент выделения
  • Навести курсор внутрь выделенной области
  • Нажать правой клавишей и выбрать пункт меню «Сохранить выделение»
  • Что будет дальше – описано в предыдущих абзацах.

Создание контура или пути из выделения

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

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

Выделить необходимую область

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

Сохранение выделения в контур или канал с помощью контекстного меню

После этого в палитре «Пути» («Контуры») будет создан новый путь.

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

Набор инструментов группы "перо"

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

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

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

Обратное превращение из контура элементарно. Для выделения области, очерченной контуром:

  • Выделите контур.
  • Наведите указатель мыши на пиктограмму контура и нажмите правой клавишей.
  • В выпадающем меню выберите пункт «Образовать выделенную область».
  • В возникшем меню задайте радиус растушёвки (даже минимальный – он избавит от посторонней подсветки), выберите «Новое выделение» и нажмите ОК.
  • Перейдите на вкладку «Слои»и нажмите левой клавишей мыши на пиктограмме нужного слоя.
  • Выделение части изображения на данном слое готово.

Практические советы

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

  1. Вы выделяете фигуры с явными границами и отсутствием полупрозрачного перехода (растушёвки). Это могут быть здания, контуры памятников, природных объектов.
  2. В результате выделения вам необходимо получить точные и плавные границы. Плавность линий важнее, чем пиксельная точность.
  3. Зона выделения находится на однотонной заливке (например, мужчина в тёмном костюме на тёмном фоне) и создана в значительной мере «по наитию», а не посредством подчёркивания границ.

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

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

Добавление картинки в Photoshop

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

  • Запустить Фотошоп.
  • Выбрать пункт меню «Файл», кликнуть по строке «Открыть».

открыть файл в фотошопе

  • Находясь в папке с изображением, кликнуть по нему ПКМ.
  • В контекстном меню навести курсор на строку «Открыть с помощью».

открыть файл в фотошопе

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

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

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

Инструмент «Волшебная палочка»

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

Разблокирование слоя в Фотошопе

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

Выделение белого фона Волшебной палочкой в Фотошопе

Удаление белого фона волшебной палочкой

Инструмент «Быстрое выделение»

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

  • Повторить шаг 1 предыдущего списка.
  • На панели слева выбрать инструмент «Быстрое выделение».

Быстрое выделение изображения в Фотошопе

Ручное выделение объекта

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

Инструменты Лассо в Фотошопе

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

Инструкция, как убрать задний фон в Фотошопе:

  • Нажать на инструмент «Перо» в панели слева.

инструмент перо

Выделение Пером в Фотошопе

Выделение Пером в Фотошопе

Удалить опорную точку в Фотошопе

Образовать выделенную область

Образовать выделенную область

удаление фона в фотошопе

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

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

Следует знать в каком формате сохранять работу, иначе фон станет белым:

  • Нажав на пункт меню «Файл», выбрать «Сохранить как…».

сохранить как

сохранение картинки в формате png

На этом сохранение изображения без фона завершено.

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

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

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

Шаг 1. Установка

Размер бесплатной пробной версии Фотошопа – всего 57 Мб, благодаря чему дистрибутив скачается за считанные минуты даже при низкоскоростном Интернете. С установкой легко справится даже начинающий пользователь, имеющий лишь базовые навыки работы с ПК.

Шаг 2. Выбор фото

Выбор фото

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

Шаг 3. Удаление фона

Удаление фона

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

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

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

Шаг 4. Сохранение

 Сохранение

Если вам важно, чтобы при сохранении фон оставался прозрачным, не выходите из окна «Замена фона». В левом нижнем углу вы найдёте кнопку «Сохранить в файл» - нажмите на неё и выберите нужный формат. Важно помнить, что прозрачность поддерживается только форматами PNG и GIF, поэтому стоит обратить внимание именно на них. Форматы TIFF и PSD можно отнести скорее к макетам, чем к изображениям, и просмотреть их без использования Фотошопа не получится.

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

Читайте также: