Как в фотошопе сделать фото на прозрачном фоне: Photoshop. Как сделать изображение прозрачным

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

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

В этом, очередном, уроке по работе в Photoshop мы подробно разберем 3 способа, с помощью которых можно сделать фон картинки прозрачным. Приступим:

Способ №1: Волшебная палочка

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

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

Чтобы избавиться от блокировки, кликаем дважды на слой и далее нажимаем “ОК”.

Затем, берем вышеупомянутую «волшебную палочку» и кликаем в любом месте фона (напоминаем, фон должен быть однотонным).

После этих действий появится область выделения (двигающейся пунктир вокруг объекта).

Если все выделено верно, воспользуйтесь клавишей DEL для удаления фона с изображения. Должно получиться, как на скриншоте ниже:

Способ №2: Быстрое выделение

Подойдет для изображений, где объект имеет один цвет (тон), а фон другой. При этом цвет объекта не должен сливаться с фоном ни в одной точке (соприкасаться одинаковыми цветами, или оттенками). Для удаления фона этим методом, вам понадобится инструмент «Быстрое выделение».

При помощи этого инструмента выделяем контур нужного объекта на картинке.

После чего нужно инвертировать полученное выделение. Для этого одновременно нажмите SHIFT+CTRL +I, а затем DEL.

Способ №3.

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

Для ручного выделения в фотошопе существует ряд инструментов. Которые подойдут для различных ситуаций и задач.

1. Лассо. Работа с ним, требует определенной тренировки и твердости руки. Проще всего работать с ним на графическом планшете. Не все смогут работать с этим инструментом, это невероятно сложно.
2. Магнитное лассо. Будет полезным только на тех картинках, где объект или фон однотонные. Если цвет фона и оттенки области, которую необходимо выделить, где-то совпадут, края выделения получатся рваными.
3. Прямолинейное лассо. Узкоспециализированный инструмент, подойдет не для каждого изображения. Будет актуальным, если выделяемая область имеет четкие и прямые края.
4. Перо.  Инструмент весьма многогранный и наиболее удобный в использование. Подойдет как для выделения прямых линий, так и для любой другой формы объекта.

Давайте попробуем выделить нужный объект при помощи этого инструмента. Выбирайте в панели инструментов «Перо» и обведите им контур объекта.

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

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

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

При помощи инструмента «Перо» можно выделить на картинке не один объект, а сколько угодно.

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

Затем появляется окошко “образовать выделенную область”. Просто кликаем “ОК”.

Вот и все, нажимаем DEL и фон будет удален. Если вместо фона удалился выделенный вами объект не стоит паниковать. Поможет комбинация клавиш CTRL+Z. Вернув все как было, нажимаем CTRL+SHIFT+I и снова DEL.

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

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

» Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

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

Будем работать с рисунком, который вы видите снизу: у нас есть пенек, а на пенек мы посадили колобка. Как видите, белый фон вокруг колобка закрывает пенек, да и вообще портит всю картину:

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

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

Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete»:

Все, фон исчез:

○ 2 способ:

Удаляем фон при помощи инструмента «Магнитное лассо»:

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

После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия»:

Жмите на клавиатуре клавишу «Delete». Все, фон исчез:

Хочу обратить ваше внимание, что 1 и 2-ой способ можно применять, если фон у картинки однотонный, например, только белый или только красный и т. д. А вот в случаях, когда фон разноцветный или имеет другие изображение сзади, то лучше использовать 3-й способ.

○ 3 способ:
Удаляем фон при помощи режима «Быстрая маска». Она находится внизу:

Нажимаем на «Быструю маску», выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:

Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска»:

А на клавиатуре нажать клавишу «Delete».  Все, фон исчез:

Теперь самое важное: как сохранить?

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

Если картинку сохранить в формате JEPG, то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF.
Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…»:

В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG». Жмите на кнопку «Сохранить»:

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

Можете посмотреть мой видео-урок по теме «Как сделать прозрачный фон картинки в Photoshop»:

Подписывайтесь на обновление моего блога .

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

Последние новости категории:

Похожие статьи

Популярные статьи:

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

Метки: для начинающих, фотошоп

Как сделать фон прозрачным (photoshop)

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

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

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

Замочек должен исчезнуть

2. Далее…

Если фон однотонный:
Выбираем инструмент «Волшебная палочка» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик«, просто затираем лишний фон.

4. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

Похожее

Запись опубликована в рубрике Разное с метками Photoshop.

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

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

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

Быстрый и грязный способ удалить фон в фотошопе

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

Начните с копирования фонового слоя, чтобы создать тип слоя. Фотошоп должен использовать инструмент. Выберите всю фотографию (команда + A в MacOS или Control + A в Windows) и скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который вы только что создали.

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

В разделе «Быстрые действия» нажмите «Удалить фон». Вам нужно будет подождать несколько минут, чтобы программа нашла объект и удалила фон. После завершения программы вы должны увидеть объект на прозрачном фоне (обозначен клетчатым узором). Если вы не видите этот прозрачный фон, убедитесь, что фоновый слой скрыт.

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

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

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

Выбор инструмента выбора Photoshop

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

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

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

Инструмент « Выбор объекта» использует искусственный интеллект для выбора границ объекта. Вы рисуете грубый контур, чтобы указать, какой объект, а AI Photoshop сделает все остальное. Этот инструмент также можно использовать для удаления объекта из текущего выделения.

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

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

1. Перейти к выбору> выбрать тему

Инструмент «Выбрать тему» ​​в Photoshop позволяет легко приступить к удалению фона. Перейти к Select> Select Subject . Процесс занимает несколько секунд, но Photoshop затем приблизительно выберет объект фотографии, используя искусственный интеллект. Инструмент, как правило, не совершенен, но ничего страшного — вы можете уточнить выбор на следующем шаге.

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

Если инструмент «Выбрать тему» ​​не работает для вас (или вы используете более старую версию Photoshop), перейдите к следующему шагу и начните выбор с нуля.

Если инструмент «Выбрать тему» ​​работает идеально (это происходит!), Перейдите к шагу 4.

2. Для сложных предметов используйте Select и Mask, чтобы уточнить выбор

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

Точно настройте выделение, перейдя в Select> Select и Mask . В окне Выбор и маска уточните выбор. Используйте инструмент «Кисть» на панели инструментов слева и выберите значок «плюс» на верхней панели инструментов, затем нарисуйте все, что должно быть включено в выбор, но не включено. Или щелкните значок минус в верхней части, чтобы зачистить части, которые не должны быть частью выделения. Помните, что цель состоит в том, чтобы выбрать предмет, оставляя фон, который вы хотите удалить, невыбранным.

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

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

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

3. Преврати свой выбор в слой

Сохраните то, что вы уже выбрали, на новом слое, даже если он еще не идеален — просто убедитесь, что вы не пропустили ничего, что должно быть выделено. С этими «марширующими муравьями», по-прежнему указывающими ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выбор. Вставленный выбор автоматически отобразится как его собственный слой. Кроме того, вы также можете перейти к Layer> New> Layer Via Copy .

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

4. Продолжайте очистку с помощью инструментов Лассо и ластика.

В Photoshop имеется около десятка различных инструментов выделения, и, хотя « Выбор» и «Маска» хорошо работают с объектами, которые трудно выбрать (например, с волосами), инструмент «Магнитное лассо» может быть быстрее для четко определенных краев. Продолжайте уточнять выделение после « Выбрать» и «Маска» или переходите вправо к этому шагу, если вы вырезаете объект с четко определенными краями.

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

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

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

5. Удалить фон

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

6. Сохранить как PNG

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

Связанный

Как сделать пнг картинку в фотошопе (PNG в Adobe Photoshop)?

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

В этой статье мы расскажем, как сделать картинку в формате PNG в Фотошопе.

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл» (File) вверху страницы выберите «Создать» (New).

Затем в появившемся окне «Новый документ» (New Document) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб). А также, что вы выбрали значение «Прозрачный» (Transparent) в выпадающем списке «Содержимое фона» (Background Contents).

Перед тем, как сделать PNG в фотошопе, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

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

Затем в панели «Слои» (Layers) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop, в меню «Файл» (File) вы можете использовать один из возможных вариантов:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе, который вышел раньше CC 2015. В этих версиях используют метод «Сохранить для Web» (Save for Web & Devices), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл» (File), и далее – «Сохранить для Web» (Save for Web & Devices):

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB, рекомендованное цветовое пространство для веб.
Поля «Размер изображения» (Image Size) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save) внизу окна.

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция «Сохранить для Web» (Save for Web & Devices) в меню «Файл» (File) помечена как Legacy (устаревшая). И замещена на новую опцию «Экспорт» (Export), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт», нажмите меню «Файл» (File), а затем — «Экспортировать как» (Export As).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web» (Save for Web & Devices) в Photoshop CC 2015, и она доступна через меню Файл > Экспорт (File > Export) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac) или Ctrl+Alt+Shift+S (для ПК):

