Меню Рубрики
  • Поздравляем!

    Поздравляем!

    С праздником Днем Защитника Отечества!

  • Проверьте наличие штрафов!

    Проверьте наличие штрафов!

    Официальный сервис по поиску и оплате штрафов ГИБДД! Оплачивайте штрафы вовремя!

  • Дешевые авиабилеты

    Дешевые авиабилеты

    Официальный сервис по поиску, бронированию и покупке дешевых авиабилетов!

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

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

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

Для чего это нужно?

Вот вам пример. Иконка на сайте с фоном и с прозрачным фоном

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

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

1. Установите и откройте Photoshop.

2. Выберите и откройте картинку.

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

3. Создайте новый файл с прозрачным фоном.

Так как я буду делать иконку, то мне нужен размер 512×512 px.  Для этого, нажмите Файл и создайте новый документ.

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

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

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

4. Выделение и инверсия картинки.

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

Нажмите на фон картинки, для того чтобы выделить картинку.

Image 3Фон и картинка, должны выделиться пунктирной линией.

После этого нажмите на вкладку «Выделение» — инверсия.

Image 6Теперь пунктирной линией подсвечена только картинка.

Выберите инструмент «Перемещение».

Image 7Нажмите на картинку и переместите ее на созданный нами прозрачный фон.

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

Нажмите Файл, Сохранить для Web. Выберите формат PNG, после чего сохраните фото.

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

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

Если возникнут вопросы, пишите в комментариях.

 

[Всего голосов: 1    Средний: 5/5]

Комментарии:

5 комментариев на «“Как сделать прозрачный фон у картинки”»

  1. Огромное спасибо!!!! Раньше просто приходилось ластиком вычищать….Век живи, век учись. Спасибо.

  2. А ещё прозрачный фон у картинки можно сделать в обычном paint’е, там даже кнопка специальная есть на панели, правда «вес» файла при сохранении в .bmp подскочит немеренно.

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

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

© 2017 Онлайн журнал - Blognovichok.ru· Авторские права защищены.
Все материалы опубликованные на сайте являются объектами авторского права. Использование материалов разрешается только с активной ссылкой на blognovichok.ru