Art-Slide

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Art-Slide » Основы работы в Adobe Photoshop » Отделение объекта от фона при помощи разных инструментов фотошопа.


Отделение объекта от фона при помощи разных инструментов фотошопа.

Сообщений 1 страница 30 из 74

1

В фотошопе достаточно большое количество инструментов для отделения объекта от фона. Мы с вами рассмотрим самые распространенные и простые.
Итак, начнем сверху вниз по панели инструментов.

Первый инструмент - это «Волшебная палочка». При помощи данного инструмента очень просто отделить объект от однотонного фона. Это, например что-то с  четким контуром на белом фоне или любом другом, но только одного цвета.  У меня вот такой замечательный мужчина))
Выбираем «Волшебную палочку», щелкаем ей по белому фону (вокруг объекта появляются «бегающие муравьи»)и на клавиатуре нажимаем Del. И вот у нас идеально отделенный объект от основного фона.
http://s54.radikal.ru/i145/1105/70/a4827eed1352t.jpg
http://s16.radikal.ru/i190/1105/cc/70eb26167aa1t.jpg
http://s48.radikal.ru/i120/1105/db/f75046981e04t.jpg
НО у «волшебной палочки» есть один минус, она выделяет не только фон, но и объект если на нем имеется такой же цвет как на фоне.
http://s42.radikal.ru/i096/1105/7a/c5d4d904ecact.jpg
Видите? Волшебная палочка выделила и часть пиджака! И после того как мы нажмем Del у нас получится вот такой результат.
http://s003.radikal.ru/i201/1105/a8/7839021c8126t.jpg

Для такого случая можно использовать такой инструмент как «Быстрое выделение» (данный инструмент появился только в Photoshop CS5)
http://s016.radikal.ru/i335/1105/2f/65a618ccd493t.jpg
Этот инструмент выделяет более точно цветовую гамму. На панели вверху не забудьте нажать «Добавить к выделенной области».
http://i042.radikal.ru/1105/a0/6c2b1fb3d0bct.jpg http://s005.radikal.ru/i209/1105/84/83bbbfd2a531t.jpg
Нажимаем Del и у нас снова получилось идеальное отделение мужчины от основного фона.
http://s004.radikal.ru/i205/1105/87/fc6efcd9b8a1t.jpg

Идем дальше.  Выбираем «Волшебный ластик»
http://i071.radikal.ru/1105/c4/bec24623b70dt.jpg
Он удаляет тот цвет по которому вы щелкаете.
http://s004.radikal.ru/i208/1105/c1/f9dfc2be484et.jpg
Удаляя им будьте внимательны! Он может захватить и часть вашего отделяемого объекта.
http://s001.radikal.ru/i196/1105/05/34ef157ee10ct.jpg http://s008.radikal.ru/i306/1105/8c/7a26f1152323t.jpg

Далее идет «Фоновый ластик». Он более удобен, потому что он захватывает цвет крестиком, который в центре круга и удаляет только его по размеру данного круга.
http://s56.radikal.ru/i154/1105/14/7dfdf17df568t.jpg

Существует такой момент, что удаляя этими инструментами вокруг отделенного объекта может остаться еле заметный ореол (иногда и более заметный). Он будет заметен если поместить объект на контрастный фон.
http://s010.radikal.ru/i314/1105/29/89616122ce71t.jpg
Мы очень просто от него избавимся.
Слои – Обработка краев – Убрать кайму, в выпавшем окне ставим значение пикселов ширины каймы
http://s46.radikal.ru/i114/1105/fb/a03416a7df9bt.jpg
http://s54.radikal.ru/i143/1105/64/a557a927d328t.jpg
Можно еще улучшить результат. Слои – Обработка краев – Убрать белый ореол (убрать черный ореол).
http://i017.radikal.ru/1105/e0/a09c3d73bdcdt.jpg

