Волшебная фазенда

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

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


Вы здесь » Волшебная фазенда » F.A.Q. по Photoshop. Основы работы в Photoshop » Обязательный Урок №2. Вырезание при помощи инструмента "Перо"


Обязательный Урок №2. Вырезание при помощи инструмента "Перо"

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

1

Преподователь DJOlechka
Постараюсь рассказать как я вырезаю объекты при помощи этого инструмента. Этот способ незаменим в тех случаях, где фон неоднородный, пестрый и очень близок по цвету с объектом, который хочется вырезать. Практически – это единственный метод для подобных картинок.

0

2

Взять картинку, у которой нужно удалить фон.
http://s59.radikal.ru/i164/0909/7a/ea711b534021t.jpg

Выбрать инструмент Перо, установить настройки как на скрине, сильно увеличить масштаб изображения
http://s45.radikal.ru/i108/0909/e7/eb7f7253011ft.jpg

Найти на изображении более-менее горизонтальный участок (без изгиба) и поставить начальную точку кликнув левой клавишей мышки. Все точки ставим не на самом краю, а чуть-чуть заходя на объект, стараясь не захватывать фон. Немного отступив, ставим вторую точку (клавишу мышки не отпускаем!).
http://s55.radikal.ru/i147/0909/fd/8eb65b3e2551t.jpg

Между точками появляется прямая линия. Но у бегемотика здесь локоток и нужна плавно изогнутая линия. Не отпуская левую клавишу, двигаем мышку влево. Около точки влево и вправо появляются линии, которые позволяют сделать изгиб. Двигать нужно так, чтобы получилась касательная к линии локтя на этом участке (клавишу все еще не отпускаем!). Теперь зажимаем Alt и возвращаем левую половинку этой касательной в центральную точку (по направлению красной стрелки).
http://s42.radikal.ru/i095/0909/8f/55ac9be38d4at.jpg

Чем более плавный участок, тем дальше друг от друга можно ставить точки. Тогда и размах касательной будет больше.
http://i067.radikal.ru/0909/68/393b97e1db05t.jpg

Попробуйте, потренируйтесь, нужно «почувствовать» как изгибается линия. Все приходит с опытом.
У нас по пути движения встретились реснички, не игнорируйте их, постарайтесь аккуратно обвести все мелкие детали
http://i027.radikal.ru/0909/54/a7fd5b5ad5a4t.jpg

Если обводимые детали очень мелкие, то следует еще больше увеличить масштаб и точки нужно ставить гораздо ближе друг к другу. Чем точнее будет контур, тем лучше получится выделение
http://s57.radikal.ru/i156/0909/51/9cb50828d43et.jpg

Примечание: если по каким-либо причинам построенная линия не понравилась, в палитре История (History) можно вернуться на нужное количество шагов и построить линию заново.
http://s51.radikal.ru/i134/0909/41/f339a6a2e661t.jpg

Таким образом обойти все изображение. Подведя стрелку к исходной точке, замкнуть контур. Бегемотик обведен сплошной тонкой линией, все точки исчезли.
http://s44.radikal.ru/i105/0909/ad/2655edee6d8et.jpg

Если только сейчас заметили какие-либо неточности, то еще не поздно исправить. Чтобы изменить местоположение какой-либо из точек привязки контура, нужно нажать несколько раз комбинацию клавиш Shift+A, пока не активизируете инструмент Прямое выделение (Direct Selection) (курсор этого инструмента имеет вид стрелки белого цвета). Щелкнуть на контуре левой клавишей мышки – появятся все точки привязки.
http://i043.radikal.ru/0909/f6/dbc24dbea16dt.jpg

Теперь можно двигать и сами точки привязки...
http://s56.radikal.ru/i154/0909/bd/98fb3911c73ft.jpg

... а можно редактировать кривизну линий контура зацепившись за крайнюю точку касательной и перемещая ее в другое место
http://i006.radikal.ru/0909/94/7e42c40afe9bt.jpg

Теперь нужно превратить этот контур в выделение. Кликнуть правой клавишей мышки на рабочем поле, в выпавшем меню выбрать Сделать выделение (Make Selection).
http://s48.radikal.ru/i120/0909/2a/fdc4817cf72dt.jpg

