Картинки на прозрачном фоне для фотошопа: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

13 тысяч прозрачных картинок в PNG формате бесплатно

Если вы ищете в сети PNG клипарты на прозрачном фоне для создания тематического коллажа, презентации или хотите сделать креативную графику под социальные сети с использованием популярных мемов, то вам пригодится сервис StickPNG.com. Проект максимально простой и очень полезный. Основная и единственная его функция заключается в том, что он позволяет найти и скачать прозрачные картинки в PNG формате совершенно бесплатно.

Сайт запустился в конце ноября 2016 года и с тех пор стремительно развивается, набрав с нуля за несколько месяцев аудиторию в 3000+ пользователей в день. Особенно сильно проект приглянулся студенческой аудитории (судя по всему, для создания презентаций). По словам разработчиков, отзывы посетителей в твиттере и других источниках достаточно положительные. Оно и не удивительно — на момент написания обзора на сайте было более 1800 разных категорий, в которых содержится около 13 тысяч картинок в формате PNG на прозрачном фоне! 

Это реально одна из самых крупных подобных коллекций, собранных в одном сервисе.

На главной странице сайта найдете последние галереи, подборку самых популярных материалов на прошлой неделе, а также список основных категорий: животные, фильмы, знаменитости, комиксы, электроника, игры, еда, мебель, праздники, мемы, природа, объекты, спорт, транспорт и т.п. Есть даже отдельная подборка для ютуберов. А еще мы недавно сделали подборку PNG флагов мира в картинках, которая дублирует некоторые файлы из текущего сервиса.

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

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

Если вы знаете, что конкретно ищете на сайте, используйте блок поиска по PNG картинкам на прозрачном фоне, который находится в шапке. Вводить ключевой запрос нужно на английском языке — cat, office, car, snow и т.п.

Там же сверху на странице есть ссылка «Upload», которая позволяет загружать свои материалы на сайт. Требования: минимальный размер изображения 400×400; разумеется, это должен быть клипарт в формате PNG на прозрачном фоне; хорошего качества и без взрослого контента.

В данный момент разработчики StickPNG.com занимаются его локализаций на испанский, немецкий, французский и русский. Это позволит не просто лучше ориентироваться на сайте, но и искать информацию на любом из этих языков. Также планируется добавить функцию создания графики внутри сервиса, чтобы пользователи смогли брать прозрачные картинки PNG формата  и компоновать их в коллажи, презентации онлайн без необходимости скачивать. Учитывая достаточно большой архив в 13 тысяч объектов это может стать весьма интересной функцией.

В целом, проект отличный, советуем попробовать.

P.S. Постовой. Нужно нарисовать дизайн? Ребята с http://dev.ua/design.html справятся с любой задачей.

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

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон !

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

В этом нам поможет Pixlr — онлайновое подобие фотошопа.

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

В итоге на выходе получаем то же изображение с прозрачным фоном.

Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат. png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

2 голоса

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

Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.

Оказывается, что у многих возникают трудности с этим, но публикаций в интернете на эту тему в интернете вообще нет. Только несколько тем на форумах. Но, я беру на себя миссию исправить эту несправедливость…

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

Более терпеливых я благодарю за понимание. Приступим.

Чего нужно добиться, чтобы фотка была действительно прозрачной

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

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

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

Если бы я не нашел в поиске фотографию с шашкой, то иллюстрация выглядела совсем иначе. Фон был бы белым и прямоугольным.

Почему так? Эта шашечка – общепринятый признак, если вы его видите, то значит в этой части иллюстрации цвета нет совсем, и при наложении вы увидите нижнюю часть рисунка.

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

Как правильно хранить прозрачные картинки

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

Видите, помимо шашки, в Google почти всегда вместе с нужными картинками можно увидеть это сочетание букв.

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

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

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

В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.

Итак, открываем картинку.

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

Можете увеличить диаметр ластика, чтобы стирать было удобнее.

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

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

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

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

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

Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».

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

Кстати, не так давно читал секреты долголетия кавказских горцев. Один из принципов состоит в том, что к ним постоянно ходит молодое поколение, чтобы советоваться по каким-то важным вопросом. Старики чувствуют себя нужными, а потому не испытывают никаких отрицательных эмоций относительно старости. На Кавказе не бояться становиться старыми.

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля » и овладейте им в совершенстве. Очень быстро у вас появится прибыльное хобби. Не так уж увлечены дизайном? Обратите внимание на то, и создавайте свои проекты.

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

Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?

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

Я искренне желаю вам успехов в ваших начинаниях и надеюсь, что эта наша встреча будет не последней.

Как сделать прозрачный фон у картинки Урок очень простой и не сложный! Попробуйте и у вас все получится! Возьмём в пример одну простую картинку в формате. jpg (вообще формат не важен особо): Здесь есть белый фон, от которого я хочу избавиться и вместо него сделать прозрачный фон. В этом нам поможет Pixlr — онлайновое подобие фотошопа. Загружаем наше изображение. Справа в окошке «Слои» появится слой «Фоновый», на котором замочек (не дает удалять фон картинки). Два раза кликнув левой кнопкой мыши по этому замочку, вы сможете снять блокировку с фона. Вместо замочка появится галочка. Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон). Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном. В итоге на выходе получаем то же изображение с прозрачным фоном. Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

http://blogs.mail.ru/mail/nilllok/43BD7728F4AD505D.html

Многие сайты, которыми мы привыкли пользоваться со временем становятся платными, и нам приходится искать что то другое, аналогичное. Так получилось с сайтом Clipping Magic , подробный урок по которому . Есть подобный сайт, работать с которым одно удовольствие. Единственный минус этого сайта, это ОБЯЗАТЕЛЬНАЯ РЕГИСТРАЦИЯ . Иначе полученный результат не сохранить.

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

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

Зайдя на сайт айт Background Burner выбираем фото, или картинку, с которой хотим удалить задний фон. Для этого жмем на кнопку ВЫБРАТЬ ФОТО .

Фото загрузилось, и сразу автоматически программа начала его обрабатывать.

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

