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

Содержание

Прозрачность и полупрозрачность в Photoshop

05.05.09    Подробные инструкции, Уроки Photoshop

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

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

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:


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

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

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М)

или с помощью «волшебных» инструментов (W):

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

Как сделать полупрозрачный текст и «водяной знак»

В Фотошопе, помимо состояния «полностью видим» и «полностью прозрачен» существует состояние частичной видимости или частичной прозрачности. Частичная видимость объекта на рисунке указывается в процентах.

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя – этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб, корректно отображаются браузерами и поддерживают прозрачность – только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

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

 

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

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

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

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

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл
– Открыть
и указываем расположение изображения.

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

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

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE
и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D
.

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

Для этого нажмите меню Файл
– Сохранить для Web
. Или же просто воспользуйтесь ALT+SHIFT+CTR+S
.

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

А теперь смотрите что было и что стало:

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

На этом сегодня всё, желаю удачи!

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

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

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

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

Если фон однотонный:

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

Если фон разноцветный:

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

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

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

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

28.01.2015 27.01.2018

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

Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.

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

А так выглядит список слоев

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

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

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

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

Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

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

Инструкция

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

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

Чтобы сохранить изображение в том виде, в каком вы видите его в редакторе, выберите в верхней строке меню пункт «Файл» (File). Из выпадающего меню выберите команду «Сохранить как» (Save as). В открывшемся диалоговом окне укажите директорию для сохранения файла, в поле «Имя файла» (File name) введите имя, под которым вы хотите сохранить файл. В поле «Тип файла» (Format) из выпадающего списка выберите значение PNG(*.PNG) и нажмите на кнопку «Сохранить» (Save).

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

Загрузите из сети интернет соответствующий скрипт. В качестве фона установите прозрачный слой, а основное изображение разместите на другом слое. Выберите в верхней строке меню пункт «Файл», в развернувшемся меню — пункт «Сценарии» (Scripts) и команду «Экспортировать слои в файлы» (Export Layers to File).

В открывшемся диалоговом окне выберите директорию для сохранения слоев, установите маркер в поле напротив надписи Fast Mode (Don»t remove hidden layers), в поле «Тип файла» выберите формат.png и нажмите кнопку «Выполнить» (Run). Данное действие приведет к тому, что у вас будет сохранено два файла: один «пустой», в другом будет находиться изображение с вашими настройками прозрачности.

Источники:

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

png — графический формат для интернета

Из всех применяемых сегодня графических форматов для веб-изображений чаще всего используются три — gif, jpeg и молодой, но очень перспективный формат png. Разработанный в 1995 году, как альтернатива не удовлетворявшему все пользовательские запросы GIF, он предназначен для изображений, использовать которые планируется в интернете. В отличие от gif, формат png поддерживает 24-битные изображения и прозрачность фона без зубчатых краев.

Основные преимущества формата png -поддержка любых цветов, работа с прозрачными пикселями, эффективный алгоритм сжатия без потери качества изображения. В отличие от gif, который поддерживает только полную прозрачность, png сохраняет также полупрозрачные пиксели (1-99%) за счет Альфа-канала с 256 градациями серого. Встроенная гамма-коррекция позволяет без искажений отображать цвета на любом компьютере, независимо от платформы. Данный формат имеет возможность загружаться с чересстрочной разверткой, причем двойной — по горизонтали и вертикали.

Формат png поддерживает цветовые модели RGB, Grayskale, Indexed Color и Bitmap без альфа-каналов. Он не предназначен для использования с профессиональной графикой и не обеспечивает поддержку цвета CMYK.

Как посмотреть файл с расширением png

Самый простой способ открыть такой файл — два раза щелкнуть по нему левой кнопкой мышки. Даже если на компьютере не установлено никаких дополнительных программ, запустится «Средство просмотра фотографий Windows» и картинка будет открыта. Кроме того, этот формат без проблем открывает графический редактор Paint (в котором можно еще и отредактировать изображение, а также создать новое) и браузер Internet Explorer, входящие в пакет стандартных программ.

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

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

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

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