Теперь рассмотрим отделение объекта при помощи инструмента «Перо».
Открываем картинку, снимаем значек замок, двойным щелчком левой клавиши мыши по слою (это кстати обязательно для всех изображений открывающихся с замочком, потому как если вы его не снимете, вы не сможете сделать объект на прозрачном фоне)
http://s51.radikal.ru/i134/1105/c9/e4336696d821t.jpg
Выбираем «Перо» и ставим первую точку. В конце у вас должно получится замкнутое пространство, поэтому мы пойдем по «кругу». Ставим вторую точку и видим, что у нас получилась прямая. Чтобы изогнуть эту прямую, мы ставим точку на ней и с зажатой клавишей Ctrl изгибаем прямую.
http://i011.radikal.ru/1105/0a/f39d7c2fcaect.jpg
http://s46.radikal.ru/i111/1105/f1/20c03ea494b8t.jpg
У каждой точки есть свои направляющие! Ими можно управлять и изменять линию (удерживаем клавишу Ctrl , а мышкой двигаем точки на направляющих)
Вот так ставя дальше точки мы обводим то что хотим отделить от фона.
http://i011.radikal.ru/1105/53/a399aa86210et.jpg
Так мы пройдем по кругу и вернемся к нашей нулевой точке. Наш контур замкнется. Если вы хотите что-то поправить в контуре, то зажмите клавишу Ctrl и кликните по контуру, сразу ваши точки станут активными и вы сможете еще их подвигать, чтобы подкорректировать линии (не забывайте зажимать клавишу Ctrl).
http://s55.radikal.ru/i148/1105/3e/c9de2142d5f3t.jpg
Если нас все устраивает, нажимаем правую клавишу мыши и в выпавшем окне выбираем «Образовать выделенную область»
http://i029.radikal.ru/1105/a9/6e301f6268fct.jpg
Ставим радиус растушевки и жмем Ок. 
http://i080.radikal.ru/1105/01/81ae858f1a43t.jpg
Наш контур превратился в «бегающий муравьев», мы его просто копируем на другой слой Ctrl+J. Он  появится на прозрачном слое сверху основного.
http://i079.radikal.ru/1105/30/ac72c2c54163t.jpg
Если вам нужен четкий контур у объекта то ставите значение 0 или 1, если вы хотите более размытие края, то ставите большее значение. Вот так это будет выглядеть.
http://s45.radikal.ru/i110/1105/cc/9afe91177323t.jpg
http://s56.radikal.ru/i152/1105/9b/3f55a53204a8t.jpg

Еще можно отделять объекты от фона при помощи масок, но мне вполне хватает данного набора элементов)) да и по мне они проще, но это конечно на вкус и цвет… как говориться.
Конечно существуют еще и плагины по извлечению изображения с фона. Кстати в Photoshop CS3 есть встроенный фильтр «Извлечение», он расположен там где и все другие фильтры (показать не могу так как у меня 5-ый фотошоп уже стоит). К плагинам отношусь настороженно и не использую их в фотошопных работах. Мне кажется, что в фотошопе достаточное количество инструментов и нет необходимости устанавливать еще что-то ))
Надеюсь, что помогла вам в освоении инструментов для извлечения объекта с фона. Если есть какие-то вопросы или неточности в описании, пишите постараюсь ответить и исправить. :flirt:

Теги: Уроки Фотошоп

Отредактировано Олька (28-05-2011 19:34:09)

+43

2

Урок просто чудо!Как он необходим!Спасибо Вам большое! :writing:

+1

3

Замечательный урок. Все в одном месте. Выбирай подходящий случай, и отделяй свой объект. Давно хотел, чтобы такой урок был "под рукой".

+1

4

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

+1

5