Мы видим что фото получилось НЕ ИДЕАЛЬНЫМ . Поэтому подредактируем его вручную. Жмем внизу самую последнюю кнопочку ПОДКРАСИТЬ . (сайт переведен чтоб кнопочки были понятнее).

Берем КРАСНУЮ КИСТОЧКУ (размер кисти можно менять стрелочками справа), она удаляет ненужный фон , который не смогла удалить программа, и проводим по тем местам, которые хотим до убрать. На картинке оригинале вы сразу увидите все изменения.
Взяв зеленую кисточку, (размер ее так же можно менять) можно наоборот ВОССТАНОВИТЬ излишне убранные детали
то есть КРАСНЫМ — то что надо убрать (т.е.лишний фон).
ЗЕЛЕНЫМ — то, что должно остаться (т.е.выбранный объект.)

Когда результат нас устроит, то жмем кнопочкуФИНИШ .

Сохранить результат можно на белом фоне и на прозрачном, но только после того, как вы ЗАРЕГИСТРИРУЕТЕСЬ на сайте.
Не надо этого пугаться, все абсолютно бесплатно, зато доступны сразу будут многие функции.

ВНИМАНИЕ — при сохранении картинки, обязательно сморите в каком формате вы ее сохраняете. Что б картинка была без фона ВЫБИРАЕМ ФОРМАТ PNG .

Из вырезанного фото можно сделать любой коллаж, подставив свой фон и рамку. Для этого под готовым фото жмем СРЕДНЮЮ кнопочку ЗАМЕНИТЬ ФОН

Можно взять фон из уже готовых (предложенных системой фонов), а можно выбрать свой, нужный вам фон.

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

Когда результат устроит, СОХРАняем фото самой первой кнопочкой.

Получаем свой коллаж.

Получив очищенное от фона фото я вставила его в рамку, в фотошопе онлайн ЭДИТОР , подложив свой фон. Кто не знает как это сделать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В старые времена, прозрачность картинки или ее фона были больше причудой, нежели привычным явлением. Те, кто помнит времена Internet Explorer 6, знаю об этом не по наслышке. Сегодня же, достаточно открыть любой сайт, чтобы заметить обратное. Различные иконки на градиентных заливках. Изображения, полученные склеиванием слоев. Красочные фоны областей. И многое другое. Когда у вас есть все необходимые размеры и виды картинок, которые только могут пригодится, то вам лишь остается взять подходящее изображение и использовать его. Но, чаще всего это не так. Изображения могут быть слишком насыщенными и поэтому, перед их использованием картинки необходимо сделать прозрачными. Конечно, для одной картинки вы можете просто использовать инструмент «яркость и контрастность», но когда картинка является одним из слоев, которые предстоит наложить на другое изображение, то этот инструмент уже не поможет. У вас могут быть файлы только в формате jpg без прозрачного фона, поэтому придется вырезать необходимую часть картинки. Однако, такая операция часто сопровождается появление различного рода мелких дефектов, которые видны невооруженным глазом (особенно, если вы накладывается картинку на фон с сильно отличающимся цветом).

В интернете можно встретить массу статей о том, как можно справиться с этими проблемами при помощи сложных графических средств. Однако, решить большую часть этих задач и устранить дефекты легко можно при помощи любого среднего графического редактора или онлайн-сервиса . И вот несколько простых трюков и хитростей, которые может освоить каждый и которые выполняются очень быстро (от 10 секунд до 1 минуты).

Примечание : Помните, что изображения с альфа-каналом (прозрачностью) необходимо сохранять в соответствующие форматы, такие как png и gif.

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

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

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

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

Сделать прозрачный фон у картинки одновременно просто и сложно. Все зависит от того, какие эффекты используются в самой картинке, и от того, насколько четко разделена граница фона и нужной части. Так, например, если основная часть картинки имеет четкие границы и не содержит эффектов на границах с фоном, как, например, мягкой тени, то сделать у такой картинки прозрачный фон очень просто. Для этого вы открываете картинку в редакторе. Выбираете инструмент под названием «волшебная палочка». Настраиваете чувствительность, например, на 22% и щелкаете на фоне. После чего выбранную область попросту удаляете. И вот как это выглядит:

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

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

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

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

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

Когда у вас есть только одна картинка, которая в придачу включает в себя различные эффекты и имеет нечеткие границы, то предыдущий трюк для создания прозрачного фона уже не подойдет. И необходимо устранять дефекты другим способом. Обычно, в такой ситуации, вы можете начать пытаться убирать мелкие дефекты вручную. Стирать ластиком мелкие пиксели. Вручную выделять края картинки и пытаться применить к ним инструменты, по типу «размытие». И так далее. Но, есть способ гораздо проще и быстрее. Суть метода отчасти является продолжением предыдущего, но все же он отличается порядком. Вы берете картинку и увеличиваете ее, как минимум, в 2 раза. Используя волшебную палочку, удаляете фон. А затем уменьшаете изображение до обратного размера. Таким образом, большинство мелких дефектов уйдут за счет предыдущей хитрости, а качество изображения останется примерно тем же самым. Вот пример.

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

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

И вот, бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон!

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

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

Возьмём в пример одну простую картинку в формате . jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

Остается только сохранить изображение. Файл -> Сохранить. Сохраняем изображение обязательно в формате .png, иначе прозрачный фон пропадет.

В итоге на выходе получаем то же изображение с прозрачным фоном.

Ну вот я и ответил на свой же вопрос «Как сделать прозрачный фон у картинки?«. Как вам способ?

Рейтинг 4 балла Просмотров: 1081

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

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

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

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

Очень часто при создании поздравительных открыток или видео я сталкивалась с вопросом: Как это можно сделать без знания фотошопа ?

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

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

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

Приступим к делу.

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

Перед Вами откроется вот такое окно:

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

Рисунок появляется на страничке сервера:

Справа выходя 3 окошечка и в среднем из них нарисован замочек. Нажмите на нем 2 раза левой мышкой. Таким образом откроется дверь в волшебство.

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

Завершающий шаг на пути к превращению: нажать кнопку » Del » (удалить) на Вашем компьютере. Фон становится в клеточку. Если не все пространство вокруг буде охвачено клеточкой, прикоснитесь еще раз к этому месту волшебной палочкой и нажмите кнопку «Del «

Выходит окошечко, в котором Вас спрашивают: «Сохранить изображение перед закрытием?» Нажимаем «Да «.

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

Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых изображения.

Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него .

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

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

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

Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.

3 способа как сделать слой с картинкой прозрачным

Для начала необходимый слой нужно . Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift .

Примечание

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

Еще одно примечание

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

Способ 1 Ввод цифр

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

Способ 2 Ползунковый регулятор

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

• Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
• Цифра 0 означает 100%;
• Наберите 55 и получите 55%, 67 — это 67% и так далее

Чтобы использовать этот же прием для изменения Заливки , удерживайте вместе с цифрами нажатой клавишу Shift .

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

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

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой .

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

Способ 2 Использование ластика

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

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

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

Как сохранить изображение с прозрачностью

Существует множество , но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

Поэтому изображение нужно сохранять в формате PNG . Только он лишен всех недостатков и способен показывать полупрозрачные пиксели.

Чтобы в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как . Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла — PNG(*.PNG) .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Слева — изображение с непрозрачным фоном, справа — с прозрачным.

Как найти изображения PNG в Яндекс или Гугл картинках?

Обычно файлы изображений с прозрачным фоном имеют расширение png (от наименования формата файла Portable Network Graphics), так что нам достаточно будет набрать в строке поиска: «гном png», чтобы найти подходящую картинку.

Обратите внимание на «клетчатый» фон изображения в примере поиска Google. Именно таким образом во всех редакторах изображений показывается «прозрачный» фон рисунка.

В примере поиска «Яндекса» отображение прозрачного фона будет другим (картинка на темном фоне):

В любом случае, на картинке можно нажать правую кнопку мыши, скопировать ее в буфер обмена и тут же вставить в презентацию, проверить.

К сожалению, не всегда можно найти подходящее изображение в формате png с прозрачным фоном. Но если есть изображение на белом (или любом однотонном) фоне, то этот фон можно сделать прозрачным. Для этого мы воспользуемся мощным и бесплатным графическим редактором Pixbuilder Studio .

После скачивания установите и запустите программу.

Шаг 1. Как открыть изображение в редакторе Pixbuilder Studio

Первый способ

Подходит тем, кто пользуется браузерами Google Chrome, Яндекс.Браузер или Firefox.

Найдите картинку в интернете, выведите ее в максимальном качестве на экран браузера, нажмите на ней правую кнопку мыши и выберите Копировать картинку .

После этого в редакторе выберите меню Файл — Новый .

В появившемся окне, не меняя никаких параметров, нажмите ОК .

Второй способ

Скачайте картинку к себе на компьютер.

Перетащите файл с картинкой на поле редактора или откройте картинку через Файл — Открыть .

Перетаскивание

Команда: Файл — Открыть

В любом случае результат должен быть таким:

Шаг 2.

Делаем прозрачный фон:
функция «Волшебная палочка»

В редакторе слева от картинки находится панель инструментов.

Нам потребуется «Волшебная палочка». Выберите ее, затем проконтролируйте, чтобы допуск был в пределах 20-40 единиц.

Нажмите на картинку для увеличения

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

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

Шаг 3. Сохраняем картинку с прозрачным фоном

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

В появившемся окне надо проверить, чтобы все настройки были, как на представленном скриншоте, и нажать Сохранить .

Картинка с прозрачным фоном готова!

• Волшебной палочкой можно выделять не только внешние контуры, но и внутренние (например, для буквы «О» или «Ю»). То есть сначала надо выделить и удалить фон снаружи, а потом — внутри.
• Если палочка не помогает (неправильно выделяет фон), то можно воспользоваться Стирательной резинкой , и стереть фон вручную.
• Если палочка выделяет слишком много или слишком мало фона (это случается, когда цвета изображения и фона похожи), то можно изменить настройку Допуск в ту или другую сторону, и выделить фон заново. (См.комментарии).
• Если вам не понравится результат ваших действий, то его всегда можно отменить (вплоть до момента открытия картинки в редакторе) через меню Правка — Отмена или через выбор действия в окне История (окно находится в редакторе справа, второе снизу).

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

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе .

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл » (File ) вверху страницы выберите «Создать » (New ).

Затем в появившемся окне «Новый документ » (New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб ). А также, что вы выбрали значение «Прозрачный » (Transparent ) в выпадающем списке «Содержимое фона » (Background Contents ).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе , нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

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