FastStone Image Viewer — удобное приложение для домашнего пользования. Включает в себя все основные функции обработки изображений. Главное достоинство этой программы — просмотр изображения, открытого на весь экран с увеличением отдельных деталей. Это позволит подробно рассмотреть любую область. Слайд-шоу, сделанное при помощи FastStone, будет иметь расширение exe, поэтому легко запустится даже на самом старом компьютере.

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

Ashampoo Photo Commander FREE — качественная утилита для просмотра и обработки графики. Имеет такие встроенные эффекты, как сепия, тень и резкость, позволяет кадрировать и вращать изображение. Помимо основных функций, обладает возможностью делать снимки рабочего стола, записывать фотографии на диск CD или DVD, конвертировать изображения и отправлять их по электронному адресу. Кроме того, в ней можно создавать и коллажи.

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

Все рассмотренные программы полностью бесплатны. Существует и много других подобных приложений. Среди них можно отметить, например, Honeyview, который позволяет просматривать фотографии прямо из архива zip, 7z или rar, не распаковывая их. Также заслуживает внимания просмотрщик изображений Irfan View. Его функциональность можно значительно увеличить при помощи плагинов, выбор которых будет зависеть от задач, стоящих перед конкретным пользователем.

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

Всем привет на fast-wolker.ru!  Продолжаем осваивать графический редактор! Сегодня мы займемся  полезным делом в Adobe Photoshop, — будем учиться создавать прозрачный фон. В первую очередь это пригодится в тех случаях, когда необходимо какую-либо картинку вставить на другой фон.

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

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

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

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

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

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

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

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

Делаем прозрачным фон из картинки или рисунка в Photoshop

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

Загрузив фотографию, создаем дубликат слоя и выбираем «магнитное лассо«. Обводим им по контуру фигуру выделяемого объекта.

Прилипло по нужным границам? Далее, идем через «главное меню» «выделение«-«инверсия«.

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

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

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

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

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

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

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

Каким оно будет — зависит от самой подписи.  Подбирайте экспериментально. Главное, что бы в итоге была выделена и подпись фон вокруг нее. В моем варианте значение допуска было равно 70. Щелкаем «волшебной палочкой» по документу и получаем такой результат.

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

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

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

Автор публикации

0

Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Как в фотошопе сделать прозрачный фон простым способом | Помощь новичкам Adobe Photoshop

Разница изображения с фоном и без фона.

Разница изображения с фоном и без фона.

Введение.

Здравствуй, дорогой читатель. Давайте для начала разберемся, что из себя представляет #картинка #с #прозрачным #фоном, с чем её едят и как её сделать.

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

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

Чаще всего такие изображения используются в качестве #web-графики, но также могут использоваться для работ, где нужно «добавить бабочек или птичек на фото», «вырезать лишнего персонажа любимого фильма» и т.п.

Итак, перейдем к самому простому методу, по моему мнению.

Шаг 1

Использоваться будет инструмент «Волшебная палочка» [W]

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

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

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

Шаг 2

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

Изображение с белым фоном, от которого нужно освободиться

Изображение с белым фоном, от которого нужно освободиться

Шаг 3

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

(Не обязательно) Если Вам нужно сделать не прозрачный фон кисточки, как на моем примере, а , к примеру, белый фон с прозрачным силуэтом этой кисточки, то используйте сочетание клавиш Shift+Ctrl+I или в верхнем левом меню фотошопа «Выделение — Инверсия». тем самым Вы сможете инвертировать выделение.

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

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

Шаг 4

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

Изображение без однородного заднего фона

Изображение без однородного заднего фона

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

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

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

Шаг 5

