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

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

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

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

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

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

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

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

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

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

  1. Открываем графический редактор Photoshop и посредством зажатия левой кнопки мыши переносим изображение полянки. Пример того, что получится есть выше. Открыть «полянку» можно еще так: Файл — Открыть.
  2. Теперь проделываем тоже самое с солнышком.
  3. Справа нажмите по предпоследнему вертикальному разделу «Слои». Среди «Свойства», «Операции», «Слои», «История» выбирете СЛОИ. Затем двойным щелчком кликните по фону или замку.
  4. Откроется окно, в котором необходимо прописать имя слоя и нажать кнопку «Ок».
  5. Убедитесь, что замка больше нет и выберите инструмент «Волшебная палочка». Найти его можно в левом вертикальном меню в инструменте «Быстрое выделение». Нажмите на быстрое выделение правой кнопкой мыши и выберите волшебную палочку.
  6. Кликните левой кнопкой мыши по белому фону. Когда фон выделится пунктирной границей нажмите удалить «Delete»:

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

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

  1. Переходим сразу к делу. Фотографии загружаем также как и в первом способе создания прозрачного фона. Будем удалять фон, используя инструмент «Магнитное лассо». Располагается лассо в левом вертикальном меню.
  2. Лассо используется за место волшебной палочки в том случае, если картинка, которую необходимо обвести. слишком сложная, то есть изображение имеет большое количество маленьких деталей, которые нельзя упускать. Работать с магнитным лассо достаточно просто: нажмите левой кнопкой мыши по границе обвода и продолжайте вести мышь вдоль необходимой линии. Линия сама будет притягиваться к контуру:
  3. Теперь выбираем в горизонтальном меню «Выделение» => «Инверсия». Солнышко примет следующий уже знакомый вид. Далее жмите Delete. И снова мы получаем следующее:

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

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

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

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

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

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

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

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

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

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

  1. Нажмите «Файл» => «Сохранить как»:
  2. Откроется окно сохранения. В строке «Имя файла:» пропишите название (придумайте), выберите тип файла «PNG». Затем кликаем по кнопке «Сохранить»:
ЧИТАЙТЕ ТАКЖЕ:  как в фотошопе сделать альбомную ориентацию

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

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

Источник: http://medicina-treat.ru/kak-sdelat-prozrachnyjj-fon-v-fotoshope/

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

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

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

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

Пингвин — символ Linux.

Тропический пляж — место, где отдыхают пользователи Linux 🙂

Быстрый способ

Запускаем Gimp и открываем оба файла с картинками.

Начинаем переносить пингвина под пальму. Воспользуемся широко распространенным способом «Скопировать» -> «Вставить». Для этого:

  • активируем окно с пингвином и через Правка/Копировать видимое (Shift+Ctrl+C) копируем пингвина в буфер обмена;
  • затем переходим в окно с пальмой через Правка/Вставить (Ctrl+V) вставляем изображение с пингвином.

Готово. Пингвин под пальмой, но что-то не так. Если мы просто скопируем одно изображение поверх другого, то увидим, что белый фон вокруг пингвина закрывает часть изображения с тропическим берегом. Это нам не подходит. Значит нам необходимо избавиться от белого фона. Или, иными словами, сделать фон прозрачным. Тогда через этот прозрачный фон будут видны объекты с картинки тропического берега.

Правильный способ

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

Шаг 1. Альфа-канал

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

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

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

Шаг 2. Зоны прозрачности

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

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

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

Шаг 3. Прозрачный фон

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

То что раньше было белым, стало в серый «квадратик», таким способом Gimp показывает прозрачные области.

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

Шаг 4. Запись в файл

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать петушки дома

Для записи изображения с прозрачными областями в формате PNG выбираем меню Файл/Export As (заметьте, именно Export As, а не экспорт, в некоторых версиях Gimp эта строка не переведена на русский язык) и в появившемся диалоге вводим имя файла, например linux.png. Далее жмем кнопку «Экпортировать«, в диалоге настройке параметров PNG ничего не трогаем и жмем «Экспорт«.

А так выглядят настройки при экспорте в GIF. Тоже ничего нетрогаем и жмем «Экспорт«.

Тут вот еще какой интересный момент. Когда вы открываете в Gimp изображение из PNG или GIF, тот нет необходимости проверять есть ли там альфа-канал или нет, как это описано на Шаге 1. Альфа канал в PNG или GIF всегда существует и можно сразу же начинать работать с прозрачным фоном без ручного добавления альфа-канала.

Шаг 5. Сводим все вместе

Теперь проверим результат нашей работы. Мы возьмем изображение с прозрачным фоном и наложим его поверх обычного изображения. Давайте разместим пигвина в тени от пальмы:
На картинке с пингвином: Правка/Копировать видимое (Shift+Ctrl+C) копируем пингвина в буфер обмена.
На картинке с пальмами: Правка/Вставить (Ctrl+V) вставляем изображение с пингвином на фото с пальмами.