Затем в появившемся окне выберите PNG из выпадающего меню «Формат» (Format) и убедитесь, что выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB).

Поля «Размер изображения» (Image Size) и «Размер холста» (Canvas Size) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе:

Когда закончите, нажмите «Экспортировать все» (Export All).

Данная публикация является переводом статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?» , подготовленная редакцией проекта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сделать это можно несколькими способами.

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

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

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК».

Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).

Теперь нажимаем клавишу DEL. Готово, белый фон удален.

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

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL. Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

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

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

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

Итак, выбираем инструмент «Перо» и обводим наше изображение.

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

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

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

Пером можно выделять сразу несколько объектов на изображении.

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

Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL. Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z, инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

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

Мы рады, что смогли помочь Вам в решении проблемы.

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

Помогла ли вам эта статья?

ДА НЕТ

Как сделать изображение прозрачным фоном в Photoshop

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

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

Как сделать изображение прозрачным в Photoshop

Создание файла

Шаг: 1

Первый шаг — создать файл. Для этого откройте Adobe Photoshop и выберите «Создать» в меню «Файл» вверху страницы.

Шаг: 2

Затем в появившемся окне «Новый документ» создайте файл желаемого размера и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования на Интернет). Кроме того, выберите Transparent из раскрывающегося списка Background Contents.

Когда вы создаете PNG с прозрачным фоном в Photoshop, вы должны указать размер изображения, которое будет загружено в качестве фона.Ниже приведен пример, который иллюстрирует следующее: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемым размером для загрузки изображений HD.

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

Шаг: 3

Затем на панели «Слои» убедитесь, что вы работаете с прозрачным слоем, а не с фоном.

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

Сохранение файла

Перед тем, как сделать фотографию прозрачной в Photoshop, вам необходимо знать, что начиная с CC 2015 параметр «Сохранить для Интернета и устройств» в меню «Файл» помечен как устаревший ( устаревший ). И заменен новой опцией «Экспорт» ( Экспорт ), которая предлагает идентичную функциональность с более быстрым сохранением в файл меньшего размера и лучшего качества. Чтобы использовать параметр «Экспорт», щелкните меню «Файл» и выберите «Экспортировать как».

Напоминание: Adobe по-прежнему предлагает параметр «Сохранить для Интернета и устройств» в Photoshop CC 2015, и он доступен через меню «Файл»> «Экспорт» или с помощью Command + Option + Shift + S (для Mac) или Ctrl + Alt + Shift + S (для ПК).

Затем в появившемся окне выберите PNG в раскрывающемся меню «Формат» и убедитесь, что выбраны «Прозрачность» и «Преобразовать в sRGB».

Поля «Размер изображения» и «Размер холста» должны автоматически заполнять значения, которые вы задали при создании файла. Но вы можете изменить эти настройки перед тем, как сделать Photoshop прозрачным, если хотите.

По завершении щелкните « Экспортировать все ».

Как обрезать и выпрямить

изображений в Photoshop?

ПОДРОБНЕЕ

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

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

Шаг: 1

Для демонстрации нам понадобятся изображения. Я взял этот —

Когда вы посмотрите на палитру слоев, вы увидите, что слой заблокирован (значок замка на слое). Это означает, что мы не сможем его редактировать.

Чтобы разблокировать слой, просто нажмите на замок.

Теперь вы все готовы.

Шаг: 2

Прозрачность (в Photoshop она называется «Непрозрачность») меняется очень просто.Для этого ищем в палитре слоев поле с соответствующим именем.

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

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

Давайте установим значение 60%.

Как видим, машина стала полупрозрачной; и через него появился фон в виде квадратов.

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

Нажмите комбинацию клавиш CTRL + S (CMD + S) и в открывшемся окне выберите нужный формат.

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

Как использовать инструмент «Лечебная кисть» в Photoshop?

УЗНАТЬ БОЛЬШЕ

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

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

Шаг: 1

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

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