Олька, вы выложили урок, даже раньше чем обещали. Супер! Так всё подробно и понятно. Спасибо большое! У меня есть ещё два вопроса, на счет фона и теней. Хотелось бы узнать как в самом фотошопе уже выделенный, отделённый объект поместить на другой фон.
Надо открыть новый документ (желаемый фон) и перетащить на него наш выделенный объект?  Я пробовала также командой Файл-Поместить. Вот думала, может есть ещё другие способы. И на счет теней, как их правильно наложить в фотошопе?  :blush:  Если не трудно, ответьте. Заранее благодарю.  :flag:

Отредактировано Оксюта (29-05-2011 17:50:19)

+1

6

Оксюта написал(а):

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

Я их сделала... если что-то непонятно пишите))
Урок по теням
Как вставить на фон

+1

7

Олька написал(а):

Я их сделала... если что-то непонятно пишите))

Извиняюсь, как я могла пропустить новый вчерашний урок.  :tomato:  Благодарю за помощь! Уроки действительно очень полезные.

+1

8

Олька, спасиб  милая,  всё  доходчиво и  с  картинками...

+1

9

Олька, спасибо за уроки, все доступно и доходчиво

+1

10

вырезала объект, а как его сохранить теперь таким?... совсем я начинающий...

0

11

Ольга написал(а):

вырезала объект, а как его сохранить теперь таким?... совсем я начинающий...

Идете Файл-Сохранить как и выбираете формат png. При последующем открывании в фотошопе, да и в ПроШоу этот объект будет на прозрачном фоне.

+1

12

Олька написал(а):

Если есть какие-то вопросы или неточности в описании, пишите постараюсь ответить и исправить.

А в каком формате сохранять выделение пером? PNG? У меня почему то при сохранении картинки в пнг фон не прозрачный. Может здесь какой то момент не учла.

0

13

Tatjana Haase написал(а):

А в каком формате сохранять выделение пером? PNG?

Да в пнг... Сделайте скрин чтоыб посмотреть что у вас там??? а вообще когда объект выделен (по его контуру такие бегающие муравьи) и мы нажимаем на Ctrl +J то он автоматически копируется на прозрачный фон. Можно еще посмотреть какие настройки у вас при создании нового документа в фотошопе стоят???
http://i004.radikal.ru/1107/40/99b3f13e7a4at.jpg

+2

14

Олька, спасибо за урок, в голове "разложилось все по полочкам".

+1

15

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

+1

16

Какой замечательный урок, спасибо Оля! У меня не очень получается реставрация ч/б фотографии , буду пробовать вырезать .Прочитав урок, поняла что раньше делала всё неправильно. Буду работать дальше ,с надеждой на успех [взломанный сайт]

+1

17

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

Отредактировано lena_K (04-08-2011 11:59:55)

0

18

lena_K Лен, вы вырезали отлично, но надо тогда довырезать полностью фигуры. Там где стоят свидетели надо точно вырезать голову девушки от черного фона... и думаю все-таки стоит убрать тень от молодого человека (чтобы только он остался). Полностью отделить невесту и убрать шкаф от сотрудника ЗАГСА и еще там вроде у жениха тень видна??? кажется что голова такая))) Мы с вами потом можем ведь сами сделать красивую тень от всех и одинаковую по цвету)))

0

19

Олька написал(а):

можем ведь сами сделать красивую тень от всех и одинаковую по цвету)))

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

0

20

Оля, а как вырезать сложные объекты, волосы, деревья и т. д.?

0

21

Надюша написал(а):

Оля, а как вырезать сложные объекты, волосы, деревья и т. д.?

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

1. Открыть изображение
http://s48.radikal.ru/i119/0908/c6/2735e92f048et.jpg
Перейти в палитру Каналы (Channels)  и посмотреть какой из каналов более контрастный и имеет больше деталей
красный http://s56.radikal.ru/i151/0908/3b/dbb98a1750e3t.jpg    зеленый http://s44.radikal.ru/i106/0908/ee/8acac953d183t.jpg    синий http://i075.radikal.ru/0908/41/c682da19e2f3t.jpg
Как видно на скринах, наиболее контрастным является синий канал, поэтому за основу маски нужно взять именно его. В красном и зеленом каналах меньше всего деталей изображения, поэтому их влияние нужно уменьшить