Затем в панели «Слои » (Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop , в меню «Файл » (File ) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе , который вышел раньше CC 2015 . В этих версиях используют метод «Сохранить для Web » (Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл » (File ), и далее – «Сохранить для Web » (Save for Web & Devices ):

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB , рекомендованное цветовое пространство для веб.

Поля «Размер изображения » (Image Size ) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе , нужно знать, что с версии CC 2015 опция «Сохранить для Web » (Save for Web & Devices ) в меню «Файл » (File ) помечена как Legacy (устаревшая ). И замещена на новую опцию «Экспорт » (Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт », нажмите меню «Файл » (File ), а затем — «Экспортировать как » (Export As ).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web » (Save for Web & Devices ) в Photoshop CC 2015 , и она доступна через меню Файл > Экспорт (File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac ) или Ctrl+Alt+Shift+S (для ПК ):

Затем в появившемся окне выберите PNG из выпадающего меню «Формат » (Format ) и убедитесь, что выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ).

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

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

Перечень сервисов способных сделать прозрачный фон картинки

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

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

Сервис Online-Photoshop позволяет удалить задний фон

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

1. Для реализации намеченного перейдите на ресурс , кликните на кнопку «Select image» и загрузите нужное фото.
2. Последнее появится в левой части экрана, а курсор приобретёт форму жёлтого кружочка.
3. Пометьте этим кружочком с помощью жёлтой линии внешние контуры объекта, фон за которым вы хотите сделать прозрачным.
4. Затем кликните на зелёный кружочек с плюсиком в панели инструментов и пометьте зелёным цветом внутренние черты объекта.
5. Потом кликните на красный кружочек с минусом и пометить красными линиями внешнее пространство за границами объекта.

Теперь нажимаем стрелочку справа и смотрим результат. Если всё хорошо, нажимаем на кнопку «Download» сверху и сохраняем результат к себе на ПК.

Сервис Pixlr задаём один цвет фону

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

Сервис IMGonline позволяет сделать прозрачный фон

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

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

После обработки вы получите возможность просмотреть полученный результат или скачать его к себе на компьютер с помощью соответствующих ссылок.

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Сервис Watermark.Algid.Net

Ещё один сервис, позволяющий сделать прозрачный фон на фото онлайн бесплатно.

Для работы с данным сервисом фотографию нужно подготовить, для чего нужно закрасить потенциально прозрачную область цветом, отсутствующим на самом изображении (например, синим, как приведено в примере ниже). Также важно, чтобы фото было в формате png или gif.

1. Затем необходимо перейти на сам сайт , нажать на кнопку «Обзор», указать сервису путь к вашему файлу и кликнуть на «Следующий шаг».
2. Откроется ваше изображение, вам будет необходимо кликнуть мышкой на цвете фото, который вы хотите сделать прозрачным (задний фон для удаления должен иметь один цвет после обработки).
3. Кликните на цвете заднего фона, программа обработает его и он станет прозрачным.
4. Если обработка вас устроила, нажмите правой клавишей мыши на фотографии и выберите «Сохранить изображение как».

Сервис LunaPic убираем задний фон изображения

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

1. Для работы с сервисом выполните вход на него , нажмите на «Обзор» и загрузите требуемое фото (или укажите ссылку на него в сети в строке ниже).
2. Затем выберите цвет на фото, который бы вы хотели сделать прозрачным и кликните на него мышкой.
3. Фото будет обработано, и вы, в идеале, получите прозрачный цвет заднего фона.

По сравнению с сервисом Watermark.Algid.Net сервис LunaPic больше похож на полноценный фоторедактор, позволяя окрасить задний фон одним цветом с помощью встроенных в данный сервис инструментов.

Заключение

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

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

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

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

1. Открываем Photoshop . Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open… ).

2. Выделяем все изображение/фото (Ctrl+O ).

3. Копируем выделенную картинку (Ctrl+C ).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N ). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent — «прозрачность»:

Нажимаем Enter и видим, что Photoshop создал новый файл с фоном, состоящим из бело-серых квадратиков. Такими квадратиками в Фотошопе обозначаются полностью прозрачные области.

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

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М )

или с помощью «волшебных» инструментов (W ):

Нажмите на клавиатуре клавишу Delete и вместо выделенного фона или фрагмента картинки увидите бело-серые квадратики — эта область будет прозрачной. Далее можете либо сохранить изображение с прозрачностью либо продолжать эксперименты с картинкой в Фотошопе.

Как сделать полупрозрачный текст и «водяной знак»

В Фотошопе, помимо состояния «полностью видим » и «полностью прозрачен » существует состояние частичной видимости или частичной прозрачности . Частичная видимость объекта на рисунке указывается в процентах.

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open… ).

2. Выбираем инструмент Текст (T ) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers ) передвинем ползунок свойства Opacity в значение 40%:

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя — этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб , корректно отображаются браузерами и поддерживают прозрачность — только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

К сожалению, графические форматы GIF и PNG имеют свои ограничения. Формат GIF, как и 8-битный PNG, может запомнить максимум 256 цветов, потому для сохранения фотографий он не подходит. Несмотря на то, что 24-битный PNG подходит для хранения фотографий и другой графики с градиентами и прозрачностью, многие сайты ставят ограничение на форматы загружаемой посетителями графики. Потому свои фото или аватары можно загрузить на такие сайты только в формате JPG или GIF. В этом случае фотографию придется сохранять не на прозрачном фоне, а вставлять в Фотошопе тот фон, на котором она будет размещаться на сайте, сохранять результаты работы в JPG и уже потом заливать на сайт.

«Фотошоп» — программа многофункциональная и очень сложная. Она рассчитана на профессионалов. Поэтому разобраться в ней трудно. Без посторонней помощи сделать это практически невозможно. Именно поэтому придумали специальные уроки по «Фотошопу». Но в них не будет самого главного — основ работы с инструментами. Ибо каждый урок использует собственные инструменты и настройки. Наша же задача — овладеть основами. Например, такое простое действие, как просто сделать прозрачность в «Фотошопе», может оказаться непосильной задачей для новичка. Поэтому разберем именно этот момент.

Зачем это нужно?

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

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

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в «Файл», «Сохранить как…» и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

Если вы планируете дальнейшую работу с получившимся изображением в «Фотошопе», то лучше сохранять картинку в формате PSD — стандартном для данного редактора. При таком способе сохраняются даже отдельные слои, что в дальнейшем серьезно облегчит последующую работу с изображением. Но только для веб-публикации такой формат категорически не годится.

Создание на изображении

Здесь, в пронципе, ничего сложного нет. Первым делом нужно открыть новое изображение. Затем добавляем новый слой в меню слоев и идем к инструменту «Текст». Вводим нужный текст и трансформируем его так, как нам нужно, с помощью управляющих элементов. Затем начинаем создавать прозрачность в «Фотошопе». Убедитесь, что у вас выбран именно слой с текстом, и затем регулируйте его прозрачность уже знакомыми нам ползунками. Затем снова идем в меню слоев и выполняем команду «Сведение слоев». Сохранять результат нужно опять же в формате PNG.

Таким образом можно добавлять не только текст в качестве водяного знака. Можно использовать какое-нибудь изображение в качестве логотипа. Естественно, что в этом случае обращаться к инструменту «Текст» не нужно. Достаточно будет перетащить нужную картинку на свежесозданный слой и уменьшить его до нужных размеров. А затем сделать все по инструкции.

Делаем прозрачным фон изображения

Эта задача уже не так проста, как предыдущие. Здесь придется использовать комбинации из многих инструментов. Для того чтобы применить прозрачность в «Фотошопе» для определенного участка изображения, следует для начала создать новый дублирующий слой. Затем нужно применить прозрачность к фоновому изображению, не затрагивая новый слой. После этого идем в панель инструментов и ищем инструмент «Ластик». Включаем дублирующий слой и ластиком стираем весь фон, кроме того объекта, который мы хотим оставить в неприкосновенности. Работать с ластиком следует очень аккуратно, ибо можно повредить то изображение, которое трогать вообще не нужно.

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

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

Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых изображения.

Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него .

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

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

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

Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.