Для того, чтобы убрать пунктирное выделение, нужно нажать сочетание клавиш Ctrl+D. Либо перейти в верхнее меню фотошопа в пункт «Выделение — Отменить выделение», либо выбрать инструмент «Прямоугольная область» [M] и два раза нажать на любую область изображения.

Готовое изображение без заднего фона.

Готовое изображение без заднего фона.

Шаг 6

Сохраним данное изображение без фона. Нажмите сочетание клавиш Shift+Ctrl+S или через верхнее меню фотошопа «Меню-Сохранить как..». Напишите «название» вашей картинки, выберите формат «PNG», нажмите «Сохранить».

Пример сохранения #изображения #без #фона

Пример сохранения #изображения #без #фона

Заключение

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

Запомните, фотошоп — это легко! 🙂

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

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

Этот урок посвящен тому, как сделать картинку полупрозрачной в Фотошопе.

Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:

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

Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК
.

Теперь все готово к работе.

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

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

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

Давайте выставим значение, равное 70%
.

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

Нажимаем сочетание клавиш CTRL+S
и в открывшемся окне выбираем нужный формат:

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

Если фон сайта имеет какой-либо рисунок, то он (рисунок) будет просвечивать через наш автомобиль.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удаляем задний белый фон в картинке

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

1. Открываем фотошоп и грузим в него картинку с белым фоном.

2. Заходим в пункт «Выделение», после в «Цветной диапазон».

3. Выбираем «По образцам», кликаем пипеткой левой кнопкой мыши по белой области картинки. Разброс ставим 40 и нажимаем «ОК».

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

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

5. Перед удалением фона, нужно разблокировать слой. Разблокируем, нажав два раза левой кнопкой мыши. Если этого окна нет, зайдите в пункт меню «Окно» и поставьте флажок на «слои».

6. Удаляем фон нажав кнопочку «Delete». После правовой кнопкой мыши кликаем на картинке и выбираем «Отменить выделение», если не получается, нажимаем Ctrl + D, выделение уберется.

7. На этом этапе мы и закончили удаление белого фона в улитке.

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

Открываем и любуемся картинкой без белого фона.

Удаляем сложный задний фон в картинке

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

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

2. Теперь левой кнопкой мыши выделяем фон, который хотим удалить. Если выделение залазит не туда, куда нам нужно, в нашем случае на гепарда и его жертву, тогда зажмите клавишу «ALT» и левой кнопкой мыши уберите выделение, которое залезло. Что бы увеличить-уменьшить масштаб зажмите клавиши Shift+Alt и крутите колесико на мышке. Чтобы «ходить» по картинке при выделении зажимайте пробел.

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

Функция «Сгладить» нужна для того, что бы при удалении края были гладкие.

Если нужно немножко подтереть, используйте «Ластик»

Посмотреть этот урок у видео формате

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

Вам понадобится

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

Инструкция

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

Если неоднороден, то выделите саму картинку инструментом «Прямолинейное » или «Перо». В случае выделения изображения инструментом «Перо» выложите нужный контур и при необходимости отредактируйте его инструметом «Перо+». При редактировании этим инструментом вы можете добавлять опорные точки щелчком мыши созданного контура и, передвигая точки, менять его . Затем, не убирая курсор с контура, нажмите правую клавишу мыши и выберите «Образовать выделенную область». Растушевку установите на значение в 0 пикселей и поставьте галочку у параметра «Сглаживание». В результате этих действий контур будет преобразован в выделение. Удалите выделенное, нажав клавишу Delete.

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

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


Как сделать картинку полупрозрачной в Adobe Photoshop

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

Вариант 1: Изменение прозрачности для всего изображения

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

Вариант 2: Установка частичной прозрачности

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

Сам же алгоритм действий выглядит следующим образом:

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

Вариант 3: Градиентное наложение

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

Как сохранить готовую работу

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

  1. По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
  2. В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
  3. Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».

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

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.

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

Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».

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

Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.

Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.

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

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

Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

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

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

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

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

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

○ 2 способ

:

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

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

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

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

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