2. Вернуться в палиру Слои (Layers), внизу палитры выбрать "Создать новый слой заливки или настройки" и в выпавшем меню выбрать "Смешение каналов" (Channel Mixer)
http://i069.radikal.ru/0908/c6/bc125d7e683bt.jpg

В выпавшем окне поставить галочку в окошке "Монохромное изображение", и, передвигая бегунки, добиться максимально контрастного изображения. Значение синего канала нужно усилить, поэтому бегунок двигать вправо, а бегунки зеленого и особенно красного каналов двигать влево, уменьшая их влияние. Стараться не переусердствовать, чтобы не потерять деталей изображения (в данном случае волоски перышек)
http://s12.radikal.ru/i185/0908/17/cc179a4722e0t.jpg

3. Выделить все изображение (Ctrl+A), скопировать выделенную область Правка - Копировать Объединенное (Edit - Copy Merged)
http://s41.radikal.ru/i093/0908/c5/713392ad9028t.jpg

Отключить видимость слоя "Смешение каналов" (Channel Mixer)
http://s54.radikal.ru/i144/0908/f5/28d96c54c5adt.jpg

4. Перейти в палитру Каналы (Channels), создать новый слой нажав внизу палитры на квадратик с загнутым уголком
http://i082.radikal.ru/0908/e6/2a20d74cd449t.jpg
Новый слой автоматически получит название Alpha 1. Вставить скопированное изображение на этот слой (Ctrl+V)
http://i036.radikal.ru/0908/8e/98a4956eddfft.jpg

5. Необходимо еще больше усилить контрастность изображения. Для этого открыть окно Уровни (Ctrl+L) и в выпавшем окне двигать крайние ползунки таким образом, чтобы фон стал максимально белым, а объект практически черным
http://s11.radikal.ru/i183/0908/06/8cd98a4ab966t.jpg
Примечание: Очень важно не переусердствовать и не потерять мелкие детали по краю изображения (тонкие волоски, мех и т.п.), контролируйте каждое перемещение позунков.

6. Картинка очень контрастная, но на ней все еще есть дефекты - серые участки на фоне и белые пятна на утятах.
Выбрать инструмент Затемнение (Burn), кисть среднего размера с мягкими краями, Диапазон - Тени (Range - Shadows), Экспозиция - 10% (Exposure - 10%) и водя кистью по контурам объекта, затемнить края
http://i043.radikal.ru/0908/6e/987b6ab5a402t.jpg
Примечание: Экспозицию можно установить 25-40%, но лучше продвигаться медленнее и не потерять детали

7. Теперь выбрать инструмент Осветление (Dodge), настройки как на скрине...
http://s49.radikal.ru/i126/0908/2d/de4e3e867fb3t.jpg
... и высветлить все участки фона, которые нужно удалить. По контуру изображения проводить мягкими движениями, чтобы не стереть лишнее.

8. Основа маски практически готова, но на ней все еще есть белые области, которые при вырезании объекта дадут "дырки"
http://s16.radikal.ru/i190/0908/22/efa1ba6fd6eat.jpg
Необходимо "заштопать" их.
Взять круглую кисть маленького размера, жесткость - 100%, цвет - черный. Увеличить масштаб и осторожно закрасить белые пятна на изображении, не выходя за края.

9. Инвертировать изображение: Изображение - Настройки - Инвертировать (Image - Adjustments - Invert)
http://i016.radikal.ru/0908/cf/d89b08457625t.jpg
Получились белые утята на черном фоне. Если видны еще какие-то огрехи, исправить инструментами Затемнение и Осветление.