3 способа как сделать слой с картинкой прозрачным

Для начала необходимый слой нужно . Здесь также будет уместен прием выделение двух и более с помощью клавиш Ctrl или Shift .

Примечание

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

Еще одно примечание

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

Способ 1 Ввод цифр

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

Способ 2 Ползунковый регулятор

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

• Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
• Цифра 0 означает 100%;
• Наберите 55 и получите 55%, 67 — это 67% и так далее

Чтобы использовать этот же прием для изменения Заливки , удерживайте вместе с цифрами нажатой клавишу Shift .

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

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

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой .

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

Способ 2 Использование ластика

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

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

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

Как сохранить изображение с прозрачностью

Существует множество , но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

Поэтому изображение нужно сохранять в формате PNG . Только он лишен всех недостатков и способен показывать полупрозрачные пиксели.

Чтобы в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как . Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла — PNG(*.PNG) .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Взгляните на рисунок в формате jpg , небезызвестного мультипликационного героя Мамонтёнка который потерял свою маму.. плакать хочется.. нет, не из-за того, что мамонтенок не может найти свою маму (хотя и из-за этого тоже), а потому что синий фон ужасно режет глаза! так и хочется убрать эту синеву и залить фон рисунка таким цветом, чтобы он сливался с фоном страницы. .

Думаю для Вас это не проблема! подумаешь открыть его с помощью того же фотошопа и залить фон нужным цветом! но а как быть если основной фон страницы это некая сложная текстура?

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

Открывать фотошоп и рисовать в рисунке с мамонтенком вместо синего фона клеточки? А потом пытаться подогнать их к основному фону страницы? Это не выход!!!

Так вот, докладываю, что графические форматы gif и png — поддерживают режим прозрачности, позволяя тем самым сделать некоторые области рисунка невидимыми человеческому глазу — что нам собственно и нужно!

Теперь по порядку:

1. Откройте рисунок фон которого нужно сделать прозрачным с помощью Adobe Photoshop.

2. Откройте закладку «Изображение» >> «Режим» >> «Индексированные цвета» .

3. В появившемся окне-диалоге «Индексированные цвета» ставим галочку «Прозрачность» и нажимаем «ОК»

4. С помощью инструмента выделения «Волшебная палочка» и «Ластика» стираем в рисунке фон, собственно делая нужные нам части прозрачными.

5. Ну и сохраняем нашу картинку в формате gif .. закладка «Файл» >> «Сохранить для Web…» в появившемся окне указываем (соглашаемся), что картинка будет сохранена в формате gif жмем «Сохранить» .. выбираем папку пишем имя — всё это Вы, я надеюсь умеете..

Всё картинка с прозрачным фоном создана!!

Теперь её можно снова вставить в нашу страницу, не забыв при этом сменить расширение jpg на gif .

Создание в рисунке прозрачных областей
gif » alt=»Мамонтёнок»>

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

Обновлено: 31 декабря 2020 г., автор: Computer Hope

В следующих разделах объясняется, как создавать прозрачные изображения в Photoshop и GIMP. Прежде чем продолжить, следует отметить, что прозрачные изображения необходимо сохранять в формате GIF, а не в формате JPEG. Кроме того, если используемая вами программа также поддерживает форматы GIF 87a и GIF 89a, вам необходимо сохранить файл как GIF 89a.

Адоб Фотошоп

1. Откройте Adobe Photoshop и создайте новый файл или откройте существующий.Если файл новый, убедитесь, что используется любой режим, кроме растрового.
2. Выберите Magic Eraser , как показано на рисунке.
3. После выбора этого инструмента щелкните часть изображения, которую вы хотите сделать прозрачной. Например, щелкните фон, если вы хотите, чтобы фон изображения был прозрачным.

Подсказка

Если вы заметили, что края непрозрачной части изображения не четкие, в Параметры Magic Eraser увеличьте Допуск .

4. После того, как вы получили нужный прозрачный фон, нажмите Изображение > Режим и выберите Индексированный цвет . Измените любые настройки, которые вы хотите, в окне Indexed Color и нажмите «ОК».
5. Наконец, сохраните изображение как файл . gif.

ГИМП

1. Откройте GIMP и создайте новый файл или откройте существующий.
2. Выберите инструмент «Выделить регионы по цвету» или нажмите Shift + O .После выбора щелкните часть изображения, которую вы хотите сделать прозрачной. Например, щелкните белый фон изображения.

Подсказка

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

3. После выбора области, которую вы хотите сделать прозрачной, нажмите Layer > Transparency , затем выберите Add Alpha Channel .
4. Щелкните Изменить , а затем выберите Очистить или нажмите Ctrl + K .Выбранная часть теперь должна отображаться в виде клетчатого фона, указывающего на то, что она прозрачна.
5. После того, как вы получили нужный прозрачный фон, щелкните Изображение > Режим > Индексированный . В поле преобразования Indexed Color измените нужные параметры и нажмите «ОК».
6. Наконец, экспортируйте изображение в файл .gif.

Microsoft Paint (MSPaint)

Программа Microsoft Paint, входящая в состав Microsoft Windows, не поддерживает прозрачные изображения, даже если вы работаете с изображением GIF, которое уже имеет свойства прозрачности.Если вам нужно создать или изменить изображения с прозрачным фоном, мы предлагаем попробовать одну из двух других программ.

Удалить фон логотипа (сделать его прозрачным) с помощью Photoshop

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

Примечание. Эта процедура требует использования стороннего приложения для редактирования изображений (Adobe Photoshop CS6).Если у вас нет доступа к ним, свяжитесь с нами, чтобы получить помощь с вашим логотипом. Напоминаем, что мы не предлагаем услуги по разработке логотипов.

1.) Откройте файл в Photoshop

В строке меню выберите  Файл > Открыть…

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

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

 2.) Создайте новый слой

В строке меню выберите Слой > Создать > Слой… (или нажмите сочетание клавиш Shift+Ctrl/Cmd+N ).

