Как сохранить изображение на прозрачном фоне в фотошопе: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Фотошопе одним из ключевых понятий является прозрачность

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

Необходимо:

— Adobe Photoshop.

Инструкция:

У программы «Photoshop» есть одна выгодная отличительная особенность

, которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J

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

. Для этого нужно просто кликнуть на «глазок
» обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е
»). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение

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

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

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

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

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

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

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

Выбираем инструмент «Волшебная палочка»
. В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D»
.

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

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

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

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

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

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

Копируем выделенные области, нажав «Ctrl+C»
. Дальше создаем новый файл, «Ctrl+N»
, с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V»
. Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик»
. Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Запустите установочный файл и следуйте инструкциям программы. После завершения установки Фоторедактор откроется автоматически.

Загрузите изображение в программу

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

Удалите задний фон

На верхней панели выберите вкладку Замена фона
. Нажмите кнопку Автовыделение
, – программа автоматически выделит силуэты людей на фото.

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

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

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

Сохраните результат

Нажмите кнопку Сохранить
. По умолчанию программа предлагает сохранить файл в JPEG. Этот формат не поддерживает прозрачность, поэтому нужно выбрать другой. Откройте вкладку Тип файла
и выберите BMP, DPX, PNG, TGA или TIFF. Нажмите Сохранить
. Программа автоматически откроет папку с получившимся файлом.

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

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

Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:

Первый пример
с цветком розы на прозрачном фоне сделан с такими настройками:
1) Интенсивность замены — 38;
2) Сглаживание по краям — 5;
3) Заменить однотонный фон на — прозрачный;
4) Обрезка (0) по краям — «-70»;
5) Инвертировать — отключено (галка не стоит).

Для создания второго примера
, с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере
, с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.

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

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе
.

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

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

) вверху страницы выберите «Создать
» (New

Затем в появившемся окне «Новый документ
» (New Document

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

) в выпадающем списке «Содержимое фона
» (Background Contents

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

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

Затем в панели «Слои
» (Layers

) убедитесь, что работаете на прозрачном слое, а не на фоновом:

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

) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

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

), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл
» (File

), и далее – «Сохранить для Web
» (Save for Web & Devices

Затем в появившемся окне выберите PNG-24
из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность
» (Transparency

) и «Преобразовать в sRGB
» (Convert to sRGB

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

Поля «Размер изображения
» (Image Size

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

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе
, нужно знать, что с версии 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

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

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

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

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

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

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

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

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

Отсечение фона маской

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

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

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

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

Видео урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 4 266 times, 2 visits today)

3 способа отрисовать текстовый логотип

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля

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

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

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

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

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

Сделать белый фон прозрачным, но сохранить тень?

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

adobe

photoshop

Поделиться

Источник

Himmators

23 ноября 2010 в 21:58

3 ответа

Как сделать фон значка прозрачным в PyQt>?
Я использую значок меню с белым фоном. Когда я запускаю свою программу, я вижу этот белый фон на сером пункте меню. Это выглядит не очень красиво. Как сделать белый фон прозрачным, чтобы не видеть белого цвета?
Android PopupWindow: белый фон, но держать тень?
Как мне стилизовать свой PopupWindow в Android с белым фоном, но при этом сохранить тень? Я пытаюсь создать что-то вроде [этого][1]: По умолчанию my PopupWindow имеет темный фон. Поэтому я установил содержимое всплывающего окна на белый фон, который дает мне это : У которого есть тень, но все еще…

Это то, что я делаю вместо этого после многих и многих проб и ошибок.

Дублируйте слой с бумагой в нем.
Инвертируйте новый слой.
Покраска «paper-part» в чистый белый цвет

Использование перевернутого слоя в качестве маски на первом слое.

Сработало как заклинание, идеальная маскировка!

Поделиться

Himmators

24 ноября 2010 в 09:44

Два варианта, которые я могу придумать:
а) Отредактируйте изображение в photoshop и сделайте фон прозрачным.
б) Наложение «white» фона w/ наложение div с белым фоном.

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

Поделиться

regex

23 ноября 2010 в 22:02

ты создал этот образ? Почему бы не сделать изображение на прозрачном фоне?

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

Поделиться

Bill

