Как убрать фон с картинки

как убрать фон с картинки

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

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

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

[message type=”info”]Картинка без фона часто бывает нужна для того, чтобы получить изображение, обрезанное по контуру.  Например, вы самостоятельно делаете баннер, или замахнулись на изготовление шапки сайта. Во всех случаях, при загрузке полученного изображения на сайт, фон будет отсутствовать. Смотрите получившийся результат в конце статьи.[/message]

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице “Загрузить изображение”.

Как убрать фон с картинки

Загружаем картинку с компьютера, у меня будет такая:

Как убрать фон с картинки

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

Слои в онлайн фотошопе

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

Онлайн фотошоп

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент  “волшебная палочка”  и нажимаем вкладку “Редактировать”.

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

Выбираем значение толерантности, как показано на картинке “21” и кликаем волшебной палочкой на фон нашей картинки.

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

Затем еще раз нажимаем “Редактировать” и выбираем “Очистить”.

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

Как убрать фон

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

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

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


P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Школа вебдизайна Юлии Первушиной


Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!

[message type="warning"

]"Успевайте больше за меньшее время вместе с

«Копилкой Эффективных Советов»

[/message]

0 Shares:
омментариев
  1. Давно искала подобное. Огромное спасибо за эту работу. Так просто, удивительно. И самое главное быстро.

    1. Спасибо, Татьяна. Этим приемом часто приходиться пользоваться.

  2. Спасибо, Елена, за подсказку.
    Для меня Фотошоп загадка. Никак с ним не могу подружиться.
    А сайт, на котором убирала фон с картинки, стал платным.
    Поэтому найденный у Вас на сайте способ меня невероятно обрадовал.
    Кстати, для первого раза получилось неплохо.
    Я – специалист еще тот.

    1. Галина, очень Вам рада! Это хорошая подсказка, пользуйтесь на здоровье. Я тоже с фотошопом еще не подружилась.

  3. Лена, доброе утро!
    У меня случилась беда: сегодня я быстренько убрала фон с картинки, а сохранить никак не могу.
    Крах какого-то плагина. Может чем сможете помочь?

    1. Галина, возможно, Вы уже нашли выход из положения… Я в таких случаях делаю все заново. Если не получается, перезагружаю компьютер.

  4. Автор НЕ УЧЕЛ! Что справа никакой таблички ни с какими замочками НЕ ПОЯВЛЯЕТСЯ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Нужно четче писать КАК ЭТУ ТАБЛИЧКУ МОЖНО ВЫЗВАТЬ ИЛИ КУДА НАЖАТЬ ЧТОБЫ ОНА ПОЯВИЛАСЬ!!!!!!!!!!!!!!!!!!!!!!!

    1. Федор, табличка появляется. Попробуйте еще раз. Как только нажимаете на “Загрузить изображение” сразу появляются и справа и слева панельки управления.

  5. Спасибо, очень помогли я и не знала о таком сайте! Будем пользоваться, еще раз спасибо!

    1. Надеюсь, Осия, Вы найдете на сайте много для себя полезного. Удачи Вам и больших успехов!

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

    1. ДЭН, очень здорово! У меня не всегда получается на всех картинках удалить качественно фон. Но в большинстве случаев – результат нравится. Очень хорошо, что Вы нашли то, что искали. Буду рада видеть Вас снова))

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

    1. Николай, здравствуйте.

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

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

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Вам также может понравиться
Как сделать хэштег
Подробнее

Как сделать хэштег

Правила и этикет использования хэштеговЕще немного о хэштегах…Как обычно, в помощь – полезное видео: Пишу статью в надежде…
Генератор подписей онлайн
Подробнее

Генератор подписей онлайн

Генератор подписей онлайн А помните время, когда подростковой рукой мы исписывали целые тетради, тщательно выбирая себе будущую подпись?…
короткие видеоролики для соцсетей
Подробнее

Делайте короткие видеоролики для соцсетей самостоятельно

Короткие видеоролики создавать легко и интересно!Чем хороши короткие видео?Как сделать короткий видеоролик?Пошаговая инструкция создания короткого видеоролика на основе…