altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Учимся выделять
Автор: Алиса   
05.05.2009 16:06

Собственно, действительно один из азов Фотошопа - выделение. Способов выделения в Фотошопе поистине много, давайте разберём их по порядку...
Первое, что нужно понять - каждый способ хорош для своего случая. Поэтому, прочтите всю тему, чтобы при необходимости уметь выделять быстро и просто smile

alt

С чем мы познакомимся в этом уроке: инструменты Rectangular Marguee Tool, Elliptical Marguee Tool, Magic wand tool, использование Quick Mask (быстрой маски), сохранение выделения с помощью каналов ("Channels")

Выделение при помощи инструментов - геометрических форм.

Этот способ выделения хорош, если вы хотите выделить что-то геометрической формы - круглое, квадратное. Что-то с острыми углами. Способ не подходит для выделения чего-то непростой замысловатой формы, например волос.

1) Rectangular Marguee Tool
Это банальное прямоугольное выделение smile Оно находится здесь:

alt

Или же выбирается автоматически при нажатии клавиши M при английской раскладке клавиатуры.
Если у вас выбрано не это выделение, то просто щёлкаем по тому же квадратику, где по-идее оно должно быть правой клавишей мыши и из небольшого выпадающего списочка выбираем именно его:

alt

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

alt

Теперь обратим наше внимание на прилагающуюся к этому инструменту панель настроек. А точнее я вам её распишу:)

alt

1. На этой части панельки вы видите четыре кнопочки.
Если вы нажмёте и активизируете первую кнопочку, то выделение ваше будет как бы единичным. То есть вы проводите выделение и, если начнёте новое, старое просто исчезнет.
Если нажмёте и активизируете вторую кнопочку, то начиная второе выделение, вы будете его как бы добавлять к первому, а в местах, где они будут накладываться друг на друга, она будут сливаться. Ну вот примерно так:

alt

Если нажмёте и активизируете третью кнопочку, то вы будете как бы из первого выделения "вычитать" второе. В общем на словах мне это трудно объяснить, вы лучше пробуйте smile Ну вот так оно будет примерно выглядеть:

alt

При активизации четвёртой кнопочки вы будете как бы задавать рамку выделения, за пределы которой выделение не может выходить. То есть, например, если у вас было сделано вот такое выделение (с помощью активизации второй кнопочки):

alt

И вы проведёте вот такое выделение (при активизированной четвёртой кнопочке):

alt

То всё, что будет за его пределами, исчезнет, то есть станет выглядеть вот так:

alt

2. С помощью вот этого параметра - Feather - вы можете задавать сглаженность углов. Чем больший коэффициент будет стоять в графе, тем более закруглённые углы. Например вот так получится с коэффициентом, равным в 15 пикселей:

alt

3-4. Последние два параметра связаны между собой. Если в графе Style выбрано Normal, вы будете рисовать и тянуть своё выделение, сколько душе угодно smile

Если же вы выберите следующий параметр - Fixed Aspect Ratio, то, вам станут активны окошки Width и Height (обозначенные у меня цифрой 4). Это выделение основывается на соотношении и пропорции. То есть введя, например, в графу Width (ширина) 1 и в графу Height (высота) 2, вы получите вот такое выделение:

alt

То есть, как вы видите, высота выделения превосходит его ширину РОВНО в два раза,проще говоря у нас одна единица выделения по ширине, и две по высоте. Это выделение можно применять при создании рамок, но, думаю, следующий способ будет легче и удобнее...

Если в графе Style вы выберите параметр Fixed Size, то вам предложится в графе Width и Height указать точный размер выделения в пикселах. Вот так, например, будет выглядеть выделение с параметрами Width 15 и Height 200 пиксел:

alt

Это самый оптимальный способ для рисования ровных выделений, например, для рамочек wink

2) Elliptical Marguee Tool
Это круглое выделение. Оно находится здесь:

alt