Шаг: 2

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

Первый метод:

Волшебная палочка — Шаг: 1

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

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

Magic Wand — Шаг: 2

Теперь нажмите на инструмент «Magic Wand» и в «Tolerance» установите параметр «10»:

Вот и все, фон исчез. .

Второй метод:

Инструмент «Магнитное лассо» — Шаг: 1

Удалите фон с помощью инструмента «Магнитное лассо», нам нужно его сначала выбрать —

Инструмент «Магнитное лассо» — Шаг: 2

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

Инструмент «Магнитное лассо» — Шаг: 3

После выбора перейдите в верхнее меню к «Выделение» => «Инверсия» или просто нажмите Ctrl + Shift + I (Cmd + Shift + I)

И нажмите клавишу Delete на клавиатуре, чтобы сделать фон прозрачным.

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

Третий метод:

Быстрая маска — Шаг: 1

Удалите фон, используя режим «Быстрая маска». Он расположен внизу:

Быстрая маска — Шаг: 2

Щелкните «Быструю маску», выберите инструмент «Кисть» и просто аккуратно нарисуйте автомобиль, не затрагивая фон:

Когда вы рисуете машину, нужно нажать кнопку «Быстрая маска».

И на клавиатуре нажмите клавишу «Удалить». Это оно! Фон не будет.

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

Если изображение сохранено в формате JEPG, оно будет белым, а не прозрачным фоном. Следовательно, вам необходимо сохранить его в формате PNG или GIF.

Итак, сохраняем:

Нажмите «Файл» => «Сохранить как…» в меню:

В «Имя файла:» дайте картинке имя, в «Тип файла» найдите и выберите формат «PNG. ».Щелкните по кнопке «Сохранить».

Ладно, проверим результат.

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

Как сделать часть изображения полупрозрачной:

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

Шаг: 1

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

Шаг: 2

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

Сохраните автомобиль в формате PNG и посмотрим на результат.

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

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

Как использовать инструмент «Пластика» в Photoshop?

УЗНАТЬ БОЛЬШЕ

Как сделать логотип прозрачным в Photoshop

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

Шаг: 1

Давайте сначала откроем логотип.Для этого нажмите «Файл», затем «Открыть» в верхнем левом меню.

Шаг: 2

Затем выберите файл с логотипом и разместите его.

Шаг: 3

Выбираем любой из трех инструментов:

1. «Волшебная палочка»
2. «Магнитное лассо».
3. «Маска» + «Кисть»

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

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

«Маска + кисть — еще более трудоемкий способ выбора, но это наиболее точный способ выбора.Я рекомендую его, если вам нужно выделить сложную и красочную область для большей точности.

Итак, мы остановились на Magic Wand. Выберите инструмент на левой панели.

Шаг: 4

Затем щелкните левой кнопкой мыши по белому полю. Мы получим следующий эффект:

Как мы видим, внутри логотипа и текста все еще есть белые области.

Шаг: 5

Поэтому необходимо щелкнуть левой кнопкой мыши по всем белым областям внутри, удерживая нажатой клавишу «Shift».Теперь мы выбрали все области:

Шаг: 6

После того, как мы выбрали все белые области, просто нажмите «Del».

Шаг: 7

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

1. Нажмите «Файл» в верхнем меню и выберите «Сохранить как.
2. Выберите «PNG (* .PNG) в качестве формата.
3. Нажмите «Сохранить», чтобы подтвердить изменения.

Нанесите логотип на практику

Теперь мы можем использовать логотип на любом фоне.Например, мы можем разместить его на фотографии —

Или добавить в рекламную брошюру —

Заключительные слова

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

OCP с радостью предлагает вам

БЕСПЛАТНУЮ пробную версию, чтобы проверить качество своих услуг.
на фоне изображения прозрачный

ПОЛУЧИТЬ БЕСПЛАТНЫЙ ПРОБНЫЙ ПЕРИОД

Удаление фона с изображений или логотипов

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

Воспользуйтесь этими быстрыми ссылками:

Что такое прозрачный фон PNG

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

На этом снимке экрана вы можете видеть, что в заголовке с логотипом «Кампания по жилищному строительству аварийного отделения» использовалось изображение с прозрачным фоном, потому что синий цвет позади него просвечивает сквозь него. ВНИМАНИЕ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Напротив, здесь вы можете увидеть логотип на белом фоне:

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

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

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