На панели Слои в правом нижнем углу окна Photoshop дважды щелкните слой с надписью «Фон» и нажмите OK . Это превратит исходное изображение в слой.

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

Информация: Слои в Photoshop похожи на листы бумаги, сложенные вместе. Те, что сверху, будут накладываться на те, что ниже. Если некоторые его части прозрачны, будут видны непрозрачные части следующего слоя ниже.

 3.) Раскрасьте новый пустой слой

.

При выборе нового пустого слоя на панели Инструменты (слева) щелкните инструмент Paint Bucket Tool .

На палитре Color в правом верхнем углу экрана щелкните цветной квадрат. В палитре цветов выберите цвет, контрастирующий с цветами логотипа, кроме белого.

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

4.) Убираем пробелы

На панели Layers выберите слой с изображением.

Вернувшись на панель Инструменты (слева), щелкните правой кнопкой мыши набор инструментов ластика и выберите Волшебный ластик . Этот тип ластика автоматически стирает один заключенный оттенок цвета с изображения.

Начните с нажатия на внешнюю белую область изображения.

До

После

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

5.) Удалите белые пятна с закрытых областей логотипа

Удерживая клавишу Alt и используя колесо мыши для увеличения и уменьшения изображения, используйте инструмент Magic Eraser Tool  на участках, которые должны быть прозрачными, наряду с другими областями логотипа, например. пробелы между текстами.

6.) Сохраните отредактированный логотип

В строке меню выберите  Файл > Сохранить для Интернета  (или нажмите сочетание клавиш  Alt+Shift+Ctrl/Cmd+S ).

В окне  Сохранить для Интернета установите для изображения значение «PNG-24» (для сохранения прозрачности). Вы также можете настроить высоту логотипа в соответствующих полях ввода.

Для всех шаблонов веб-сайтов Hotel Propeller рекомендуется высота логотипов не менее 140 пикселей, но не более 200 пикселей.

Нажмите кнопку  Сохранить и выберите каталог, в который вы хотите сохранить отредактированный логотип.

Вот оно! Логотип с прозрачным фоном, который вы теперь можете загрузить и использовать на своем веб-сайте Hotel Propeller.

Учебники по теме:

Сделать изображение прозрачным фоном Photoshop/Paint/Illustrator

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

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

Советы

Ищете инструмент для создания прозрачного фона даже для пушистых волос, не делая изображение странным или неровным? Почему бы не попробовать профессиональное средство для удаления iMyFone MarkGo? MarkGo помогает вам удалять фоны на 100% автоматически с помощью технологии на базе искусственного интеллекта в течение 5 секунд одним щелчком мыши. Juts попробуйте бесплатно ниже!

Попробуйте бесплатноПопробуйте бесплатно

Часть 1. Как сделать фон изображения прозрачным в Photoshop?

Adobe Photoshop — известное программное обеспечение, которое используют большинство профессиональных фоторедакторов и видеоредакторов. Фотошоп. Хотя программное обеспечение является платным, оно открывает множество функций для профессионалов. Если у вас есть детальная работа по пиксельному редактированию, веб-приложение или мобильное приложение Photoshop решит все проблемы за вас.

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

Советы

Хотя вы можете использовать этот метод для удаления фона изображения, он все же опасен, потому что время от времени он дает сбой и ужасно сложен.Если вы не хотите возиться с удалением фона изображения без какого-либо технического процесса, вы можете обратиться к iMyFone MarkGo, который предлагает удивительно простое решение для создания прозрачного фона даже для пушистых волос, не делая изображение странным или зазубренным.

Попробуйте бесплатноПопробуйте бесплатно

Чтобы использовать инструмент «Удалить фон», выполните следующие действия:

Шаг 1: Откройте фотографию

Вы откроете приложение Photoshop и откроете фотографию, которую хотите сделать прозрачной на фоне.

Шаг 2: Дублируйте изображение в новом слое

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

Ctrl + A, затем Ctrl + C, а затем Ctrl + V (другими словами, выберите, скопируйте и вставьте).

После завершения процесса дубликат слоя изображения будет показан в палитре слоев в окне Photoshop.

Шаг 3: Как сделать фон изображения прозрачным в Photoshop?

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

Теперь вы перейдете к палитре свойств справа, найдите «Быстрые действия» и нажмите «Удалить фон». После этого объект будет изолирован фоном, оставляя узор в виде шахматной доски (Прозрачность фона).

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

Шаг 1: Откройте фотографию

Первым делом откройте нужное фото в фотошопе и дважды кликните по Слою О в палитре слоев. Подтвердите это, нажав ОК.

Шаг 2. Выберите объект/объекты на фотографии

Теперь вам нужно выбрать объект на фотографии, который нужно изолировать от фона.Существуют различные инструменты для выбора объекта в зависимости от сложности. Используйте инструмент «Выделение объекта», инструмент «Быстрое выделение», инструмент «Лассо», инструмент «Многоугольное лассо» или инструмент «Волшебная палочка» для простых объектов.

Однако при работе с изображением, состоящим из сложных предметов, вам придется создавать свой выбор на разных этапах. В ходе этого процесса стиль выбора будет меняться. Его можно найти в верхней части окна как инструменты «Новое выделение», «Добавить к выделению» и «Вычесть из выделения». Эти инструменты позволяют добавлять, стирать или создавать новые выделения различных частей изображения.

Шаг 3: Выберите и инвертируйте, чтобы удалить фон изображения

После того, как объект был выбран, вы нажмете «Выбрать» в меню, а затем выберите «Инверсия». Это перевернет выделение, и будет выделен весь фон. Нажмите клавишу Delete на клавиатуре и Та-Да; фон удален.

Часть 2.Как сделать фон изображения прозрачным в Paint 3D?

Если вы еще не знаете, программа Paint на вашем ноутбуке или настольном компьютере достаточно мощна, чтобы сделать фон изображения прозрачным. Поэтому ответим, как сделать фон изображения прозрачным в Paint 3D.