23 ноября 2010 в 22:01

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (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. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка
» или «magic
wand
». Далее дана пошаговая инструкция:

Ластик

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

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

Замена фона

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

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

Сохранить картинку без фона не получится в обычном формате JPEG, после сохранения иллюстрации фон создастся автоматически. Чтобы сохранить нужную иллюстрацию с прозрачным фоном надо использовать формат
PNG
. Для его использования нужно следовать пути: файл
— сохранить как
– тип при сохранении указываем PNG.

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

Зачем вообще нужен прозрачный фон?

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

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

Надеюсь, теперь все понимают суть. И мы переходим к делу!

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

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

Три способа удалить фон в фотошопе

1 способ сделать прозрачный фон:

Все, фон исчез. Надеюсь все было понятно.

2 способ, как сделать фон прозрачным:

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

3 способ, как убрать фон в фотошопе

1. Убрать фон в фотошопе при помощи инструмента быстрая маска. Маска находится внизу в левом вертикальном меню:

2. После нажатия на быструю маску выберите «Кисть» и зарисовывайте объект (не фон), солнышко, в нашем случае. При этом не затрагивайте фон.

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

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

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

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

Сразу отмечу важный момент. Может быть только этих слов будет вполне достаточно для решения вашей проблемы. Если сохранить изображение в формате JEPG, то прозрачный фон исчезает, останется прежний белый цвет. Требуется сохранять в форматах PNG или GIF. Статьи по теме:

Ну вот и все. Теперь, если мы вставим солнце на полянку, то картинка примет привлекательный внешний вид:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Полупрозрачный фон в фотошопе. Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

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

Инструкция

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

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

Источники:

Просто о создании сайтов и баннеров

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

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

Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта
, вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта
. Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

как сделать сайт картинки в 2019

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

Инструкция

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

Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.

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

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

Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.

Видео по теме

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

Копируем выделенные области, нажав «Ctrl+C»
. Дальше создаем новый файл, «Ctrl+N»
, с прозрачным фоном.

Оценить статью:

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом руководстве мы будем использовать Adobe Photoshop CC, но вы сможете выполнить эти шаги с большинством версий Photoshop.

Как удалить фон с изображения в фотошопе

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

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

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

Сначала найдите свою фотографию на своем ПК, щелкните правой кнопкой мыши изображение и нажмите «Открыть» с помощью> Adobe Photoshop.

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

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

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

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

Удерживайте Alt + щелкните / перетащите, чтобы удалить области
Удерживайте Shift + клик / перетаскивание, чтобы добавить области
Используйте колесо прокрутки для увеличения, чтобы приблизиться к вашему объекту

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

Когда у вас есть выбор, который вы хотите, нажмите Ctrl + X. Это вырежет изображение, и вы сможете увидеть, остались ли какие-либо области вашего изображения, которые вы, возможно, пропустили. В этом случае нажмите Ctrl + Z, чтобы повторить этот шаг. Затем просто используйте инструмент быстрого выбора, чтобы выбрать эту область. Продолжайте делать это, пока у вас не будет выбрано полное изображение.

Теперь вам нужно нажать Ctrl + C, чтобы скопировать изображение, затем нажмите Ctrl + V, чтобы вставить его на новый слой.
Затем нажмите F7, чтобы открыть вкладку слоев, если она еще не открыта. Он должен появиться в правом нижнем углу экрана. Нажмите значок глаза рядом с фоновым слоем, чтобы скрыть его.

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

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

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

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

Нажмите Ctrl + Shift + S, чтобы открыть окно Сохранить как. Нажмите раскрывающееся окно Тип файла: и выберите .PNG.
Дайте вашему изображению имя. Убедитесь, что вы сохранили расширение .png.
Нажмите Сохранить.

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

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

Резюме

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

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

2015-04-22 / Вр:23:08 / просмотров: 91792

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

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

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

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

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

○ 2 способ :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание нового документа

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

Волшебная палочка

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

Выберите инструмент «Волшебная палочка» и поставьте допуск 50.
Теперь тыкните один раз левой кнопкой мышки по любому месту фона. У вас должна будет выделиться либо огромная часть фона, либо весь бэкграунд целиком. Это зависит от препятствий.
Если у вас остался промежуток между ног и между рук, то нужно выделить и остальные пробелы. Но если мы нажмем в другое место, то сбросится наше выделение. А что тогда делать? Это элементарно. Просто остальные части нужно выделять с зажатой клавишей SHIFT.
Теперь, когда у нас всё выделено, нам что нужно сделать? Нам необходимо инвертировать выделение. Для этого нажмите комбинацию клавиш SHIFT+CTRL+I. Теперь пунктирная линия будет окутывать только саму мартышку. Вот этого-то мы и добивались.
Ну а дальше нажмите комбинацию клавиш CTRL+J и вы увидите, что обезьяна скопировалась на новый слой, но теперь с прозрачным задним планом. И если вы хотите, то можете удалить главный слой и работать уже с мартыхой без фона.

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

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

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

Ластик

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

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

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

Выберите «Фоновый ластик» . Для этого нажмите правой кнопкой мыши на «Ластик» в панели инструментов. Нашли? Отлично. Здесь допуск можно поставить побольше, так как пиксели сильно отличаются друг от друга. В общем остановимся на числе 50.
Теперь выберите размер стёрки. Ну в общем нажимаем правой кнопкой мыши на рабочем пространстве и там уже ставим жесткость (давайте 85 процентов) и размер (Ну тут я выбрал 200).
А дальше просто начинаем стирать весь фон, не боясь задеть тигра. Он будет стирать только те пиксели (и похожие на них), на которые вы нажали, чтобы начать стирать. В тех местах, где небо более светлое, у вас может ничего не стереться, так как пиксели уже совершенно другого оттенка, поэтому почаще меняйте точку отсчета.

Ну и заодно про еще одну стерку не забуду. В той же самой группе инструментов выберите «Волшебный ластик» . Опять же смотрим на допуск. При такой композиции можно поставить высокий уровень допуска, даже 80-90.

Теперь нам нужно просто один раз нажать на небо. Видите, что получилось? Нам уже ничего не надо стирать. Большинство неба сбрилось благодаря одному нажатию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ №3.

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

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

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

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

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

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

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

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

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

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

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

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

Как преобразовать JPEG в PNG в Photoshop (с прозрачностью!)

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

Чтобы преобразовать JPEG в PNG с прозрачным фоном в Photoshop, выделите объект с помощью инструмента «Быстрое выделение» и добавьте его к маске слоя.Удалив фон, перейдите в меню «Файл»> «Экспорт»> «Экспортировать как». Установите формат PNG, установите флажок «Прозрачность» и нажмите «Экспорт».

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

В чем разница между JPEG и PNG?

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

JPEG

Во-первых, давайте начнем с JPEG, что означает Joint Photographic Experts Group. Это название группы, которая основала формат файлов JPEG в 1992 году, поскольку им нужен был способ уменьшить большие изображения, чтобы их было легче делиться. JPEG имеет так называемое сжатие с потерями, что означает снижение качества файла.

Степень сжатия JPEG составляет 10: 1. Так, например, если вы начнете с изображения размером 20 МБ, оно станет 2 МБ, если вы экспортируете его в формате JPEG.Сжатие не всегда влияет на качество изображения, по крайней мере, для человеческого глаза. Однако это зависит от самого изображения, а также от качества исходного файла.

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

PNG

Формат файлов PNG означает «Переносимая сетевая графика». Он был создан в середине 1990-х годов и был создан для замены GIF (Graphical Interchange Format). PNG имеет так называемое сжатие без потерь, что означает, что качество файла остается неизменным до и после сжатия.

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

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

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

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

Как преобразовать изображение JPEG в PNG

Шаг 1: перейдите в «Файл»> «Экспорт»> «Экспортировать как

».

Откройте изображение в Photoshop, затем перейдите в строку меню и нажмите «Файл »> «Экспорт»> «Экспортировать как». Вы также можете использовать сочетание клавиш Alt + Shift + Control + W в Windows или Option + Shift + Command + W на Mac.Откроется меню «Экспортировать как».

Шаг 2. Установите формат экспорта в PNG

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

В разделе «Параметры файла» справа от окна «Экспортировать как» выберите параметр «JPG», чтобы просмотреть другие доступные форматы файлов.

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

Шаг 3: Нажмите Экспорт

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

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

Как превратить JPEG в файл PNG с прозрачным фоном

Шаг 1. Удалите фон с изображения

Выберите инструмент выбора объекта на панели инструментов. Это позволит вам легко выбрать объект на вашем изображении, который вы хотите вырезать. Если вы используете Photoshop 2019 или более поздней версии, вы можете использовать инструмент быстрого выбора вместо этого для этих шагов. Инструмент выбора объекта доступен только в Photoshop 2020 и новее.

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

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

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

Шаг 2: перейдите в «Файл»> «Экспорт»> «Экспортировать как

».

Теперь, когда вы успешно избавились от фона, следующим шагом будет сохранение изображения как файла PNG с прозрачным фоном. Для этого вам потребуется повторить шаги, описанные в разделе выше, чтобы получить доступ к меню «Экспортировать как», или вы можете использовать сочетание клавиш Alt + Shift + Control + W в Windows или Option + Shift + Command + W на Mac, чтобы сделать Это.

Шаг 3. Установите формат PNG и отключите прозрачность

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

Шаг 4: Щелкните Экспорт

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

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

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

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

Удачного редактирования!

Сохранить PNG с прозрачным фоном в Affinity Photo

Опубликовано
16 мая 2020

В последнее время я часто использую Affinity Photo для создания изображений для Интернета.

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

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

Нам нужен способ сообщить Affinity Photo, что фон не должен заполняться при экспорте. Просто оставьте его прозрачным, если формат изображения (.png) поддерживает прозрачность.

Экспорт текущих / открытых изображений

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

Щелкните «Документ»> «Прозрачный фон».Вот и все!

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

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

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

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

Экспорт в Affinity Photo

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

Категории статьи:

# affinity-photo

Дата публикации: 16 мая 2020 г.

прозрачных файлов PNG в Fireworks и Photoshop

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

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

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

В Photoshop просто Alt + щелчок по выбранному разделу изображения должен скрыть все остальные слои, и если вы преобразовали свой фон в слой, вы будете просматривать его на прозрачной шахматной доске. Теперь перейдите в меню «Изображение» и выберите «Обрезка»> «Прозрачные пиксели», чтобы обрезать холст до нужного размера. Отсюда перейдите в меню «Файл» и выберите «Сохранить для Интернета и устройств». Выберите пресет PNG-24 в верхнем углу и сохраните файл.

PNG-24 из фотошопа

Фейерверк немного отличается.Для начала, похоже, нет возможности скрыть все слои, кроме одного, одним щелчком мыши. Однако есть удобный щелчок правой кнопкой (ctrl) по параметру объекта, чтобы вставить прямоугольный фрагмент. Это аккуратно облегает ваш объект. Затем щелкните правой кнопкой мыши еще раз, и вы увидите параметр «Экспортировать выбранный фрагмент…» (если у вас отключены другие слои, вы можете выбрать прозрачный png). На панели «Оптимизировать» вам необходимо установить для параметра свой параметр PNG 32 Есть вариант для PNG 24, но он НЕ дает прозрачности.

Помните, Фейерверк = PNG 32.

PNG 32 из Fireworks

другая страница

Как создать прозрачный Sketchup PNG

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

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

Экспорт эскиза в PNG

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

Настройки экспорта. Открыв модель в Sketchup, откройте окно 2D-графики. Сделайте это, перейдя в Файл> Экспорт> 2D-графика. Нажмите кнопку «Параметры» в правом нижнем углу рядом с «Экспорт». Появится окно «Расширенные параметры экспорта изображения». Убедитесь, что в параметрах рендеринга выбраны «прозрачный фон» и «сглаживание».Закройте окно.

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

Экспорт PNG. Чтобы экспортировать изображение с прозрачным фоном, перейдите к файлу> экспорт и выберите 2D-графику. При желании переименуйте файл, а затем выберите «экспорт». Если вы откроете Sketchup PNG в Photoshop, вы увидите, что теперь есть прозрачный фон, и вы можете добавить любой цвет или фон, который хотите, не тратя время на удаление существующего фона.

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

Для каких проектов вы используете прозрачные PNG? Дайте нам знать об этом в комментариях!

Удачного взлома!

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

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

Подготовка:

Первый шаг — подготовить фотографию в Photoshop. Вы можете перетащить его в Photoshop или просто зайти в File> Open> your photo.

Этот урок был написан в Adobe Photoshop CS5.Другие версии могут незначительно отличаться.

Шаг 1:

Хорошо, поэтому сложность варьируется в зависимости от имеющейся у вас картинки и объекта, который вы хотите очертить. Давайте посмотрим на мой пример, сегодня я буду обрисовывать и извлекать семью из четырех человек. Перво-наперво убедитесь, что ваш слой Rasterized . Это просто означает растровую форму (точки или пиксели), а не вектор. Чтобы проверить, просто щелкните правой кнопкой мыши слой с фотографией. Если Rasterize Layer неактивен, значит, все в порядке.Если нет, выберите «Растрировать слой»!

Шаг 2:

Теперь мы должны очертить объект, в данном случае четырех человек. Если вы не читали руководство по выделению объекта, прочтите его и вернитесь сюда. Я буду использовать, как всегда, инструмент Polygonal Lasso Tool . Не забывайте увеличивать и уменьшать масштаб, чтобы сделать вашу жизнь проще и точнее! Мне потребовалось около 5 минут, чтобы обрисовать это, и после обрисовки у вас должен получиться такой красивый пунктирный контур.

Шаг 3:

Затем, убедившись, что слой с фото / изображением выбран, нажмите Ctrl + J (Cmd + J) . Это скопирует контур и вставит его в новый слой, как вы можете видеть в примере ниже как Layer 2 . Обратите внимание, как на миниатюре показаны только четыре человека, но не фон? Однако мы не видим разницы в основном изображении, так как обведенный слой из четырех человек просто перекрывает фон, то есть и те же четыре человека , поэтому, очевидно, вы не увидите никаких изменений.

Шаг 4:

Теперь начинается самое интересное! Чтобы просмотреть контурный объект отдельно, просто delet e или скройте исходное фоновое изображение. Я рекомендую только Hiding , так как никогда не знаешь, когда снова может понадобиться исходное изображение. Скройте исходное изображение, щелкнув «глазное яблоко», как показано в примере. Теперь вы должны увидеть свое изображение на белом фоне! (при условии, что когда вы впервые вставили исходную фотографию, по умолчанию уже был белый фон)

Шаг 5:

Если вы хотите сохранить свое изображение на белом фоне как оно есть, то вперед! (Если вы еще не знали, выберите в строке меню: «Файл»> «Сохранить как».) В противном случае поместим объект на прозрачный фон! Просто снова скройте белый фон, щелкнув по «глазному яблоку». Теперь вы должны увидеть фон из бело-серых квадратов в клетку. Не пугайтесь, это просто означает, что фон прозрачный. Эти квадраты не появятся после сохранения изображения.

Шаг 6:

Затем я просто использую Trim , чтобы уменьшить размер холста для облегчения перемещения и просмотра. Он просто «автоматически обрезает» все до самых краев объекта.Перейдите в строку меню : Изображение> Обрезать . Я буду резать со всех сторон, поэтому проверю верх, низ, лево и право.

И получаем что-то подобное.

Шаг 7:

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

Шаг 8:

Теперь вы можете сохранить свое изображение! Обратите внимание, что вы можете сохранить его только как файл gif или png , так как только эти два формата поддерживают прозрачность. Если вы сохраните его как jpeg, у вас все равно будет белый фон.Gif рекомендуется для использования в Интернете или изображения с небольшим количеством цветов. Для фотографий или изображений с множеством цветов используйте png. После сохранения вы можете просто перетащить или поместить это изображение на другой фон или фотографии, которые вы, возможно, захотите отредактировать. Поскольку фон этого изображения прозрачный, вы можете разместить его в любом месте на любой другой фотографии, и оно будет просто наложено на изображение.

Конечный результат (фон выглядит белым из-за белого фона веб-сайта, но он просто прозрачный):

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

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

Мы не можем найти эту страницу

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}} *

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}}
{{addToCollection.description.length}} / 500