PNG, JPG, GIF

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

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

PNG

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

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

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

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

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

Какие инструменты можно использовать для создания прозрачного PNG?

Самый популярный инструмент для редактирования PNG — Adobe Photoshop, но это не единственный инструмент на рынке. Мы рассмотрим эти три программы для редактирования PNG:

Давайте посмотрим.

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

Сделайте фон прозрачным с помощью Canva

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

Функция прозрачного фона доступна только в их профессиональном плане, который составляет 12,95 долларов США в месяц. Он поставляется с 30-дневной бесплатной пробной версией, поэтому вы можете бесплатно удалить столько фонов, сколько захотите, за месяц!

1.Начнем с создания дизайна

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

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

2. Загрузить изображение

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

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

Вы можете изменить размер по своему усмотрению.

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

3. Удалить фон

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

Щелкните по нему, и все готово! Легкий!

Раньше:

После:

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

4. Скачать образ

Выберите загрузку в правом верхнем углу. Вы увидите это меню:

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

Оцените Canva здесь.

Для ознакомления с прохождением видео посмотрите это видео

Создайте свой фон с прозрачным PNG с помощью Adobe Photoshop

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

1.Откройте файл с вашим логотипом

2. Добавьте прозрачный слой

Выберите «Слой»> «Новый слой» в меню (или просто щелкните квадратный значок в окне слоев).

Новый слой должен автоматически стать прозрачным.

Перетащите этот новый слой под слой вашего изображения и выберите слой содержимого.

3. Сделайте фон прозрачным

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

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

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

4.Сохранить логотип как прозрачное изображение PNG

Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Обратите внимание, что хотя прозрачный фон выглядит в Photoshop клетчатым, в конечном файле PNG он будет прозрачным. Теперь вы можете загрузить этот логотип с прозрачным фоном на свой сайт!

Совет. Вам может потребоваться перейти в «Режим» -> «Цвет RBG», чтобы изменить формат цвета изображения на RBG, который поддерживает прозрачность.

Для ознакомления с прохождением видео посмотрите это видео

Сделайте свой фон прозрачным с помощью Fiverr

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

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

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

1. Перейдите на сайт Fiverr’s Logo Gigs

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

2. Выберите концерт

Эти выступления начинаются с 5 долларов за 1 изображение. Многие люди предлагают до 5 или 10 изображений всего за 5 долларов, поэтому обязательно ищите подходящие цены и услуги.

Мы рекомендуем выбирать кого-то с рейтингом 4,9 из 5,0 или выше, с неограниченным количеством версий и 5 изображениями. Доставка менее часа является обычным явлением, поэтому обратите внимание на быстрое выполнение заказа.

3. Приобретите Fiverr Service

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

Fiverr взимает плату за обслуживание сейчас (новинка этого года), поэтому выделите эту дополнительную сумму. Например, за этот гиг за 5 долларов взимается плата за обслуживание в размере 2,25 доллара!

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

Посмотрите выступления с логотипом Fiverr здесь.

Лучшие программы для редактирования изображений

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

1. Adobe Photoshop — золотой стандарт в любом типе редактирования изображений. Вы можете создавать прозрачные PNG, а также выполнять множество других профессиональных операций по редактированию изображений.Поставляется с бесплатной пробной версией и ежемесячными планами.
2. Canva — это очень простой в использовании инструмент для онлайн-редактирования, который поможет вам создавать красивые дизайны без каких-либо сложностей. Мы сравниваем его с облегченной онлайн-версией Adobe Photoshop.
3. Snappa — это быстрый онлайн-инструмент, который поможет вам создавать онлайн-графику для социальных сетей, рекламы, блогов и многого другого. Это бесплатно, как и Canva.
4. Lumina — это настольное приложение (Mac и ПК), которое связывает традиционное редактирование изображений с технологиями AI.На изображениях вы можете автоматически стирать объекты, изменять цвет неба и многое другое.
5. InPixio — это настольное приложение (Mac и ПК), предназначенное для удаления нежелательных объектов с изображений. Проверьте это, так как у них есть поддержка на английском, французском, немецком и испанском языках.
6. Ластик фона: superimpose — мобильное приложение, которое можно бесплатно загрузить для пользователей iOS. Вы можете просто прикоснуться к областям экрана, где вы хотите стереть фон, а затем экспортировать изображение как файл PNG.Это очень просто!
7. Ultimate Background Eraser — это приложение, похожее на Background Remover, но оно предназначено для пользователей Google Play / Android.