Paint и Paint 3D — это два бесплатных инструмента, доступных на вашем ноутбуке или настольном компьютере. Это встроенные инструменты, которые поставляются с Windows или операционной системой вашего компьютера.Таким образом, вы можете рисовать объекты, векторы, 3D-модели, 2D-моделирование и редактировать изображения с помощью этих простых и мощных инструментов.

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

Функция рисования

С помощью функции рисования все, что вам нужно сделать, это выбрать (Ctrl+A) объект, вырезать (Ctrl+C) его из изображения и вставить (Ctrl+V) в новое окно.

Краска 3D

Paint 3D также является мощным инструментом, который отвечает на вопрос, как сделать фон изображения прозрачным в Paint.

Это довольно просто, верно?

Вот и все, что вам нужно для редактирования фона изображения в Paint 3D.

Шаг 1: Запустите приложение

Найдите Paint 3D в поиске Cortana или на панели поиска вашего компьютера и запустите программу.

Шаг 2: Откройте желаемое изображение

Выберите нужное изображение, которое вы хотите отредактировать, на вкладке «Меню», нажмите «Открыть» и выберите изображение.

Шаг 3. Выберите кнопку холста и настройте параметры

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

Шаг 4: Удалить фон и сохранить изображение

Теперь нажмите «Ctrl + X», и он вырежет выбранную область (тему), и вы сохраните изображение как 2D PNG.

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

Часть 2. Как сделать фон изображения прозрачным в Illustrator?

Adobe Illustrator — редактор векторной графики, обладающий разнообразными возможностями и функциональными возможностями.Наиболее распространенные области применения Illustrator включают разработку логотипов и фирменных комплектов, разработку электронных книг, редактирование изображений и векторное рисование. Основное различие между работой Adobe Illustrator и Photoshop заключается в том, что Adobe Illustrator использует векторный подход, а Photoshop — это программное обеспечение, основанное на пикселях. Тем не менее, вы можете редактировать свои изображения в обоих программах с исключительным удобством и легкостью.

Вы только начинаете изучать Adobe Illustrator? Вам может быть интересно, как мне сделать фон изображения прозрачным в Illustrator или даже можете ли вы это сделать?

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

Шаг 1: добавьте файл и откройте свойства документа

Получив изображение, которое хотите отредактировать, откройте его в Adobe Illustrator. Чтобы просмотреть свойства документа, откройте «Настройка документа» в меню «Файл» в левом верхнем углу.

Шаг 2. Выберите прозрачность в качестве фона

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

Шаг 3. Экспорт файла

Это было просто, верно?

Теперь вам нужно экспортировать файл из того же меню «Файл» в левом верхнем углу.

Шаг 4: Сохраните его в желаемом формате

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

Хотя вы можете использовать описанные выше методы для удаления фона изображения, это все равно рискованно из-за случайного сбоя онлайн-инструмента и ужасно сложно. Если вы не хотите заниматься удалением фона изображения без какого-либо технического процесса, вы можете обратиться к iMyFone MarkGo, который предлагает удивительно простое решение для удаления фона изображения.

Как сделать фон изображения прозрачным с помощью iMyFone MarkGo?

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

МаркГоу

75 000 000+

Загрузки

Замечательные возможности iMyFone MarkGo

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

• Легко удалить фон изображения или водяной знак для видео и фото без каких-либо следов.

• Бесплатно попробовать ремувер, во время которого можно проверить совместимость.

• Возможность добавить водяной знак до 100 фотографий в пакете из соображений авторского права.

Попробуйте бесплатноПопробуйте бесплатно

iMyFone MarkGo — это премиальный, но бесплатный инструмент, доступный для удаления водяных знаков, фона и изоляции объектов изображения от фона путем полного удаления их с холста. Вы можете выполнять некоторые из самых сложных функций редактирования изображений и видео, используя экосистему инструмента iMyFone. Либо вы хотите удалить водяные знаки со своих видео и изображений, либо удалить объекты, фон и т. д., вы можете сделать это в iMyFone MarkGo.

Теперь интересно, как сделать фон изображения прозрачным с помощью iMyFone MarkGo?

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

Шаг 1: Установка

Для установки программного обеспечения войдите на веб-сайт iMyFone MarkGo и загрузите программное обеспечение. Завершите процесс установки на своем устройстве, зарегистрировав бесплатную или платную учетную запись.

Шаг 2: Запустите программу и выберите «Удалить водяной знак».

Запустите iMyFone MarkGo на рабочем столе и выберите «Удалить водяной знак изображения». Откроется новое окно с параметрами редактирования и т. д.

Шаг 3: Импортируйте изображение, которое хотите отредактировать

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

Шаг 4: Выберите инструмент «Кисть» и выберите фон

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

Шаг 5: Отметьте «Применить все» и «Удалить

После этого нажмите «Применить все», а затем «Удалить».’ Фон изображений будет удален по мере необходимости. Теперь экспортируйте изображение и сохраните его.

Часто задаваемые вопросы — Как сделать фон изображения прозрачным в Photoshop/Paint/Illustrator?

Является ли Microsoft Paint бесплатным?

Использование Microsoft Paint совершенно бесплатно, и вы можете изучить множество возможностей редактирования в Microsoft Paint и Paint 3D. Когда вы устанавливаете Windows на свой настольный компьютер или ноутбук, Microsoft Paint — это встроенное программное обеспечение, которое позволяет вам рисовать, редактировать фотографии и удалять фоновые изображения.

Где я могу скачать Microsoft Paint?

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

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

Удаление фона изображения — обычная задача, которую мы выполняем при редактировании изображений. Существует множество способов редактирования и создания прозрачного фона изображения.Мы обсудили самые популярные способы сделать фон изображения прозрачным. В статье рассматриваются Adobe Photoshop, Illustrator, Paint и iMyFone MarkGo.

Как сделать фон изображения прозрачным в Powerpoint?

Сделать фон изображения прозрачным в Powerpoint очень просто. Выбрав «Цвета» на вкладке «Формат изображения» выбранного изображения, вы можете выбрать «Прозрачный цвет». Это даст вам изображение с прозрачным фоном в PowerPoint.

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

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

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

