A- A A+
Photoshop
JOOMLA! 1.5
JOOMLA! 2.5
JOOMLA! 3.0

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

Шаг 1. Разблокировка слоя

Возьмем для примера изображение c однотонным(!) белым фоном.

Photoshop

Открываем картинку в Фотошопе и справа во вкладке Слои, видим замочек в строке фона, который показывает, что слой закреплен (защищен).

Photoshop

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

Photoshop

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

Photoshop

Шаг 2. Выделяем и удаляем фон

В панели инструментов слева выбираем инструмент Волшебная палочка (клавиша быстрого вызова – W).

Photoshop

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

Photoshop

Нажимаем кнопку Delete и выделенный фон изменяет цвет и форму на «шахматные» квадратики, что означает удаление фона.

Photoshop

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

Photoshop

Шаг 3. Отменяем выделение

Чтобы отменить выделенные участки картинки переходим в верхнюю панель инструментов Выделение => Отменить выделение или нажимаем сочетание клавиш Ctrl+D.

Photoshop

Шаг 4. Сохраняем изображение в формате png

Для сохранения в верхней панели - Файл => Сохранить для Web или сочетание клавиш Alt+Shift+Ctrl+S.

Photoshop

В правом верхнем углу выбираем формат для сохранения картинки - PNG-24.

Photoshop

Если изображение будет сохранено в формате JPG, картинка останется с фоном

Шаг 5. Картинка без фона

Осталось убедиться в исчезновении фона на изображении.

Photoshop

С этим уроком мы начали освоение самых необходимых для вебмастера инструментов Фотошопа.

 

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

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!