фотошоп. Как сделать изображение прозрачным

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

Фотошоп. Как сделать изображение прозрачным

Ваш идеальный комплект для веб-разработки:

Чтобы сделать фон изображения / логотипа прозрачным в Photoshop, необходимо выполнить следующее:

1. Щелкните правой кнопкой мыши слой изображения в Photoshop.Выберите «Слой из фона» .

2. Выберите инструмент Magic Wand Tool на левой панели в Photoshop:

3. Выберите область изображения , которая должна быть прозрачной, с помощью инструмента Magic Wand Tool:

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

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

6. Чтобы сохранить изображение, нажмите «Файл-Сохранить для Интернета и устройств» в Photoshop, затем выберите изображение и нажмите «Сохранить» :

Не стесняйтесь проверить подробный видеоурок ниже:

Photoshop.Как сделать изображение прозрачным

Если вы хотите оживить дизайн своей панели администратора, просмотрите наши темы для администрирования Bootstrap.

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

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

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

Быстрый способ удаления фона в Photoshop

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

Первый шаг — скопировать фоновый слой.Выделите все изображение с помощью Control / command + A, в зависимости от вашей ОС, затем скопируйте его и вставьте обратно. Теперь вы можете щелкнуть значок глаза в строке старого слоя на панели, чтобы сделать его невидимым и продолжить внесение изменений во вновь созданную копию.

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

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

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

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

Как создать прозрачный фон в Photoshop

На этой странице показано, как использовать Adobe Photoshop для создания прозрачного фона.

Файл должен иметь прозрачный слой, чего можно добиться двумя способами …

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

Примечания:

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

Сохранить изображение с прозрачным фоном

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

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

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

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

Вы можете сохранять файлы изображений для веб-использования в формате JPEG, но файлы JPEG не поддерживают прозрачный фон. Поэтому вместо этого вам нужно использовать такой формат, как GIF, TIF или, в идеале, PNG. Файл PNG достаточно мал для использования в Интернете, но при этом обеспечивает высокое качество и прозрачность. Если ваше изображение представляет собой логотип в текстовом стиле, вам может подойти GIF, но для фотографий с непрерывным тоном лучше подойдет PNG.

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

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

Первоначально опубликовано 5 сентября 2018 г.

(Архивы) Adobe Photoshop CS3: Создание прозрачных изображений

Эта статья основана на устаревшем программном обеспечении.

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

Для получения дополнительной информации о фоне см. Работа с цветами.

Использование опции прозрачности

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

1. В меню Файл выберите Создать …
   Появится диалоговое окно Новый .

2. В текстовом поле Имя введите имя вашего изображения.

3. Установите ширину и высоту изображения.

4. В раскрывающемся списке Содержимое фона выберите Прозрачный.

5. Щелкните ОК.

Создание прозрачности

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

1. Откройте или создайте желаемое изображение.

2. При необходимости отрегулируйте фон изображения.

3. В меню File выберите Save for Web & Devices …
   Откроется диалоговое окно «Сохранить для Web и устройств» .

4. На палитре Таблица цветов выберите образец цвета, который вы хотите сделать прозрачным на вашем изображении.

5. В нижней части палитры Таблица цветов щелкните Сопоставляет выбранные цвета с прозрачным.

6. (Необязательно) Повторяйте шаги 9 и 10, пока не добьетесь желаемого эффекта.

7. Щелкните Сохранить.
   Появится диалоговое окно Сохранить оптимизированное как .

8. В раскрывающемся списке Сохранить в выберите желаемое место для сохранения файла.

9. В текстовом поле Имя файла введите имя для вашего изображения.

10. Щелкните Сохранить.
    Теперь изображение сохранено с его прозрачностями.
    ПРИМЕЧАНИЕ. Если появится диалоговое окно «Заменить файлы», нажмите «Заменить».

Удаление существующего фона

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

Удаление фона: опция Magic Wand

1. В палитре Layers дважды щелкните фоновый слой.
   ПРИМЕЧАНИЕ: Это может быть единственный присутствующий слой.
   Откроется диалоговое окно Новый слой .