Удаление фона изображения — обычная задача, которую мы выполняем при редактировании изображений.Существует множество способов редактирования и создания прозрачного фона изображения. Мы обсудили самые популярные способы сделать фон изображения прозрачным. В статье рассматриваются Adobe Photoshop, Illustrator, Paint и iMyFone MarkGo.

Можно ли удалить белый фон с изображения в Adobe Illustrator?

Удалить белый фон с изображений или любой другой объект с изображения очень просто с помощью программы Adobe Illustrator.Тем не менее, это платное программное обеспечение, которое вы можете скачать и использовать профессионально. Мы уже обсуждали процесс редактирования изображений и удаления фона с изображений в Adobe Illustrator.

Попробуйте бесплатноПопробуйте бесплатно

Как использовать прозрачные изображения в Photoshop

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

Содержание:

1. Сделать изображения прозрачными

2. Вырезанный продукт и прозрачный фон

3. Удаление белого фона в Photoshop

4. Контурное изображение в Photoshop

5. Гладкая кожа Photoshop

6. Сохраните изображение в подходящем для Интернета формате

Как сделать изображения прозрачными в Photoshop

Шаг 01

Откроем первое изображение.Для этого нажмите « Левый », а затем « Открыть » в левом меню.

Откройте изображение

Шаг 02

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

Шаг 03

Выберите одну из следующих трех групп.

« Волшебная палочка »

Инструмент для обрезки.

Маска + кисть

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

 

Инструмент «Волшебная палочка»

 

 

 

 

 

Шаг 04

 

 

Выберите панель инструментов Magic Tools на панели инструментов в левой части экрана и нажмите «W» .Если вы не видите инструмент «Волшебная палочка», возможно, он скрыт за инструментом «Быстрая палочка». Если это так, нажмите и удерживайте инструмент Speed ​​Wand и выберите инструмент Magic Wand.

 

 

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

 

Прозрачные фоновые изображения

 

 

В верхней части экрана вы увидите параметры для настройки поведения инструмента Magic Wand .

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

Шаг 05

Если фон состоит из нескольких цветов, вы можете выбрать тему изображения вместо фона.

Photoshop CC18 имеет параметр под названием «Выбор объекта». Эта интуитивно понятная функция определяет и выбирает тему вашей фотографии, какой бы сложной она ни была.

 

Сделать прозрачное изображение

 

 

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

 

 

 

Убедитесь, что вы находитесь на дублирующем слое (это должно быть выделено на панели «Слои»).

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

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

Щелкните Удалить из выбранного в верхней части экрана.Затем щелкните субъективные части выделения (например, тени под этим мандарином). Это удаляет эти поля из выбора.

 

Удалить фон

 

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

Как сохранить изображения с прозрачностью в Photoshop

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

 

Сохранение изображений с прозрачностью в Photoshop

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

 

При сохранении изображений, видимых в Adobe Photoshop, к изображениям автоматически добавляется белый фон перед сохранением в виде файла PNG или JPEG. Таким образом, изображения больше не остаются с видимым фоном и, следовательно, вообще не функционируют как стилистические объекты.

 

 

Этот туториал шаг за шагом покажет вам, как сохранять изображения PNG из видимого источника.

Сохраните изображение в подходящем для Интернета формате

 

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

 

Лучшим форматом для хранения изображения является формат PNG-24. Эта форма допускает несколько уровней прозрачности, а это означает, что изображение не будет иметь пиксельного «гало», если оно размещено на фоне другого цвета.Старые прозрачные форматы файлов, такие как PNG-8 и GIF, могут создавать этот побочный эффект ореола, поэтому по возможности используйте PNG-24.

 

Чтобы сохранить файл PNG-24 в Photoshop CC, введите SHIFT + ALT + CTRL + W (SHIFT + OPTION + Command + W на Mac) или выберите «Файл» > «Экспорт» > «Экспортировать как…» в раскрывающемся меню. в верхней части окна Mac.

Примечание. Если вы используете более старую версию Photoshop и не видите параметр «Экспортировать как…», вы можете выбрать «Сохранить в Интернете», а затем выбрать PNG-24 в раскрывающемся меню «Предустановки» в правой части диалогового окна.

В появившемся диалоговом окне в разделе «Параметры файла» в разделе «Параметры файла» измените формат PNG и убедитесь, что флажок был отсканирован. Не сканируйте файл (8-битный) сегодня — этот файл. Получается PNG-8.

Изменение размера изображения с прозрачным фоном в Photoshop

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

 

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

 

 

Поскольку многие из ваших клиентов видят ваш продукт на сетчатом экране, хорошей практикой является увеличение изображения продукта на 50–100 % по сравнению с ожидаемым. Это делает его хрустящим на всех устройствах.Другими словами, если вы знаете, что ваш продукт имеет ширину 400 пикселей, вы хотите создать здесь как минимум 600 пикселей.

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

После того, как вы установите правильный размер изображения, нажмите «Экспортировать все».

Назовите файл изображения и убедитесь, что его расширение установлено на PNG.

Нажмите Сохранить.

Как использовать прозрачные изображения в PowerPoint

 

Вы хотите украсить свои изображения с помощью PowerPoint и думаете, что это может помочь?

Отличный лайфхак для удаления лишнего шума из вашего шоу.

 

С помощью этого пошагового руководства вы сможете сделать свою презентацию более четкой, чем раньше, независимо от того, используете ли вы PowerPoint 2010, 2013, 2016 или последнюю версию.PowerPoint 2018.

Используйте прозрачные фоновые изображения в PowerPoint

 

Чтобы сделать фоновое изображение прозрачным с помощью средства прозрачности подписки Microsoft Office 365, вам потребуется всего лишь:

Выберите изображение, которое хотите сделать прозрачным

• Перейти на вкладку Формат инструментов для работы с изображениями
• Открыть опции для инструмента прозрачности
• Выберите один из предустановленных параметров прозрачности или щелкните Нажмите Параметры прозрачности, чтобы выбрать пользовательскую настройку.

В настоящее время этот новый инструмент прозрачности доступен только для одной подписки на Microsoft 365.

Надеюсь скоро добавят в автономную версию PowerPoint 2019 (но не дышу).

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

 

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

 

Если у вас нет подписки на Office 365, вам не повезло!

 

Заключение/ Итоговые изображения

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