{{l10n_strings.PRODUCTS}}

{{l10n_strings.DRAG_TEXT}}

{{l10n_strings.DRAG_TEXT_HELP}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$ select.selected.display}}

прозрачных изображений

прозрачных изображений

Ваш браузер не поддерживается и может работать хуже.

Удалите фон изображения одним щелчком мыши

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

Загрузите дизайны с прозрачным фоном

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

Слой или обновление изображений на новом фоне

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

Это часть пакета Canva Pro.

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

Часть пакета Canva Pro

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

Клиентам нравится использовать Canva Pro

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

Canva Pro стала еще доступнее

Создавайте лучше вместе. Зарегистрируйтесь в Canva Pro всего за 499,00 ₽ / месяц для групп до 5 человек. Кроме того, попробуйте бесплатно в течение 30 дней.

Canva Бесплатно

Бесплатно навсегда

Более 100 типов дизайна (сообщения в социальных сетях, презентации, письма и многое другое)
Сотни тысяч бесплатных фотографий и графики
Пригласите участников в свою команду
Сотрудничайте и комментируйте в режиме реального времени

Начать проектирование

Сколько человек у вас в команде?

Сколько человек в вашей команде?

До 5 человек

3990.00 ₽ / год до 5 человек

66,50 ₽ / человек / месяц

