RSS Tvitter facebook gplus vk Youtube
Skip to content

 

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

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

Задний фон (background - бэкграунд) часто бывает некрасивым или просто ни к месту. Например, фото требует однотонного фона, вместо, например, домашней обстановки или людского окружения.

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

1. Первый сервис, которым я пользуюсь весьма активно, это Сlippingmagic. Очень простое устройство и весьма эффективно в работе. Единственное, что мне не нравится, нельзя загрузить картинку через URL, только с компьютера.

Сайт англоязычный, но сложностей в работе не вызывает. Загрузив картинку, она появится с левой стороны. Вам только и остается что нажать на зеленый кружок кисти со знаком +, провести ей по изображению, которое вы хотите оставить. А кистью от красного кружка со знаком - провести или просто поставить точки по удаляемому фону. Можно выбрать размер кисти Brush Size от 5 до 40рх для более идеального удаления лишнего.

Когда все готово, нажмите пиктограмму дискеты для сохранения и нажмите кнопку Download. Картинка сохранится на компьютере в формате .png.

удалить задний фон

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

задний фон

Вполне себе достойный результат 🙂

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

Видео об использовании сервиса Pixlr:


А вот что получается при его использовании:

задний фон

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

3. Теперь рассмотрим работу в Фотошопе. Для начала посмотрите видео.

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

задний фон

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

Итак, вывод:

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

Среди онлайн-сервисов я отдала предпочтение Сlippingmagic. Ну а Pixlr сгодится в зависимости от качества изображения.

Онлайн сервисы хороши тем, что экономят прилично время и хорошая замена фотошопу.

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

Всем красивых картинок!

Related Posts Plugin for WordPress, Blogger...
Присоединяйтесь ко мне в социальных сетях:

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

13 комментариев

  1. Оля, почти один к одному с сервисом Pixlr работает программка Paint.Net, только результат получается намного лучше, да и возможностей поболее. Я когда ещё шарахался от фотошопа, в основном в этой программе и работал. Она не тяжёлая, но очень эффективна.

    • Ольга Абрамова:

      Михаил, спасибо. Моей целью было показать как с минимальными усилиями удалить фон. Ведь многие не умеют пользоваться программами, и онлайн сервисы тут приходят на помощь. Хотя лучше всего набраться терпения и изучить работу хоть одной компьютерной программы по редактированию изображений, тот же Фотошоп или Paint.Net.

  2. Интересный сервис Сlippingmagic, я о таком раньше и не слышал. Попробовал, интересный и лёгкий в использовании, думаю, пригодится. Спасибо, Ольга.

  3. Да, интересно получается, и не знал, что такое можно так просто сделать. Спасибо за науку.

  4. По моему лучше всего делать это самому в программе Фотошоп.

    • Ольга Абрамова:

      Александр, это так, если Вы с ним на ты 🙂 А многие даже боятся подступаться к Фотошопу.

  5. Ольга, спасибо за науку. Как раз вовремя!
    Такая функция случается, что нужна. Разобраться в фотошопе пока руки не дошли. В он-лайне это как всегда легче!

    • Ольга Абрамова:

      Мила, пожалуйста. Мне тоже чаще удобнее пользоватья онлайн сервисами, особенно, когда требуются какие-то мелочи.

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

    Здравствуйте Ольга! Подскажите пожалуйста как изменить форму кнопок в меню вордпрес. спасибо

    • Ольга Абрамова:

      Александр, Вам нужно редактировать файл style.css или загрузить новые картинки для меню.

    • Александр, это будет выглядеть примерно так:
      #hmenu ul li a {
      display:block;
      background:#27567a;
      background:url(images/fonkn.png) repeat-x;
      color:#fff;
      padding:4px 20px;
      margin:0 1px;
      text-decoration:none;
      text-transform:uppercase;
      text-shadow: 0 1px 0 #000000;
      font-weight:bold;
      font-size:1.2em;
      border: 2px #E9EAEC solid; /* стили рамки */
      -moz-border-radius: 30px 0px 30px 0px; /* закругление углов для старых Mozilla Firefox */
      -webkit-border-radius: 30px 0px 30px 0px; /* закругление углов для старых Chrome и Safari */
      -khtml-border-radius:30px 0px 30px 0px; /* закругл.углов для браузера Konquerer системы Linux */
      border-radius: 30px 0px 30px 0px; /* закругление углов для всех браузеров, которые понимают */
      -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
      }