Как сделать фон картинки прозрачным
Как сделать прозрачный фон картинки с помощью сервиса Pixlr.com
Дата публикации: 10.03.2013
Большинство блогеров при написании новых статей на своем сайте стараются в пост вставить какую-то картинку, которая бы отражала суть всей статьи. Эти картинки стали уже хорошей традицией и используются практически во всех блогах.
Кто-то рисует картинки самостоятельно. Например, у меня есть хороший знакомый, который все изображения для своего сайта создает в программе 3ds Max. Но большинство вебмастеров берут изображения из Интернета, и очень часто попадаются отличные картинки с неподходящим фоном под фон блога. Но эта проблема чаще всего решаемая, нужно лишь сделать фон картинки прозрачным. О том, как сделать фон картинки прозрачным, я и расскажу в данной статье.
Самый распространенный способ сделать фон картинки прозрачным – использовать графический редактор Photoshop. Но не у многих из нас на компьютере установлена данная программа. Лично у меня Фотошопа на компьютере нет.
Как сделать прозрачный фон у картинки.
Для примера у меня есть картинка, которая мне очень сильно понравилась, но основной фон этой картинки – белый, а фон моего сайта абсолютного другого цвета (например, синий).
Моя задача — сделать фон картинки абсолютно прозрачным и разместить эту картинку на сайт с другим фоном. Для того, чтобы сделать фон прозрачным, я буду использовать онлайн-сервис для работы с изображениями — Pixlr.com. Pixlr.com — является неким подобием Photoshop. Редактировать любые изображение с помощью данного сервиса можно Онлайн, не устанавливая на компьютер при этом никаких программ.
1) Заходим на сайт Pixlr и загружаем изображение:
2) С правой стороны в окне «Слои» щелкаем два раза мышкой по изображению «замочек», который запрещает нам удалить задний слой на картинке.
После двух щелчков мыши «замочек» превратится в «галочку», которая позволяет нам удалить задний фон на изображении.
3) В панели «Инструменты» выбираем «Волшебная палочка» и щелкаем по тому фону, от которого мы хотим избавиться. В моем случае я щелкаю по белому фону, который мне нужно удалить. После щелчка по фону — фон, который будет удален, выделится пунктиром.
4) После того, как фон будет выделен, нажимаем на клавишу Delete, и фон будет удален:
5) Сохраняем картинку с прозрачным фоном на свой компьютер. Сохранять нужно обязательно в формате PNG. В противном случае прозрачный фон будет потерян.
В итоге буквально за минуту я сделал картинку с прозрачным фоном и теперь могу разместить ее на сайт, например, с синим фоном.
Хочется отметить, что данным способом не всегда удастся удалить любой основной фон картинки и сделать его прозрачным, но для большинства случаев данный вариант подходит.
Если что-то непонятно из статьи, советую посмотреть мой онлайн-урок: «Как сделать фон картинки прозрачным»:
revate.ru
Как сделать прозрачный фон у картинки « Блог сайтостроителя
Сегодня я решил отойти немного от темы кодинга и рассказать чуточку об оформлении. Хотя оформление играет не малую роль в создании сайта, я с детства не дружу с рисованием, графикой и дизайном. Поэтому ищу изображения для своих постов, как и многие блогеры, где-то на просторах интернета, используя бесплатные фотобанки и фотостоки.
И вот, бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен
В интернете я не нашел нормальных идей как сделать прозрачный фон для готовой картинки, поэтому начал сам экспериментировать и нашел более менее подходящее решение!
Как сделать прозрачный фон у картинки
Возьмём в пример одну простую картинку в формате .jpg (вообще формат не важен особо):
Здесь есть белый фон, от которого я хочу избавиться и вместо него сделать прозрачный фон. В этом нам поможет Pixlr — онлайновое подобие фотошопа.
Загружаем наше изображение. Справа в окошке «Слои» появится слой «Фоновый», на котором замочек (не дает удалять фон картинки).
Два раза кликнув левой кнопкой мыши по этому замочку, вы сможете снять блокировку с фона. Вместо замочка появится галочка.
Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности
Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.
Остается только сохранить изображение. Файл -> Сохранить. Сохраняем изображение обязательно в формате .png, иначе прозрачный фон пропадет.
В итоге на выходе получаем то же изображение с прозрачным фоном.
Ну вот я и ответил на свой же вопрос «Как сделать прозрачный фон у картинки?«. Как вам способ?
Рейтинг 4 балла Просмотров: 1133
sitestroyblog.ru
Как сделать фон рисунка прозрачным? Без фотошопа
Очень часто при создании поздравительных открыток или видео я сталкивалась с вопросом: как сделать фон рисунка прозрачным? Как это можно сделать
Тот, кто знаком с фотошоп проделает это без труда. Но не все еще изучили эту умную программу. Как же быть им? Неужели нет выхода?
Ведь всегда есть желание сделать наши презентации, поздравления, странички наиболее привлекательными и профессиональными. Я уже рассказывала как в этих целях использовать программку FSCapture. Она поможет сделать Ваши картинки уникальными и даже сможете с ее помощью сделать Ваше первое видео.
А сейчас я Вам открою еще один секрет: Вы уже сегодня научитесь делать фон рисунка прозрачным. Причем сделаете это абсолютно бесплатно и потратите всего лишь 2 минуты Вашего времени.
Приступим к делу.
Найдите понравившуюся Вам картинку. Для начала это должно быть изображение на не многослойном фоне – например на белом. Переходим на страничку сервиса. Вам не нужно проходить нудную процедуру регистрации. Просто нажмите на ссылку онлайн сервиса.
Перед Вами откроется вот такое окно:
Нажмите на «Загрузить изображение с компьютера«. Выберете приготовленную Вами картинку. Поместить ее можно в отдельную папку в изображениях. Или на рабочем столе, что-бы долго не искать. Кликам один раз на этой картинке и нажимаем «открыть«.
Рисунок появляется на страничке сервера:
Справа выходя 3 окошечка и в среднем из них нарисован замочек. Нажмите на нем 2 раза левой мышкой. Таким образом откроется дверь в волшебство.
С левой стороны Вы видите панель «Инструментов«, одним из которых является та «волшебная палочка», которой мы сейчас и воспользуемся. Кликните на ней один раз, а затем нажмите на любом пустом месте фона выбранной Вами картинки. Вокруг изображения появится пунктирная линия.
Завершающий шаг на пути к превращению: нажать кнопку » Del » (удалить) на Вашем компьютере. Фон становится в клеточку. Если не все пространство вокруг буде охвачено клеточкой, прикоснитесь еще раз к этому месту волшебной палочкой и нажмите кнопку «Del «
Теперь нужно сохранить Ваш шедевр на компьютере. Нажимаем на крестик, как указано на слайде:
Выходит окошечко, в котором Вас спрашивают: «Сохранить изображение перед закрытием?» Нажимаем «Да«.
Перед Вами появляется окно, в которое вписываете новое название картинки, выбираете формат PNG — он поддерживает прозрачность. Внизу нажимаете на кнопочку » Да «.
Выбираете созданную Вами папку и нажимаете » Сохранить«.
Поздравляю! Вы стали волшебником! Cделали фон рисунка прозрачным. Ваш первый шедевр готов! Жду комментариев. Похвастайтесь Вашими успехами.
В этом видео Вы можете посмотреть более подробно, как сделать фон рисунка прозрачным:
C любовью и уважением, Светлана Дубан — Аврора .
Мой скайп: aleksandra200628
Похожие статьи :
svetlanaavrora.com
Как сделать фон картинки прозрачным
Дорогие друзья, с вами на связи Ольга Абрамова и сегодняшний пост будет о том, как сделать фон картинки прозрачным и если надо, заменить его на любой другой.
Задний фон (background — бэкграунд) часто бывает некрасивым или просто ни к месту. Например, фото требует однотонного фона, вместо, например, домашней обстановки или людского окружения.
Разберем на примере тройку вариантов — два с помощью онлайн-сервисов, третий — в фотошопе. Сделав фон прозрачным, мы легко сможем заменить его на нужный нам.
1. Первый сервис, которым я пользуюсь весьма активно, это Сlippingmagic. Очень простое устройство и весьма эффективно в работе. Единственное, что мне не нравится, нельзя загрузить картинку через URL, только с компьютера.
Сайт англоязычный, но сложностей в работе не вызывает. Загрузив картинку, она появится с левой стороны. Вам только и остается что нажать на зеленый кружок кисти со знаком +, провести ей по изображению, которое вы хотите оставить. А кистью от красного кружка со знаком — провести или просто поставить точки по удаляемому фону. Можно выбрать размер кисти Brush Size от 5 до 40рх для более идеального удаления лишнего.
Когда все готово, нажмите пиктограмму дискеты для сохранения и нажмите кнопку Download. Картинка сохранится на компьютере в формате .png.
Вот что получается при обработки фотки этим сервисом. Я специально добавила красный фон, чтобы было лучше видно результат:
Вполне себе достойный результат 🙂
2. Следующий сервис называется Pixlr. Пользоваться им тоже легко, но в зависимости от качества фотографии будет и соответствующий результат. В некоторых случаях придется так сказать «допиливать» картинку до нужного эффекта 🙂
Видео об использовании сервиса Pixlr:
А вот что получается при его использовании:
Я даже не стала добавлять фон, и так видно, что не очень. При том, что махать волшебной палочкой пришлось долго. Вот если фон однотонный и картинка высокого разрешения, то, результат будет хороший при минимальных усилиях.
3. Теперь рассмотрим работу в Фотошопе. Для начала посмотрите видео.
Урок очень подробный. Но если ограничиться только удалением фона без применения дополнительных функций по сглаживанию контуров, то вот что получается:
Поэтому фотошоп, хоть и затратный по времени, больше всего подходит для обработки фото, в котором можно сразу выполнить все действия: удалить один фон, добавить другой, сгладить все неровности.
Итак, вывод:
Для тех, кто дружит с Фотошопом или хоть немного в нем разбирается, то это самый лучший способ обработки картинки на предмет получения прозрачного бэкграунда.
Среди онлайн-сервисов я отдала предпочтение Сlippingmagic. Ну а Pixlr сгодится в зависимости от качества изображения.
Онлайн сервисы хороши тем, что экономят прилично время и хорошая замена фотошопу.
Догадываюсь, что сервисов для подобных операций, в интернете более двух, поэтому мне очень интересно, кто еще какими пользуется. Поделитесь, пожалуйста, пополните мою копилку фоторедакторов 🙂
Всем красивых картинок!
abramo8a.ru