Все Бесплатно имеет, плюс:
100+ миллионов стоковых фотографий, видео, аудио и графики премиум-класса
610,000+ премиум и бесплатные шаблоны с новым дизайном ежедневно
Легко сохраняйте и применяйте цвета, логотипы и шрифты вашего бренда или кампании с помощью до 100 фирменных наборов
Мгновенное удаление фона изображений с помощью Background Remover
Бесконечное изменение размеров дизайна с помощью Magic Resize
Сохранение дизайнов в качестве шаблонов для вашей команды
Распределение контента социальных сетей на 8 платформах

Бесплатная пробная версия в течение 30 дней

Canva Pro стала еще доступнее

Создавайте лучше вместе.Зарегистрируйтесь в Canva Pro всего за 499,00 ₽ / месяц для групп до 5 человек. Кроме того, попробуйте бесплатно в течение 30 дней.

Сколько человек у вас в команде?

Сколько человек в вашей команде?

До 5 человек

3,990.00 ₽ / год до 5 человек

66,50 ₽ / человек / месяц

Все Бесплатно имеет, плюс:
100+ миллионов стоковых фото, видео премиум-класса, аудио и графика
610 000+ премиальных и бесплатных шаблонов с новым дизайном ежедневно
Легко сохраняйте и применяйте цвета, логотипы и шрифты вашего бренда или кампании с помощью до 100 фирменных наборов
Мгновенно удаляйте фон изображения с помощью Background Remover
Изменение размера дизайна бесконечно с Magic Resize
Сохраняйте дизайны в качестве шаблонов для использования вашей командой
Планируйте контент социальных сетей на 8 платформ