2. Убедитесь, что в текстовом поле Name указано Layer 0 .
   ПРИМЕЧАНИЕ. Не изменяйте параметры «Непрозрачность» и «Режим».

3. Щелкните ОК.

4. В панели инструментов выберите Magic Wand Tool .

5. На изображении щелкните фон.
   ПРИМЕЧАНИЯ:
   Инструмент «Волшебная палочка» выбирает похожие цвета в непосредственной близости от того места, где вы щелкаете.
   Вокруг фона или области аналогичного цвета появляется анимированная пунктирная линия.
   СОВЕТЫ: ​​
   Чтобы добавить в выбранную область, нажмите и удерживайте [Shift] при щелчке.
   Чтобы отменить выбор областей, нажмите и удерживайте [Alt] во время щелчка.

6. После выбора фона нажмите [Удалить].
   Фон (или выделенная область) станет прозрачным.

7. (Необязательно) Если изображение имеет разноцветный фон (например, фон фотографии), и вы решили не использовать опцию «Выбрать инверсию», вам может потребоваться повторить шаги 5–6, чтобы удалить оставшиеся части изображения. фон или удалить другие части фотографии, которые вы хотите прозрачными.

Удаление фона: выберите инверсный вариант

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

1. В палитре Layers дважды щелкните фоновый слой.
   ПРИМЕЧАНИЕ: Это может быть единственный присутствующий слой.
   Откроется диалоговое окно Новый слой .

2. Убедитесь, что в текстовом поле Name указано Layer 0 .
   ПРИМЕЧАНИЕ. Не изменяйте параметры «Непрозрачность» и «Режим».

3. Щелкните ОК.

4. На панели инструментов выберите подходящий инструмент выбора.

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

6. В меню Select выберите Inverse .
   Фон вашего изображения теперь выбран.

7. Нажмите [Удалить].
   Фон (или область вокруг выбранного изображения) станет прозрачным.

Удалить фон логотипа (сделать его прозрачным) с помощью Photoshop

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

Примечание. Для этой процедуры необходимо использовать стороннее приложение для редактирования изображений (Adobe Photoshop CS6). Если у вас нет доступа к ним, свяжитесь с нами, чтобы получить помощь в работе с вашим логотипом. Напоминаем, что мы не предлагаем услуги по разработке логотипов.

1.) Откройте файл в Photoshop

.

В строке меню перейдите к Файл> Открыть…

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

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

2.) Создайте новый слой

В строке меню перейдите к Layer> New> Layer… (или воспользуйтесь сочетанием клавиш Shift + Ctrl / Cmd + N ).

На панели «Слои » в правом нижнем углу окна Photoshop дважды щелкните слой с надписью «Фон» и нажмите ОК .Это превратит исходное изображение в слой.

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

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

3.) Раскрасьте новый пустой слой

При выборе нового пустого слоя на панели инструментов (слева) щелкните инструмент Paint Bucket Tool .

На палитре Color в правом верхнем углу экрана щелкните цветной квадрат. В палитре цветов выберите цвет, который будет контрастировать с цветами логотипа, кроме белого.

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

4.) Удалите пробелы

На панели Layers выберите слой с изображением.

Вернитесь на панель инструментов (левая сторона), щелкните правой кнопкой мыши набор инструментов «Ластик» и выберите Magic Eraser Tool . Этот тип ластика автоматически стирает с изображения один заключенный оттенок цвета.

Начните с нажатия на внешнюю белую область изображения.

Перед

После

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

5.) Уберите белые пятна на закрытых участках логотипа

Удерживая клавишу Alt и используя колесо мыши для увеличения и уменьшения изображения, используйте инструмент Magic Eraser Tool на тех участках, которые должны быть прозрачными рядом с другими областями логотипа e.грамм. пробелы между текстами.

6.) Удалите пустой слой, созданный ранее

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

7.) Сохраните отредактированный логотип

В строке меню перейдите к Файл> Сохранить для Интернета (или воспользуйтесь сочетанием клавиш Alt + Shift + Ctrl / Cmd + S ).

В окне Сохранить для Интернета установите для изображения значение «PNG-24» (для сохранения прозрачности). Вы также можете настроить высоту логотипа в предусмотренных полях ввода.

Для всех шаблонов веб-сайтов Restaurant Engine рекомендуется высота логотипов не менее 140 пикселей, но не более 200 пикселей.

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