Далее нужно определиться с радиусом растушевки (Feather Radius). Как правило это от 1 до 3 пикселей. Чем меньше размер картинки, тем меньше должна быть цифра в окошке. Для этой картинки достаточно 1 пиксель
http://s47.radikal.ru/i118/0909/d8/45844a629099t.jpg

Вокруг бегемотика появится выделение "марширующие муравьи". Скопировать это выделение на новый слой (Ctrl+J)  и удалить нижний слой
http://i028.radikal.ru/0909/b7/37d62bfa9fabt.jpg

Мы получили вырезанное изображение на прозрачном фоне, теперь можно сохранить его в формате PNG
http://i059.radikal.ru/0909/b0/da7acded19d0t.jpg

Готово!
http://s40.radikal.ru/i087/0909/e2/9147175d32act.jpg

Для примера в этом уроке я взяла очень простое изображение, но могут встретиться картинки, где нужно будет удалить элементы фона внутри выделенного контура
http://i026.radikal.ru/0909/45/619537ef5107t.jpg

После выполнения всех предыдущих шагов, пером выделить область внутри изображения, замкнуть кривую, сделать выделение (с точно таким же радиусом размытия!) и нажать на Delete. После этого обязательно нужно снять выделение (Ctrl+D) и только после этого обводить следующую область, которую нужно удалить.

Таким образом можно вырезать очень сложные объекты из пестрого фона
http://s59.radikal.ru/i166/0909/d7/9b1eecff3adat.jpg   http://s40.radikal.ru/i087/0909/7c/f59e2bb07a58t.jpg

Отредактировано DjOlechka (2009-09-17 12:45:23)

+4

3

Оль, еще раз спасибо за такой подробный урок! Вот навырезала...http://s4.rimg.info/8e12b96d087ec7ce56313c229be3bf91.gifСидела долго, не все получилось, но теперь я знаю, как и что делается. Могу исправить ошибки. Теперь буду набивать руку)

http://s13.radikal.ru/i186/0909/c0/1e144ce8d819t.jpg

+3

4

Наташенька, а ты не забываешь возвращать половину касательной в исходную точку? Когда ты двигаешь мышку образуя касательную, она вытягивается в обе стороны
http://s48.radikal.ru/i121/0909/19/0dbac9c96c42t.jpg

Что происходит, если одну из половинок не вернуть в центральную точку? Когда ставишь следующую точку на границе изображения, то получается совершенно не нужный изгиб
http://s55.radikal.ru/i150/0909/a3/5c4926e077c8t.jpg

Это происходит потому, что крайние точки касательной являются центрами искривления линии между точками, которые мы ставим. Поэтому нужно обязательно убрать этот центр, чтобы осталась только та половинка, которая отвечает за уже построенную готовую часть кривой.
http://i020.radikal.ru/0909/0b/4f0a98bed128t.jpg

Если теперь ты поставишь следующую точку, они соединяются уже прямой линией
http://i016.radikal.ru/0909/e8/4fe71d09d394t.jpg

И теперь можно работать только с этой частью контура, укладывая на ней свою, нужную тебе кривизну.
http://s45.radikal.ru/i108/0909/d8/cca604758a4at.jpg

Хотя возможно ты не это имела в виду, когда говорила

радостная написал(а):

У меня не получается правильно ставить следующую точку после изгиба. Я ее ставлю далеко  на выделяемом объекте и поручается не плавная линия,  а волнистая

Мне не совсем понятно почему у тебя получается волнистая линия, по идее если ты ставишь точки слишком далеко, у тебя должна получаться как раз более прямая линия, чем на картинке. Может быть проблема в том, что ты не совсем точно оцениваешь кривизну линии, которую тебе нужно обойти? В этом случае лучше немного перестраховаться и просто ставить точки поближе друг к другу. Хотя вся "прелесть" этих кривых в том, что можно не "мельчить", а работать "широким взмахом руки"  http://s9.rimg.info/4b435ec34fd661a2adf282dbbc23872f.gif

А по поводу отрисовок... , поняла, поставила себе галочку. Попробую написать еще один урок.

Отредактировано DjOlechka (2009-09-20 12:40:45)

+1

5

С помощью перо вырезала Софийку - дочку shatsik
http://s42.radikal.ru/i096/0910/ea/dac11bfb0c88t.jpg

0

6

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

0


Вы здесь » Волшебная фазенда » F.A.Q. по Photoshop. Основы работы в Photoshop » Обязательный Урок №2. Вырезание при помощи инструмента "Перо"