Бесплатная пробная версия в течение 30 дней

Canva Free

Бесплатно навсегда

100+ типов дизайна ( сообщения в социальных сетях, презентации, письма и т. д.)
Сотни тысяч бесплатных фотографий и графики
Пригласите участников в свою команду 9000 3
Совместная работа и комментирование в режиме реального времени

Начать проектирование

Навигация по нижнему колонтитулу

© 2021 Все права защищены, Canva ^®
.
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя *
Email *
Сайт

Навигация по записям
Previous PostДинамические массивы в си: Динамическое выделение памяти, динамические массивы
Next PostКак переделать страницу в группу в вк: Как изменить страницу на группу в контакте. Как из публичной страницы ВКонтакте сделать группу

Как сохранить изображение на прозрачном фоне в фотошопе: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

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

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

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

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

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

Необходимо:

Инструкция:

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

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

Загрузите изображение в программу

Удалите задний фон

Сохраните результат

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

Photoshop версии ранее, чем CC 2015:

Photoshop версии CC 2015:

Добавление к выделению нечетких областей

Отсечение фона маской

Clipping Mask в Adobe Illustrator

PowerClip в CorelDRAW

3. Прозрачность режимом наложения

Видео урок: прозрачный фон

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

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

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

Сделать белый фон прозрачным, но сохранить тень?