○ 3 способ

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

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

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

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

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

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

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон
!

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

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

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

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

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

спасибо Натальи Петровой

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

Я буду использовать вот такую крышку.

Как вырезать объект в Photoshop

  1. Жмем на замочек на единственном слое, для того что бы можно было удалять его «насквозь», делая «отверстия» в фотографии.

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

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

5. Ну вот, так гораздо лучше. Теперь жмем кнопку Delete на клавиатуре и фон удаляется.

Ну вот, мы сделали фон прозрачным, можно обрезать фото, что бы было удобнее работать и сохранить в png формат.

Обрезаем картинку для удобства

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

Сохранение фотографии в png

  1. Открываем меню «файл» и ищем там «Экспортировать как».

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

Было Стало

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







4.86
/5

(7
)

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

Шаг 1.
Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.

Шаг 2.
Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.

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

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

Контур картинки замерцает – значит, объект мы выделили.

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

Шаг 3.
Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.

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

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

Шаг 4.
Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.

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

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

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


Здравствуйте, это Сергей Иванов с новым видео-уроком. В этом видео я покажу вам, как сделать фон прозрачным в фотошопе. Что мы будем делать? Вы видите картинку из мультфильма «Университет монстров». Кстати, очень классный мультик. Мне он нравится и детям очень нравится. Наша задача выделить этого Майка и перенести на прозрачный фон. А потом впоследствии мы будем использовать эту картинку для публикации где-нибудь у себя на сайте и так далее.

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

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

Теперь нам нужно выделить Майка и перенести его на отдельный слой, а все, что сзади – удалить. Выделяем с помощью Быстрой маски, активируем этот инструмент, он находится в самом низу панели инструментов. Либо нажимаем клавишу Q. Берем инструмент кисть и рисуем, выставив жесткость — 100%.

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

Выходим из режима Быстрой маски. Сейчас у нас выделено все, кроме нашего персонажа. Заходим в меню Выделение, делаем инверсию, теперь Майк выделен. Нажимаем Ctrl+G на клавиатуре и этот фон можно удалить, он нам не нужен. Итак, мы его выделили, теперь нам нужно сохранить его в нужном формате. Открываем вкладку Файл / Сохранить для Web. Здесь имеются несколько форматов, это 2 формата – GIF и PNG, которые позволяют сохранять с прозрачным фоном. Я рекомендую использовать формат PNG -24, нажимаем «сохранить». Конечно, можно сохранить в GIF, размер будет меньше, но и качество картинки будет хуже. Если вам не важен размер (приблизительно в 5 раз больше), то сохраняйте в формате PNG.

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

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

Последнее обновление: 29 декабря 2016 г.

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

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

Создание нового изображения с прозрачным фоном в Photoshop CS5

Это простейшее из двух решений, и, если возможно, вам следует начать именно с него.Запустите Adobe Photoshop CS5, щелкните File вверху окна, затем щелкните New . Откроется окно Новый .

Щелкните раскрывающееся меню справа от Background Contents , затем выберите параметр Transparent .

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

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

  1. Щелкните Файл .
  2. Щелкните New .
  3. Щелкните раскрывающееся меню Background Contents , затем щелкните Transparent .
  4. Нажмите кнопку OK , чтобы создать в Photoshop новое изображение с прозрачным фоном.

Изменение существующего фона на прозрачный в Photoshop CS5

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

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

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

  1. Найдите панель Layers .
  2. Щелкните правой кнопкой мыши слой Background , затем выберите параметр Delete Layer .
  3. Нажмите кнопку Да , чтобы подтвердить удаление фонового слоя.

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

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

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

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

Дополнительная опция включает изменение непрозрачности слоя.

Последний вариант — использовать один из инструментов лассо для выбора содержимого, которое вы хотите сохранить, нажмите Shift + Ctrl + I , чтобы инвертировать выделение, затем нажмите Ctrl + X , чтобы удалить ненужный фон.

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

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

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Связанные