10. Сделать выделение по маске: при нажатой клавише Ctrl, кликнуть на изображении слоя Alpha 1
http://i007.radikal.ru/0908/9e/458d31e0eb2ct.jpg
Вокруг утят появится выделение "марширующие муравьи"
http://s41.radikal.ru/i094/0908/f3/3e1fc49d33c0t.jpg

11. Вернуться в палитру Слои (Layers), активировать слой с исходным изображением
http://i035.radikal.ru/0908/32/eb4fd0ccd22ft.jpg
Скопировать выделенную область на новый слой (Ctrl+J). Удалить указанные слои
http://s39.radikal.ru/i085/0908/97/12b9d3271279t.jpg

12. Получилось изображение на прозрачном фоне. Но если поместить его на контрастный фон, то станет заметна белая окантовка вокруг утят (остатки фона).
http://i015.radikal.ru/0908/20/e7de75726ccbt.jpg
Убрать ее по методике, изложенной выше: Слой - Окантовка - Удалить белую виньетку (Layer - Matting - Remove White Matte)
http://s57.radikal.ru/i155/0908/c9/a25598c4e9b1t.jpg    результат http://s50.radikal.ru/i129/0908/e5/f9f31abb4037t.jpg
Слой - Окантовка - Удалить кайму (Layer - Matting - Defringe)
http://s59.radikal.ru/i164/0908/bf/6c86487d5768t.jpg

Утята вырезаны из фона
http://i061.radikal.ru/0908/7c/a7acdd2405f9t.jpg
Можно удалять вспомогательный контрастный фон и сохранять в формате PNG.

Источник урока автор DjOlechka

+1

22

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

0

23

lena_K Вырезано просто отлично! Так намного лучше! и тень и тиснение тоже хорошо смотрится. [взломанный сайт]

+1

24

Олька, вот думала я что вроде все знаю по вырезанию, а про такую вещь "Слои – Обработка краев – Убрать кайму", и про каналы, впервые узнала из твоего урока. Вот действительно фотошопу можно учиться бесконечно! Каждый раз узнаешь что-то новое  [взломанный сайт]  Спасибо за отличный познавательный урок  [взломанный сайт]

+1

25

Оля ! Спасибо вам большое! Я делаю в фотошопе буквально первые шаги. Копирую ваши уроки и иду вслед за ними пошагово)))) Все просто и понятно!!!

+1

26

Mona написал(а):

Олька, вот думала я что вроде все знаю по вырезанию, а про такую вещь "Слои – Обработка краев – Убрать кайму", и про каналы, впервые узнала из твоего урока.

))) А я кстати еще вспомнила что можно вырезать и при помощи инструмента "Лассо"!!!! Постараюсь и его описать в ближайшее будущее)))

0

27

Оля, я все так сделала :
Слои – Обработка краев – Убрать кайму, в выпавшем окне ставим значение пикселов ширины каймы, Слои – Обработка краев – Убрать белый ореол (убрать черный ореол). а кайма , как была, так и осталась . Почему ?

0

28

Надюша написал(а):

Оля, я все так сделала :Слои – Обработка краев – Убрать кайму, в выпавшем окне ставим значение пикселов ширины каймы, Слои – Обработка краев – Убрать белый ореол (убрать черный ореол). а кайма , как была, так и осталась . Почему ?

Возможно картинка большая... попробуйте поставить большее количество пикселов, а не 1-2...

0

29

Олечка!!!!Очень интересно!!!!Я пробую вырезать с помощью "Быстрой маски" вроде бы подобрала пока под себя!!!Но у меня почему то если смотреть на черном фоне получается вырезка зубчиками а не ровненько!!!!Не подскажите почему??И что я делаю не так!!!!

0

30

Фиалка а вы можете показать как у вас получается???

0


Вы здесь » Art-Slide » Основы работы в Adobe Photoshop » Отделение объекта от фона при помощи разных инструментов фотошопа.


Рейтинг форумов | Создать форум бесплатно