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

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

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

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

Способ 1: IMGOnline

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

  1. Оказавшись на сайте, нажмите по кнопке «Выберите файл» . Откроется окно стандартного «Проводника» Windows, в нем перейдите к папке с картинкой, прозрачность которой вы хотите изменить. Выберите ее и нажмите кнопку «Открыть» .
  2. Следующий шаг – настройка параметров замены фона. Если нужен прозрачный, ничего в этом разделе не меняем. Если же необходимо заменить на другой однотонный фон, выбираем любой доступный из выпадающего списка. Дополнительно можно ввести HEX-код цвета или открыть палитру и выбрать подходящий оттенок из нее.
  3. Определившись с параметрами фона, выбираем формат для сохранения обрабатываемого изображения. Рекомендуем установить отметку напротив расширения PNG, после чего следует нажать «ОК» .
  4. Изображение будет обработано моментально.

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


    или сразу же сохранить на компьютер.


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

Способ 2: Фотоулица

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

  1. На главной странице сайта нажмите по кнопке «Открыть фоторедактор» .
  2. Далее, возможно, потребуется разрешить веб-сервису использовать , для чего нужно просто кликнуть по пустому полю, а затем нажать «Разрешить» во всплывающем окне. В появившемся фоторедакторе нажмите по расположенной в правом верхнем углу кнопке «Загрузить фото» .
  3. Далее нажмите «Загрузить с компьютера» или выберите второй вариант, если у вас есть ссылка на изображение в интернете.
  4. На обновленной странице веб-сервиса нажмите кнопку «Выбрать фото» , в открывшемся окне системного «Проводника» перейдите в папку с картинкой, выделите ее и нажмите «Открыть» .
  5. Когда изображение будет добавлено в фоторедактор, нажмите по расположенной в нижней части левой панели кнопке «Эффекты» .
  6. В правой верхней области, нажимая на круглый значок «–» , измените степень прозрачности изображения.
  7. Добившись приемлемого результата, нажмите «Свернуть» , чтобы открыть основное меню редактора на сайте Фотоулица.
  8. Там кликните по кнопке «Сохранить» , расположенной внизу.
  9. Далее выберите предпочтительный вариант скачивания. По умолчанию установлено «Сохранить на компьютер» , но можно выбрать и другой. Определившись, нажмите «ОК» .
  10. Сервис предоставит вам возможность выбора качества конечного файла. Установите галочку напротив пункта «Большой размер» и около расположенной снизу строки «Не печатать логотип» . Нажмите «ОК» .
  11. Начнется процедура сохранения результата, которая, по непонятным причинам, может затянуться на несколько минут.
  12. Когда сохранение измененного изображения будет выполнено, онлайн-сервис предоставит вам ссылку на его скачивание. Перейдите по ней – картинка будет открыта во вкладке браузера, откуда ее можно сохранить на ПК. Кликните правой кнопкой мышки и выберите пункт «Сохранить файл как…» . Укажите предпочтительную директорию для размещения скачиваемого файла и нажмите «Сохранить» .

  13. Изменение прозрачности изображения с помощью редактора, встроенного в онлайн-сервис Фотоулица, требует немного больше усилий и действий, чем рассмотренный в предыдущем способе IMGOnline. Но ведь и обработку он выполняет по совсем иному принципу. При этом важно учитывать следующее – для изображений в формате JPG фактически будет изменена не прозрачность, а яркость, то есть изображение просто станет более светлым. А вот с файлами PNG, поддерживающими прозрачность по умолчанию, все будет именно так, как и задумано – картинка, становясь менее яркой визуально, в действительности будет становиться более прозрачной пропорционально уменьшению этого показателя.

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

Однажды серфя по Интернету, я наткнулся на статью о графическом редакторе Pixlr Photo Editor. Кстати, это не обычный графический редактор, а онлайн-редактор. Вот ссылка на него - http://pixlr.com/editor/ .

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

Имеем, например, такое изображение:

Я хочу убрать из него черный фон и сделать его прозрачным.

Для этого заходим в программу , выбираем пункт "Open image from computer" (Открыть изображение с компьютера) и загружаем нужную картинку. Сразу же поменяйте язык программы на русский (меню Language-> Русский язык).

Справа в окне "Слои" Вы увидите миниатюру картинки и колодочку. Щелкните мышкой дважды по колодочке (должна появиться "птичка" в квадратике). Таким образом Вы снимаете блокировку с фона.

После этого выбираете инструмент "Волшебная палочка" (слева на панели инструментов), подносите его к фону рисунка и щелкаете мышкой. Фон выделится пунктирной линией. Клавишей Delete уничтожаете фон.

Вот что у меня получилось:

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

Простой способ изменения фона

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

Начало работы

Перед тем как в программе Paint Windows 7 прозрачный фон поменять, следует открыть изображение, которое будете корректировать. Делается это путем нажатия правой клавиши на файле и выбора в выпадающем меню соответствующего пункта (Открыть с помощью - Paint). Следует учитывать, что к числу совместимых форматов относятся BMP, JPFG и GIF, с другими поработать не получится.

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

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

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

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

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

После всех манипуляций получается объект, вокруг которого будет зеленый экран. Если вас интересует, как изменить фон в Paint, то необходимо отдалить изображение до 100 процентов (1 в меню приближения) и кликнуть по ведру с краской на панели (инструмент «Заливка цветом»). Затем в палитре следует выбрать желаемый цвет и щелкнуть в любом месте зеленого фона. После этого фон станет другим.

Перемещение изображения на новый фон

Для того чтобы выполнить перемещение изображения на другой фон, требуется в палитре выбрать белый цвет и при помощи инструмента «Заливка» закрасить весь лаймовый фон. После этого нажимается комбинация клавиш «Ctrl+A» - и на всплывшей активируется вторая (нижняя) кнопка. Убедившись в том, что новый фон открылся в другом окне программы, необходимо скопировать изображение (комбинация клавиш Ctrl+C) и вставить его в это второе окно (комбинация клавиш Ctrl+V). Работа готова! Остается ее только сохранить.

Несколько нюансов

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

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

В процессе работы неизбежно будут возникать ошибки, и потому придется осуществлять редактирование линии. Для того чтобы иметь возможность быстро отменять предыдущие действия, рекомендуется постоянно держать пальцы на сочетании клавиш «Ctrl+Z».

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

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

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

Если возникает необходимость переноса какого-либо объекта на другой фон, то неизбежно приходится сталкиваться с вопросом о том, как в Paint убрать фон. Делается это весьма просто:

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

Пошаговая инструкция в Paint: как сделать прозрачный фон

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

Шаг второй. Перед тем как сделать Paint, в панели инструментов необходимо выбрать «Волшебную палочку» и установить для нее чувствительность на уровне 50 процентов. При сложных фонах чувствительность нужно выставлять на уровне 25-40 процентов.

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

Шаг четвертый. Необходимо удалить выделенный таким образом фон клавишей Delete на клавиатуре или через меню «Правка» - пункт «Очистить выделение».

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

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

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

Заключение

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

Приветствую Вас, дорогие читатели моего блога!

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

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

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

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

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

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»----«очистить». И так пока не уберете все, что надо.

05.06.16 26.7K

Иногда нужно загрузить изображение, содержащее прозрачные элементы, сквозь которые будет проглядывать первоначальный фон. В этих случаях, было бы удобно загрузить 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 ) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе .

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то