Или же выбирается посредством нажатия "горячей" клавиши M при английской раскладке клавиатуры.
Если у вас выбрано не это выделение, то просто щёлкаем по тому же квадратику, где, по идее, оно должно быть правой клавишей мыши и из небольшого выпадающего списка выбираем именно его:

alt

Расписывать далее его просто нет смысла - все его параметры аналогичны параметрам и опциям прямоугольного выделения, так что смело пробуйте и экспериментируйте с ними, опираясь на уже полученные знания о прямоугольном выделении wink

Выделение при помощи инструмента - "Волшебная палочка"

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

Инструмент этот выглядит вот так:

alt

Выбираем его. Открываем в фотошопе картинку, на котором нам нужно выделить часть.
Я выбрала вот эту:

alt

Моя цель - выделить весь светлый фон вокруг человека и шарика.

Пржде чем выделять обратите внимание на панель, которая появилась вверху, при нажатии на инструмент:

alt

Первые несколько кнопок вам знакомы по уроку выше - это возможность добавить к выделению еще часть, вычесть из выделения часть.
Далее важное значение - Tolerance (Допуск). По умолчанию стоит 30. Объясняю что это значит - допуск - это близжайшие цвета к тому, на который вы нажмете, выделяя. Если допуск будет большой, то и спектр цветов вокруг того, который вы выделите - большим. Ели маленький допуск - вы выделяете только тот цвет на который тыкаете + самые ближайшие цветовые оттенки. Ну допустим вы выделяете просто белый фон - вам достаточно допуск в значении "1", а если мы выделяем фон как в нашем примере - 30-40 будет оптимально.
В общем на опыте все поймете smile

Contiguous - это продолжительность. Если поставить рядом с ней галочку, то цвет, который вы выбрали выделится на всей картинке, а не только на той части, что вы выделили.

Теперь можно приступать к выделению.
Выбираете на панели тип выделения "добавление к предыдущему", ставите допуск 30-40 и галочку рядом с Contiguous. Тыкате на фон.
У меня вышло вот так, выделился не весь фон:

alt

Но т.к. я могу добавлять к выделению, я продолжаю жать на те участки, которые не выделились. И очень скоро я выполняю поставленную задачу:

alt

И вам удачи wink

 

Выделение с помощью "БЫСТРОЙ МАСКИ"

Итак, берем картинку, с которой будем работать, у меня вот такая:

alt

дальше переходим в саму "Быструю маску",(Quick mask) значок на панели инструментов выглядит вот так:

alt

Кликаем по нему мышкой или просто нажимаем горячую клавишу "Q"

Примечание: Хочу сразу показать вам, как настроить удобнее режим "Быстрой маски". Если дважды кликнуть по значку быстрой маски левой кнопкой мышки, выскочит вот такое окошко:

alt

У вас, по умолчанию стоит режим "Маскированные области" (Masked areas), Что это означет? Это означает, что когда вы будете выделять определеную часть картинки, то при выходе из маски, выделена будет область, которую вы не закрашивали, если вы поставите галочку туда где стоит на моем скрине, то выделяться будет то, что вы непосредственно выделили, ниже, вы можете задать цвет самой маски, по умолчанию стоит красный, у меня синий. Ну и соответственно прозрачность самой маски, у меня стоит 100%, по умолчанию -50. Прозрачность удобна, если необходимо видеть картинку под выделением.

Итак, продолжаем. Вы настроили свою маску так, как вам удобней, и теперь приступаем к самой процедуре выделения:

Выбираем кисть, которой будем выделять, в каждом случае по разному, если это какие то мелкие детали, то конечно лучше брать маленькую кисточку, если это большой объем, то соответственно можно взять кисть побольше.
Если кто то не помнит как выглядит значок кисти, то напоминаю, вот так: alt или гор. клавиша "В"