Как видно, прозрачность работает. Там, где раньше был белый прямоугольник, теперь видны море, пальма и песок. Коллаж готов. Изображение с пингвином органично вписалось в тропический пейзаж. Теперь объединим все видимый слои (а у нас их всего два) командой меню Слой/Прикрепить слой (Ctrl+H). И запишем готовый коллаж в файл Файл/Export As.
Интересно, что после сведения слоев, прозрачный фон исчез. В финальном изображении, где пингвин под пальмой уже нет прозрачного слоя. Если вы хотите, чтобы прозрачный фон на слое с пингвином остался для дальнейшей работы над коллажом, то запишите готовое изображение в файл формата XCF (родной формат для GIMP), только не сводите все слои воедино, пусть остаются раздельными.

Заключение

В этой статье мы рассмотрели, как сделать прозрачный фон в gimp 2.8. Как наложить изображение с прозрачным фоном поверх существующего. Быстро пробежались по альфа-каналу. Узнали какие графические форматы поддерживают прозрачность. На простом примере была продемонстрирована работа с прозрачным фоном.

Источник: http://losst.ru/kak-sdelat-prozrachnyj-fon-v-gimp

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

Всё, что нам понадобится это онлайн фотошоп. Есть такой сервис, вот его доменное имя: http://apps.pixlr.com/editor, вставляйте ссылку в браузере и перед Вами сразу откроется редактор. Про этот он лайн редактор я уже рассказывал в статье как сделать картинку без фотошопа. Там, кстати есть и видеоролик, в котором показан процесс редактирования картинок.

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

На этом шаге (рис.1) нужно задать размеры будущего рисунка, нажав на пункт «Создать новый рисунок» и выбрав размер (рис 2.).

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

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

После выбора картинки, жмём на «Редактировать»>>»Выделить всё»>>»Редактировать»>>»Копировать»>> жмём на пустое место будущего фона картинки, снова «Редактировать»>>»Вставить».

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

ЧИТАЙТЕ ТАКЖЕ:  солевой раствор для суставов как сделать

Теперь в левой части редактора нужно выбрать волшебную палочку (рис. 4). Для этого наводим на неё курсор мышки и кликаем 1 раз левой клавишей мышки. В графе «Толерантность», выбираем значение 21, хотя оно стоит по умолчанию.

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

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

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

Источник: http://nuzhnaya-infa.ru/kak-sdelat-prozrachnyj-fon-u-kartinki-kak-ubrat-fon-u-kartinki/

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

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

Есть много сервисов, где можно использовать онлайн фотошоп, в каком из них работать – выбор за Вами. Мы же будем использовать сервис — editor.0lik.ru.

1. Выбираем нужную нам картинку, на которой мы желаем убрать фон. Она может быть любого формата.

2. Переходим на сайт онлайн фотошопа и видим следующую картину. Выбираем пункт «Загрузить изображение с компьютера» и выбираем подготовленную картинку.

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

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

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

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

7. Следующим шагом – подгоняем изображение по нужному нам размеру. Выбираем на верхней панели «Изображение», а затем «Размер изображения». Вводим нужную нам ширину и высоту и нажимаем «Да».

8. Наше изображение готово, но есть ещё один важный момент! Его нужно сохранить, обязательно в формате «.png». Нажимаем «Файл», затем «Сохранить изображение». В появившемся окне – выбираем формат .png и нажимаем «Да».

Вот мы и получили изображение без фона!

Источник: http://kak-sdelat-vse.com/kompyutery/536-kak-sdelat-fon-kartinki-prozrachnym.html

Не забудь поставить Like!

Прозрачный фон.
Начнём с самого простого: переносим картинку на прозрачный фон в нашем онлайновском фотошопе.

1. Открываем онлайновский фотошоп и нажимаем «Загрузить изображение с компьютера» и выбираем нашу картинку. Я взяла первую попавшуюся —

2. Затем выбираем Файл — Новый.

В настройках Ширина и Высота указываем размер нашей картинки ёлки. Ставим галочку напротив «Прозрачный фон» и тыкаем на Ок.

3. Затем идём к нашей ёлке. Нажимаем: Правка — Выбрать всё. Контур картинки с ёлкой должен выделиться пунктиром. Опять нажимаем Правка — Скопировать (там мы копируем всю картинку)) Затем мы можем закрыть окошко с картинкой нашей ёлки — теперь мы будем работать с прозрачным фоном.
4. Идём к прозрачному фону. Нажимаем Правка — Вставить. Так наша ёлочка появляется на картинке с прозрачным фоном. Берём инструмент волшебная палочка. Ставим допуск 59. Тыкаем ей на фон у ёлки. Фон должен выделиться пунктирной линией.

5. Нажимаем Правка — Вырезать. Весь фон ёлки должен стать квадратиками. это и есть прозрачный фон)) Если кое-где остались куски фона то мы берём Ластик и всё это аккуратно подтираем)

Итак, у вас должно получиться следующее:

Сохраняем. Обязательно в формате PNG.

Всё. Теперь если вы выставите эту ёлку, у неё не будет фона=))
И если вам кажется что это трудно… Ты вы ошибаетесь)

Источник: http://kartinka.org/urok-2-kak-sdelat-prozrachnyiy-fon.html

Ссылка на основную публикацию