3 ответа

Похожие вопросы:

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

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

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

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

Использование волшебной палочки

Ластик

Замена фона

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

Зачем вообще нужен прозрачный фон?

Три способа удалить фон в фотошопе

1 способ сделать прозрачный фон:

2 способ, как сделать фон прозрачным:

3 способ, как убрать фон в фотошопе

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

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

Полупрозрачный фон в фотошопе. Как быстро в Photoshop сохранить изображение без фона в формате PNG

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

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

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

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

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

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

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

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

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

Как удалить фон с изображения в фотошопе

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

Резюме

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

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

Создание нового документа

Волшебная палочка

Ластик

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

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

Способ №3.

Как преобразовать JPEG в PNG в Photoshop (с прозрачностью!)

В чем разница между JPEG и PNG?

JPEG

PNG

Как преобразовать изображение JPEG в PNG

Шаг 1: перейдите в «Файл»> «Экспорт»> «Экспортировать как

Шаг 2. Установите формат экспорта в PNG

Шаг 3: Нажмите Экспорт

Как превратить JPEG в файл PNG с прозрачным фоном

Шаг 1. Удалите фон с изображения

Шаг 2: перейдите в «Файл»> «Экспорт»> «Экспортировать как

Шаг 3. Установите формат PNG и отключите прозрачность

Шаг 4: Щелкните Экспорт

Сохранить PNG с прозрачным фоном в Affinity Photo

Экспорт текущих / открытых изображений

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