Отказ от ответственности: большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

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

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

Learning Software (версия CS6 для Macintosh; ссылку на обновление CC 2020 см. Ниже)

Самоучитель Росс Коллинз, Государственный университет Северной Дакоты

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

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

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

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

удалить фон.

замена фона.

I. Фон почти монохроматический.

Если ваш фон почти того же цвета и отличается от переднего плана, вы можете просто стереть его.

1. Создайте дубликат фонового слоя из раскрывающегося списка «Слои» или из всплывающего меню справа от панели «Слои».

2. Отключите исходный фоновый слой на панели «Слои», отключив значок глаза.

3. Выберите «Ластик для фона» на панели инструментов.

4. При необходимости установите допуск в контекстном меню вверху. Начните примерно с 25 процентов, от пределов до смежных.

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

6. Чтобы исправить области изображения, которые вы хотите сохранить, выберите инструмент «Ластик». Включите «Стереть в историю» (непрозрачность 100%).Сотрите области, чтобы восстановить изображение по мере необходимости. Очистите фон, перетащив Ластик для фона. (Используйте команду нажатия клавиш для увеличения или уменьшения масштаба: клавиши Command и + или -.) Сохраните как Photoshop, чтобы сохранить слои, или как jpg для выравнивания.

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

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

9. На панели «Слои» перетащите слой с копией фона вверх — это поместит этот слой над другим слоем.

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

10. Работая над слоем фоновой копии, выберите инструмент «Ластик фона» и снова сотрите, как вы делали в упражнении выше.При необходимости используйте сочетание клавиш Command-z, чтобы вернуться назад. Да, я знаю, что это требует ловкости. Мышь — это навык ….

11. Сохранить как jpg.

II. Фон загроможден.

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

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

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

3. Выберите инструмент «Кисть». Выберите кисть с жесткими краями, непрозрачность 100%.

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

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

6. Отрегулируйте выделение более точно с помощью инструмента «Лассо» и клавиш + или -.Клавиша — выберет области маски, которые вы хотите добавить, или наоборот.

7. Когда будете готовы, выберите Удалить. Снимите выделение.

8. Если вы хотите удалить передний план вместо фона, выберите «Обратный» в раскрывающемся меню «Выбрать», а затем — «Удалить».

9. Если хотите, добавьте еще один фон, как описано выше.

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

Новинка! Альтернативный подход к удалению фона в Photoshop CC 2020. См. Раздел «Выделение и маска».

Удалите белый фон в Photoshop 3 способами

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

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

Метод 1: Волшебный ластик (2 мин)

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

Выберите волшебный ластик

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

Удалите ненужные детали

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

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

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

Вместо этого выберите «Файл»> «Сохранить как» и выберите PNG из списка форматов.

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

Метод 2: Инструмент «Волшебная палочка» (5 минут)

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

1. Снимите блокировку с фонового слоя

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

Это можно сделать, дважды щелкнув заблокированный слой в соответствующем окне и изменив его имя или выбрав «Слой»> «Новый»> «Слой из фона».”

2. Щелкните значок «Волшебная палочка» на панели инструментов

.

Выберите Magic Wand либо на панели инструментов слева от рабочего пространства, либо нажав клавишу «W». Если инструмент невидим, попробуйте найти его в разделе «Быстрый выбор».

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

3. Один раз щелкните область, которую нужно стереть

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

4. Удалите фон

Убедитесь, что вы выбрали дублированный слой (посмотрите на окно «Слои»). Наведите курсор на любую часть фона и щелкните левой кнопкой мыши. Нажмите и удерживайте «Shift» и выберите части фона, которые изначально не были захвачены Жезлом, которые обычно являются теневыми областями.

Чтобы инвертировать выделение и выделить только объект, используйте комбинацию клавиш «Shift + Ctrl + I».Как только фон выбран, нажмите «Удалить», чтобы сделать его полностью прозрачным.

