-Поиск по дневнику

Поиск сообщений в Lottaza

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.09.2012
Записей:
Комментариев:
Написано: 1079


Убрать белый фон в фотошопе. Урок от Lottaza

Воскресенье, 02 Июня 2013 г. 16:16 + в цитатник

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

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

5044263_001 (700x356, 101Kb)

Если картинка в режиме серых цветов (Градации серого), перед раскраской ее нужно перевести в RGB (меню Изображение - Режим - RGB; нужно помнить, что смена цветового режима требует объединения слоев, поэтому желательно сразу перевести в нужный режим, чтобы потом не было жалко трудов своих). Далее в палитре Каналы (по умолчанию выделены все каналы) нажмем самую крайнюю слева икону (кружочек с пунктиром) - этим мы выделим все белые цвета на изображении.


5044263_002 (700x546, 165Kb)
 

Нажмем DEL (Delete), чтобы удалить белый цвет и CTRL+D - снять выделение. Чистый лайнарт готов. Для дальнейшего использования сохраняем его в формате PNG.

5044263_003 (700x546, 207Kb)


2. Использование ластика для удаления белого фона, но непростого ластика, а волшебного. Кстати, этим и следующим способом можно удалить любой однотонный цвет. Часто картинки с просторов инета, особенно гифки и монохромные (черно-белые) сохранены в режиме индексированных цветов для уменьшения веса файла. Вот и мне как раз такая попалась. Что делаем в это случае? Просто переводим в нужный нам режим - Изображение - Режим - выбрать нужный - я использую наиболее функциональный и приемлемый для отображения цветного изображения - RGB.

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


5044263_004 (434x700, 175Kb)

Такую картинку можно сохранить как кисть: меню Редактирование - Сохранить кисть, а можно пойти дальше и сделать из нее векторную произвольную фигуру. Для этого нужно выделить слой с картинкой (CTRL+щелк по слою), зайти в палитру контуры (рядом с палитрой Слои и Каналы) и выбрать внизу палитры иконку Образовать рабочий контур (она прямо посередине из всех семи иконок). После этого активировать на панели инструментов Перо и, щелкнув правой кнопкой мышки, выбрать Определить произвольную фигуру.

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


5044263_005 (700x688, 229Kb)


Как превратить выделенное в максимально удобный для применения клипарт PNG? Для удобства в последующей обработке желательно задать параметры удаления фона с помощью функции Уточнить край. Вызываем это диалоговое окно: щелк правой кнопкой и выбирем Уточнить край. Вот тут и видим все огрехи - и рваные края и кайму.


5044263_006 (700x688, 102Kb)



Сейчас немного сгладим края выделения. Параметр Сглаживание ставлю значение 3, нажимаю ок и удаляю (DEL). Создаем новый слой, тащим его ниже клипарта, заливаем контрастным цветом и видим, что еще нужно поработать над краями.


5044263_007 (700x688, 143Kb)


Самый простой способ - это удалить каемку вокруг. Меню Слои - Обработка краев - Убрать кайму... и выствляем значение. Я поставила 2.


5044263_008 (448x700, 200Kb)


Немного лучше, но все равно непорядок. Доглаживаем края инструментом Размытие


5044263_009 (700x632, 154Kb)


Устанавливаем жесткость примерно в процентов 20, размер 8-10 пикс, интенсивность процентов на 10 и аккуратненько водим по краям. кроме того, видно, что у края ложки вместе с фоном исчез и кусочек блюдца, и сверкающая грань ложки. Ну тут уже можно восстановить всякими известными вам способами. Я воспользовалась выделением кусочка блюдца и перетащила его на недостающий участок, а грань ложечки дорисовала пером+обводка кисточкой в режиме динамики формы. Получилось вот так


5044263_010 (700x632, 138Kb)


И окончательный результат PNG

5044263_011 (697x700, 389Kb)
А вот и все. Способов есть на самом деле великое множество, поскольку фотошоп - это довольно мощный графический редактор со многими функциями и возможностями. Я описала более простые и удобные.

Вот теперь точно урок закончен. Удачных вам творческих экспериментов! )

Серия сообщений "Уроки ":
Часть 1 - Как создать бесшовную текстуру
Часть 2 - Говорит и показывает Фотошоп (видео-книга)
...
Часть 19 - Урок - Фонарик в фотошопе
Часть 20 - Урок в фотошопе: Дизайнерские завитки с помощью пера и контуров
Часть 21 - Убрать белый фон в фотошопе. Урок от Lottaza

Серия сообщений "УРОКИ Lottaza":
Часть 1 - Как создать бесшовную текстуру
Часть 2 - Урок - Создание драгоценного камня в фотошопе
...
Часть 13 - Урок - Фонарик в фотошопе
Часть 14 - Урок в фотошопе: Дизайнерские завитки с помощью пера и контуров
Часть 15 - Убрать белый фон в фотошопе. Урок от Lottaza

