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


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

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

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

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

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

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

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

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

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

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

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

Ну вот и все. Надеюсь, я ответил на вопрос: Как сделать прозрачный фон у картинки?

seolife.in.ua

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

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

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

Как сделать прозрачным фон у картинки? Легко! Достаточно скачать Фоторедактор от Movavi и следовать этой инструкции.

Скачать бесплатно Скачать бесплатно

Скачайте и установите Movavi Фоторедактор

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

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

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

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

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

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

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

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

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

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

Movavi Фоторедактор

Самый простой способ превратить любое фото в конфетку

  • Улучшайте качество и ретушируйте несовершенства

  • Добавляйте эффекты и фильтры

  • Обрезайте, выравнивайте и отражайте кадр

  • Заменяйте фон и удаляйте ненужные объекты

Другие полезные инструкции

Остались вопросы?

Мы также рекомендуем

www.movavi.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тут был блок "Поделись в соц. сетях"

Интересные статьи по теме:

www.inetkomp.ru

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

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

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

Для чего это нужно?

Вот вам пример. Иконка на сайте с фоном и с прозрачным фоном

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

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

1. Установите и откройте Photoshop.

2. Выберите и откройте картинку.

Откройте картинку, на котором хотите сделать прозрачный фон.

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

Так как я буду делать иконку, то мне нужен размер 512×512 px.  Для этого, нажмите Файл и создайте новый документ.

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

Прозрачный фон создан.

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

4. Выделение и инверсия картинки.

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

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

Фон и картинка, должны выделиться пунктирной линией.

После этого нажмите на вкладку «Выделение» — инверсия.

Теперь пунктирной линией подсвечена только картинка.

Выберите инструмент «Перемещение».

Нажмите на картинку и переместите ее на созданный нами прозрачный фон.

5. Как сохранить прозрачный фон в фотошопе.

Нажмите Файл, Сохранить для Web. Выберите формат PNG, после чего сохраните фото.

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

Если возникнут вопросы, пишите в комментариях.

 

blognovichok.ru

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

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

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

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

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

Рис. 1

Рис. 2

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

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

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

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

Рис. 3

 

 

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

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

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

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

nuzhnaya-infa.ru

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

  

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

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

Если у вас есть бесплатный редактор GIMP (бесплатный аналог фотошопа), то я написал отдельный пост о том, как удалить фон в GIMP

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

Идем в онлайн редактор  https://pixlr.com/Нажимаем загрузить и далее смотрите как на картинках.

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

Далее берем «волшебную палочку» (см. слева вверху стрелочка) и щелкаем по белому полю.

Оно выделится мигающим пунктиром.

Нажимаете кнопку – delete и удаляете белый фон.

Теперь закрываете рисунок ( крестик) и программа предложит вам сохранить ваше творчество.

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

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

                                                                                                                         

https://sites.google.com/site/youmorestop/home/Pj5.png                              

 Как загрузить картинку в интернет и получить ссылку.

abcinblog.blogspot.com

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

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

Тут нам поможет фотошоп онлайн, очень напоминающий настоящий Photoshop, но ограниченный по функционалу.

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

Выбираем PIXLR EDITOR нажимая на «LAUNCH WEB APP». Переходим в меню, где мы можем создать новый рисунок, загрузить изображение, загрузить по URL или из библиотеки.

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

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

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

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

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

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

Отменить действия можно в «Редактировать»-«отменить»Мы научились быстро и просто делать прозрачный фон у картинки в бесплатном редакторе. Удачного вам творчества.

Если Вам понравилась статья-поделитесь с друзьями ! Спасибо за поддержку :)

заглядывайте к нам на страничку

artstudiovl.ru