5. Отменить выделенную область

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

Вы можете обойти этот процесс, нажав «D», удерживая «Ctrl». Еще раз, это отменит все выбранные части фотографии.

6. Очистите фотографию с помощью ластика

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

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

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

Метод 3: Магнитное лассо (5 минут)

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

1. Выберите магнитное лассо

Чтобы выбрать этот инструмент, щелкните значок лассо на панели инструментов и выберите «Магнитное лассо».Далее выберите точку на фото, чтобы прикрепить лассо.

2. Выберите тему на переднем плане

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

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

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

3. Создайте слой с помощью копии

Это можно сделать с помощью комбинации клавиш Control (Command на Mac) + J. Это перенесет ваш текущий выбор на новый слой.

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

4. Зафиксируйте нижний слой

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

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

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

Есть мысли по этому поводу? Дайте нам знать в комментариях или перенесите обсуждение в наш Twitter или Facebook.

Рекомендации редакции:

прозрачных фонов в Photoshop Elements



Подробнее… подписывайтесь на меня:


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


«Просматривая ваши учебные пособия даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас


«Я очень рада найти такие полезные и понятные
информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой
учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS


Хорошо
день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень-очень ясно
а также полезные советы, приемы и практические приемы в PSE9.Отлично, отлично
работа! »- Хоан


«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатые


«я
люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил манекены
книга, и это нормально, но я лучше смотрю, а не читаю. Престижность
к вам! «- Ура, Кэти


«Спасибо за этот сайт! Я нашел его через одно из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса


«Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас


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

Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение »- Вики.


«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апреля


«Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которую я получил от
, это очень ценно.»- Роб


Рик
— «Большое спасибо за ваш совет, который я приму. Большое спасибо, как
хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть
удивительное умение заставлять сложные задачи казаться легкими и
простой. Я фанат! »- С наилучшими пожеланиями, Тони


«Намного полезнее, чем книга PS Elements 9 для чайников… Большое спасибо за ваш сайт… действительно легко следить». — Карин


Привет
Рик.Просто хотел сказать большое спасибо за все замечательные
информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для
прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете
разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь
для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень

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

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

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

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

Удалите фон с помощью Background Erase Tool и Magic Wand Tool

Ластик для фона

Этот инструмент выбирает цвет фона в центре кисти и удаляет этот цвет внутри кисти.

1. Открыть изображение в фотошопе
2. Сделайте дубликат изображения для резервного копирования, нажмите (Ctrl + Alt + j) для дублирования слоя.
3. Скрыть первый слой

4. Выберите Background Eraser Tool из меню Tools

Ластик >> Инструмент Ластик фона

5. Инструмент «Ластик для фона» Настройка кисти

Выберите кисть на панели инструментов в верхней части окна и установите необходимые параметры кисти.

Настройки кисти:

Размер: 102 пикселя
Жесткость: 50%
Шаг: 25%

6. Следующий вариант — выборка, у него есть три варианта выбора

a) Непрерывный: (Непрерывный выбор цвета фона, где бы мы ни перетаскивали мышь на изображение)
b) Один раз: (Пример фона изображения при первом щелчке)
c) Переключатель фона: ()

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

7. Следующая опция — это «Лимиты», которая определяет «Как далеко можно стирать спреды». У нее есть три варианта.

a) Прерывистый: (стирает только непрерывный выбор цвета)
b) Непрерывный: (Стереть тот же цвет, найденный в любой области изображения)
c) Найти края ()

В этом случае мы выбираем опцию «a» Прерывистая , чтобы удалить фон.

8. Допуск

Устанавливаем допуск на 30% убирать.

9. Начать стирание

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

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

На приведенном в качестве примера рисунке цвет футболки очень похож на цвет фона. Итак, мы будем использовать инструмент Pencil tool , чтобы отметить тело.

10. Теперь сотрите ненужный фон изображения с помощью Quick Mask или Pen Tool.

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