Метки:  

Процитировано 166 раз
Понравилось: 44 пользователям

Franzuzhenka   обратиться по имени Воскресенье, 02 Июня 2013 г. 16:24 (ссылка)
Samechatelnij urok! spasibo bolshoe!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 02 Июня 2013 г. 16:31ссылка
Пожалуйста )
MissKcu   обратиться по имени Воскресенье, 02 Июня 2013 г. 19:45 (ссылка)
пасиб за урок...с благодарностью цитирую...
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 04 Июня 2013 г. 11:47ссылка
Пожалуйста, рада, что пригодилось.
Tamreko   обратиться по имени Воскресенье, 02 Июня 2013 г. 23:02 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Мила-Милена   обратиться по имени Понедельник, 03 Июня 2013 г. 18:47 (ссылка)
Спасибо большое за полезный пост....Цитирую...
Ответить С цитатой В цитатник
Перейти к дневнику
Vega49   обратиться по имени Понедельник, 03 Июня 2013 г. 19:54 (ссылка)
Спасибо за урок.
Ответить С цитатой В цитатник
Ольга-Мираж   обратиться по имени Вторник, 04 Июня 2013 г. 00:51 (ссылка)
Спасибо ВАМ!!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику
SlavnayaAli   обратиться по имени Вторник, 04 Июня 2013 г. 07:11 (ссылка)
Натулька, приветик!! Спасибо большое, возьму, вдруг чего-нибудь забуду)))
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 04 Июня 2013 г. 11:48ссылка
Приветик, Натуленька, рада тебя видеть! )) Пожалуйста )
jujakurchaar   обратиться по имени Вторник, 04 Июня 2013 г. 08:46 (ссылка)
интересно! спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
musjusik   обратиться по имени Вторник, 04 Июня 2013 г. 11:46 (ссылка)
Очень полезный урок.
Спасибо большое
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 04 Июня 2013 г. 11:50ссылка
Пожалуйста, и вам спасибо, что заглянули.
erlikon2   обратиться по имени Среда, 05 Июня 2013 г. 13:21 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
be-ll   обратиться по имени Среда, 24 Июля 2013 г. 10:25 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Leda_12   обратиться по имени Среда, 16 Октября 2013 г. 12:38 (ссылка)
Ответить С цитатой В цитатник
НАДЕЖДА_БЫКОВСКИХ   обратиться по имени Среда, 23 Октября 2013 г. 17:06 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Biryusinka   обратиться по имени Среда, 13 Ноября 2013 г. 16:08 (ссылка)
Наташа! Благодарю.
Ответить С цитатой В цитатник
Lana4ka_T   обратиться по имени Среда, 13 Ноября 2013 г. 20:00 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Szarmanka   обратиться по имени Четверг, 14 Ноября 2013 г. 17:02 (ссылка)
Спасибо большое за полезный пост!!!!!!!!!!!!
Ответить С цитатой В цитатник
Galina__K   обратиться по имени Четверг, 14 Ноября 2013 г. 23:09 (ссылка)
Большое спасибо за урок!.
Ответить С цитатой В цитатник
Галина_Клиновицкая   обратиться по имени Понедельник, 23 Декабря 2013 г. 07:20 (ссылка)
спасибо,поучусь.а то просто стираю его
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Суббота, 01 Февраля 2014 г. 00:43 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Sabine_Astana   обратиться по имени Понедельник, 07 Апреля 2014 г. 15:11 (ссылка)
Благодарю за урок. Цитирую в свой блог.
Ответить С цитатой В цитатник
I_Lesya   обратиться по имени Четверг, 10 Апреля 2014 г. 14:23 (ссылка)
Спасибо за урок.
Ответить С цитатой В цитатник
ПОЭЗА   обратиться по имени Воскресенье, 20 Июля 2014 г. 09:55 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
marinapetrova1950   обратиться по имени Четверг, 27 Ноября 2014 г. 16:44 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Anushka_M   обратиться по имени Четверг, 05 Февраля 2015 г. 21:29 (ссылка)
Спасибо за полезный урок!!!
Ответить С цитатой В цитатник
Таня_Зимина   обратиться по имени Четверг, 06 Августа 2015 г. 10:27 (ссылка)
Спасибо большое! очень полезный урок и очень кстати!
Ответить С цитатой В цитатник
Millena-Li   обратиться по имени Четверг, 24 Августа 2017 г. 21:46 (ссылка)
спасибо большое!
Ответить С цитатой В цитатник
Акинина_Валентина   обратиться по имени Пятница, 01 Декабря 2017 г. 16:46 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку