Возникла необходимость сделать иконки на прозрачном фоне. Но тут возник вопрос, а как сделать прозрачный фон у картинки?
На помощь пришел редактор изображений Photoshop. В данной статье будем рассматривать простые картинки для сайта, которым нужно сделать прозрачный фон.
Для чего это нужно?
Вот вам пример. Иконка на сайте с фоном и с прозрачным фоном
Видите разницу? Я тоже считаю, что иконка с прозрачным фоном на сайте выглядит более привлекательной.
А теперь более подробно рассмотрим, как в фотошопе сделать прозрачный фон картинки.
1. Установите и откройте Photoshop.
2. Выберите и откройте картинку.
Откройте картинку, на котором хотите сделать прозрачный фон.
3. Создайте новый файл с прозрачным фоном.
Так как я буду делать иконку, то мне нужен размер 512×512 px. Для этого, нажмите Файл и создайте новый документ.
В появившемся окне я изменяю ширину и высоту на 512 px. Во вкладке содержимое фона, выберите «Прозрачный«. После чего нажмите Ок.
Обратите внимание, красным отмечена вкладка, которую мы только что создали, а соответственно в первой вкладке, наша картинка. Переходите на нее.
4. Выделение и инверсия картинки.
Теперь необходимо выделить картинку. Для этого нажмите правой кнопкой мыши на инструмент «Быстрое выделение» и выберите инструмент «Волшебная палочка«.
Нажмите на фон картинки, для того чтобы выделить картинку.
Фон и картинка, должны выделиться пунктирной линией.
После этого нажмите на вкладку «Выделение» — инверсия.
Теперь пунктирной линией подсвечена только картинка.
Выберите инструмент «Перемещение».
Нажмите на картинку и переместите ее на созданный нами прозрачный фон.
5. Как сохранить прозрачный фон в фотошопе.
Нажмите Файл, Сохранить для Web. Выберите формат PNG, после чего сохраните фото.
Теперь, ваша картинка с прозрачным фоном, готова.
Если возникнут вопросы, пишите в комментариях.
Как вам статья?
Спасибо! Очень актуальная информация лично для меня.
Вам спасибо за отзыв, приятно, что пригодилось
Огромное спасибо!!!! Раньше просто приходилось ластиком вычищать….Век живи, век учись. Спасибо.
Не за что 🙂
А ещё прозрачный фон у картинки можно сделать в обычном paint’е, там даже кнопка специальная есть на панели, правда «вес» файла при сохранении в .bmp подскочит немеренно.