Выберите Радиус растушевки на 0 пикселей и нажмите OK.

Он отметит нежелательную область фона, теперь нажмите кнопку удаления .

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

Заменить фон

Как заменить прозрачный фон на любой другой фон.

Импортируйте новое изображение с красивым фоном и переместите новый фоновый слой под основное изображение (прозрачный) .

Как удалить белый фон в фотошопе?

Если вы хотите удалить однотонный фон, например любой логотип или изображение с белым или черным фоном, используйте Blending Option из Layer Style tool .

Шаги по удалению сплошного цветного фона в логотипе

1. Открыть изображение в Photoshop
2. Щелкните значок Lock на панели Layers , чтобы разблокировать изображение.

3. Щелкните, чтобы добавить «Стиль слоя» из нижней части панели слоев, и щелкните Blending Option .

В Blending Option, как вы можете видеть, есть Blend If Option, у которого есть две полосы, одна говорит Blend This Layer , а другая говорит Blend Underlying Layer .

Здесь нам нужно удалить фон текущего слоя, поэтому перейдем к ползунку This Layer .

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

Нажав клавишу Alt, вы получите плавное смешивание.

Без нажатия клавиши Alt, вы получите жесткое смешивание.

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

Таким же образом можно удалить более темный (черный) фон логотипа.

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

Видеоурок о том, как сделать фон прозрачным в Photoshop?

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

Существует множество возможных причин, по которым вы захотите сделать прозрачный фон в Photoshop:

— Объекты, продукты или модели в одежде на чисто белом фоне лучше работают на большинстве веб-сайтов электронной коммерции.

— Вы хотите вырезать человека из студийного фона и разместить его на открытом воздухе.

— Возможно, вам не понравится фон во время фотосессии, и вы захотите изменить его цвет.

— Вы меняете макет своего веб-сайта, и фон на старых фотографиях не соответствует цвету вашего нового веб-сайта.

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

Откройте изображение в Photoshop, затем выберите инструмент Magic Wand из панель инструментов или нажмите клавишу W.

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

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

Когда выбор будет завершен, перейдите в меню «Выбрать» и нажмите «Обратный». Затем нажмите кнопку «Выбрать и замаскировать».Увеличьте изображение; вы увидите, что некоторые края могут быть немного неровными. Сгладьте их с помощью элементов управления Smooth и легкого движения Feather.

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

Когда маскирование будет завершено, нажмите OK.

Теперь пора сделать фон прозрачным: нажмите кнопку «Добавить маску слоя» на панели «Слои».Сделанный! Фон станет прозрачным.

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

Убедитесь, что для параметра Формат установлено значение PNG, а флажок «Прозрачность» установлен. Это все!

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

Фото предоставлено: Wavebreakmedia Ltd.

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

Прозрачные GIF в Photoshop

Прозрачные GIF-файлы в Photoshop

Эти заметки изначально были написаны для Photoshop 5.5. Однако они должны работать и для более поздних версий.

Введение

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

Прозрачные области GIF-изображения позволяют фоновому изображению или цвету страницы отображаться сквозь эти области.


Запуск изображения, которое в конечном итоге будет прозрачным GIF:

1) Выберите «Файл»> «Создать», чтобы создать новый документ в PhotoShop

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

Работа над GIF:

Тогда продолжайте и работайте над своим GIF. Вы можете работать с изображением в режиме RGB, а PhotoShop может позаботиться об индексированном цветовом режиме и проблемах с форматом GIF, когда вы закончите все свои изменения и будете готовы к окончательному сохранению.Но пока вы все не закончите изображение, сохраните его в формате PhotoShop (соответствующее расширение имени файла для этого формата — .psd). Когда вы будете готовы к окончательному сохранению, выполните следующие действия …


