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

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

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

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

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

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

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

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

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

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

к оглавлению ↑

 Как убрать белый фон с картинки онлайн в Pixlr

Итак, если Вы раньше не работали в программе Pixlr, то Вам нужно набрать её название в поиске или перейти по этой ссылке — https://pixlr.com/editor/. Эта часть программы является редактором. Регистрироваться в программе не надо, устанавливать её на компьютер тоже не надо.

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

Заходим в программу Pixlr, во всплывающем окошке Pixlr Editor нажимаем «Загрузить изображение с компьютера».

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

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

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

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

Прозрачный фон картинки

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

к оглавлению ↑

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

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

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

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

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

Далее выбираем инструмент «Быстрое выделение» (стрелка 2), выбираем кисть со знаком + (на скрине это стрелка 3). Если мы хотим делать прозрачный фон без искажений, то нужно установить минимальный размер редактируемых пикселей (стрелка 4).

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

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

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

к оглавлению ↑

Заключение

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

Сделав картинку без фона, Вы сможете проводить любые дизайнерские работы, создавать свои рекламные баннеры. Вы сможете создавать профессиональные обложки для книг и коробки для видео-курсов. Великое дело быть свободным от фрилансеров. Кстати, Вы можете делать отличные профессиональные 3-D обложки с использованием экшенов (шаблонов) в программе фотошоп. Лично я сам использую этот способ. Надеюсь, представленный материал принесёт Вам пользу! Пишите отзывы в комментариях. Удачи Вам!

C уважением, Иван Кунпан.

Статьи на блоге, в которых рассказано о работе в программе Pixlr:

Полезно будет прочитать также статью «Как конвертировать psd в png и jpg«.

Просмотров: 3383
Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку "Подписаться"
Ваше имя: *
Ваш e-mail: *
Вы можете почитать:
19 комментариев
  1. Анна:

    Иван, я просто потрясена!!!! У вас 420 просмотров данной статьи!!! Это говорит о её полезности и популярности, то есть люди этой темой интересуются, но почему же никто не хочет сказать вам спасибо или просто поделиться своими мыслями по данной теме, или поделиться своей радостью, что они это попробовали это сделать и у них всё получилось????? Удивительное дело…Я умею работать в этом редакторе, вот только не знала, что в нём можно убрать фон с картинки. Для этой цели я пользовалась другим редактором…Вы дали простой и доступный способ убрать фон с картинки, за что вам огромная благодарность от всех 420 посетителей!!!! С уважением, Анна.

    Ответить
    • Иван Кунпан:

      Спасибо Анна, за благодарность от имени уже 430 посетителей (читателей) этой статьи. Возможно, не нашли время написать свой коммент? Думаю, Вам облегчит этот способ работу с картинками.

      Ответить
      • Александр:

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

        Ответить
        • Иван Кунпан:

          Не всегда читателю это нужно.

          Ответить
  2. Анна:

    Иван, вот пишу вам комментарий, а у вас уже 437 посетителей!!!! И очень часто цифра эта меняется в сторону увеличения…Значит, нужная статья, и это здорово!!! Значит, она пользуется спросом…А это — самое главное для автора статьи, правда? Пусть даже и без комментариев…С уважением, Анна.

    Ответить
    • Иван Кунпан:

      Согласен! Главное, чтобы статья приносила людям пользу.

      Ответить
  3. Анна:

    Ещё раз вернулась в данной теме, чтобы уже на практике попробовать убрать белый фон с картинки. Для начала всё записала на бумаге: что открывать и какова последовательность действий в этой программе. Затем перешла в программу и всё пошагово выполнила…и ура!!! У меня всё получилось с первого раза!!!! Но вот теперь у меня возникла такая мысль: а как залить другой фон на эту же картинку? Ведь для уникальности картинки иногда достаточно бывает и этого…С уважением, Анна.

    Ответить
    • Иван Кунпан:

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

      Ответить
  4. Анна:

    Иван, спасибо за подсказку, обязательно испробую…А я думала, что заливка зальёт всю картинку…С уважением, Анна.

    Ответить
    • Ivan:

      Нет, не зальёт, важно навести мышку на тот участок, который хотите залить. Если навести на саму картинку, то да, зальёте картинку. Если навести на фон, тогда зальёте только фон.

      Ответить
      • Анна:

        Оказывается всё гораздо проще, чем я себе представляла…Уже попробовала и всё получилось…Спасибо вам!!! С уважением, Анна.

        Ответить
        • Иван Кунпан:

          Ну и отлично, Анна!

          Ответить
          • Анна:

            Вашими молитвами, Иван, мы научимся многим интересным и полезным вещам…С уважением, Анна.

            Ответить
            • Иван Кунпан:

              Обязательно научитесь. Другие же могут!

  5. Александр:

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

    Ответить
    • Иван Кунпан:

      Он даже удобнее фотошопа, заходи на сервис и работай.

      Ответить
  6. Анна:

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

    Ответить
  7. Римма:

    Спасибо большое за статью! Очень помогла в работе! с Уважением, Римма

    Ответить
    • Иван:

      Римма, рад, что моя статья Вам помогла!

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

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

ЛУЧШЕЕ РЕШЕНИЕ ДЛЯ НАЧИНАЮЩИХ
«Как начать зарабатывать в интернете без вложений»