Начинаем выделять, т.е закрашивать ту часть, которую хотим скопировать, приближаем картинку для удобства закрашивания. Предлагаю сначала закрасить края маленькой кистью:

alt

Потом увеличить кисть в размере и закончить выделение:

alt

Вот мы выделили нужную нам часть картинки целиком

alt

Примечание: Если вдруг случилось так, что вы заехали за края, то исправить все очень легко, выберите инструмент "Ластик" alt или клавиша "Е" и просто подотрите там, где вам нужно...

Когда все готово, мы выходим из режима "Быстрой маски", нажимая на значок рядом со значком маски, или снова жмем на "Q"

alt

Теперь у нас пропадает наш синий цвет и бабочка обведена пунктирной линией, это означает, что мы ее выделили. Выглядит это так:

alt

Дальше мы нажимаем Ctrl+J и выделенная область вставляется на отдельный слой в окне слоёв.

Итак вот, что у нас должно получиться в итоге:

alt

Примечание: Если вам нужно обратное выделение, т.е. что бы выделился фон, а не бабочка, то нажмите при выходе из "Быстрой маски" , нажмите на "Shift+Ctrl+I" на клавиатуре, выделен сразу станет фон:

alt

 

Сохранение выделения.

 

С помощью каналов.

Зачем оно нужно? Допустим вы выделяете что-то очень мелкое, сложное. А выделение это вам может понадобится не один раз. Хороший пример, в котором нам понадобится выделение дважды в уроке "Объем аватары". Советую изучить этот простенький урок по сохранению выделения, очень велика вероятность, что в будущем он вам пригодится smile

Я взяла вот эту картинку:

alt

Допустим, у меня та же задача, что и в уроке про объем аватары - скопировать на отдельные слои - отдельно фон и отдельно кошку с табуреткой. Если бы я не умела сохранять выделение, то мне пришлось бы выделять одно и тоже два раза. Муторно и неудобно. Давайте учиться сохранять выделение smile

ВНИМАНИЕ: пользоваться каналами можно, если ваша картинка в формате цвета RGB. Поэтому, предварительно проверьте тот ли формат. Сменить свой формат цвета можно здесь:

alt

Сначала выделяем как обычно - что-то одно. Я выделила кошку с табуреткой с помощью быстрой маски:

alt

В моем случае довольно не просто было бы выделять усы во второй раз. Да и просто лень smile

Теперь, не снимая выделения, в окошке "Layers" (Слои) идем на вкладку "Channels" (Каналы):

alt

Видим перед собой следующее:

alt

Здесь включены все слои цветов RGB, если выключить их видимость - изображение потеряет изначальный вид. Поэтому мы их не трогаем.

Нам нужно создать здесь новый канал. Канал выделения.
Для этого (ваше выделение до сих пор не снято) нажимаете на кнопку внизу окошка "Channels" - "Save Selection as channel" (Сохранить выделение как канал). Выглядит эта кнопка вот так:

alt

Когда вы ее нажали, создался новый канал - ваше выделение, называемое по умолчанию Alpha1:

alt

Теперь возвращаемся обратно на вкладку Layers (Слои) и нажимаем "Ctrl + J", копируя как обычно наше выделение на отдельный слой:

Теперь наша задача - тоже самое выделение инвертировать и скопировать уже фон на отдельный слой. Снова идем на вкладку "Channels" (Каналы).
Видим там наше сохранение, зажимаем на клавиатуре кнопку "Ctrl" и тыкаем мышкой по нашему сохраненному каналу. Вот и все, наше выделение снова активно.
Теперь мы можем инвертировать его (нажав ctrl + shift + I)

alt

и скопировать на отдельный слой фон вокруг кота:

alt

ВНИМАНИЕ: копируя на отдельный слой фон вокруг кота убедитесь, что вы копируете из основном картинки, т.е. выделен должен быть изначальный слой!

Вот таким простым способом мы не выделяли одно и тоже два раза smile Удачи в освоении!

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)