Сохранение прозрачного GIF и другие заключительные шаги:

  1. Подумайте, на каком фоне страницы будет отображаться изображение. Какого цвета это изображение или, если это фоновое изображение на странице, какой цвет является наиболее доминирующим или распространенным? (Фоновое изображение, имеющее самые разные оттенки или значения, значительно усложнит вашу работу по размещению прозрачного изображения на странице и обеспечению того, чтобы все выглядело безупречно — какой из этих разных цветов вы выберете? Это проблема.)
  2. С помощью палитры цветов выберите доминирующий цвет фона страницы, как если бы вы собирались им рисовать. Но прежде чем вы скажете ОК этому цвету в окне выбора цвета, посмотрите на шестнадцатеричный код цвета и запишите его (как показано на рисунке ниже). Затем вы можете нажать «ОК» или «Отмена» по своему усмотрению.

  3. Последний раз сохраните изображение в формате PhotoShop.
  4. Выберите «Файл»> «Сохранить для Интернета».
  5. Откроется окно.
  6. В окне щелкните вкладку «Оптимизировано» (или «2 варианта» или «4 варианта») в верхней части нового окна.Если вы выбрали вкладку «2 варианта» или «4 варианта», одной из отображаемых версий будет ваше исходное изображение, а отображаемой версией изображения с выделенной областью будет версия, для которой вы изменяете настройки. Если вы выбрали вкладку «Оптимизировано», версия изображения, которую вы видите, — это та версия, для которой вы можете изменить настройки.

    Вот настройки, которые вам нужно установить или с которыми вам нужно поиграть:

    • Для создания прозрачного GIF необходимо выбрать формат GIF.
    • Выберите палитру для GIF (обычно вы выбираете «адаптивный», «выборочный» или «веб») — и справа от палитры выберите количество цветов для GIF (не измените количество цветов при выборе веб-палитры).
    • Выберите наличие дизеринга («диффузия», «узор», «шум» и т. Д.) Или «нет» — и, справа от настройки дизеринга, процентное соотношение (влияет на эффект пуантилизма, который вы получаете с настройкой дизеринга) .
    • Не забудьте поставить галочку рядом с прозрачностью.
      Рядом с прозрачностью (справа от нее) найдите настройки Matte.
      Удерживайте Matte, чтобы увидеть варианты. Matte выбирает, в какой цвет смешать края непрозрачных частей изображения (чтобы края плавно переходили) — например, черный, белый, какой-то другой цвет и т. Д.Если это не имеет для вас смысла, это скоро произойдет, потому что у меня есть примеры изображений, которые я могу показать с разными настройками Matte и разными цветами фона веб-страницы.

      Выберите «Нет», «Черный», «Белый» или «Другой …» для параметра «Подложка». «Другое», как правило, лучше всего, если только цвет фона веб-страницы, на которой будет отображаться GIF, на самом деле не является чисто черным или белым, и в этом случае вам следует выбрать подходящий.
      Если вы выберете «другой», откроется окно, в котором вы сможете выбрать, с каким цветом переходить.Вам нужно ввести номер, который вы записали на шаге 1, а затем нажать OK. Это окно выбора цвета должно закрываться, и вы вернетесь в другое окно.

    • Параметр чересстрочной развертки — здесь обычно нет галочки, потому что обычно вы не хотите, чтобы ваши GIF-файлы были чересстрочными.
  • После выполнения всех вышеперечисленных настроек нажмите OK в верхней части окна.
  • Откроется другое окно, в котором вы сможете выбрать место для сохранения изображения — проверьте правильность имени (должно оканчиваться на.gif)
  • Сохраните изображение в желаемом месте.

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

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

    Примеры хороших и плохих настроек Matte:

    Вот тот же прозрачный gif, сохраненный с 4 различными настройками Matte (нет, белый, черный и красный). Каждая отдельная версия Matte размещается на 5 страницах с разным цветом фона.Опять же, настройка Matte в идеале должна быть того же цвета, что и основной цвет фона веб-страницы, на которой отображается прозрачный gif.

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

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