Векторные маски

С этим уроком также смотрят

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

Фотомонтаж, создание этикеток, виньетирование, пиксель-арт, векторные маски и многое другое вы можете изучить только в данном видеокурсе!

Дополнительные материалы для курса можно скачать по ссылке.



Adobe® and Photoshop®®are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 24 мая 2012

Adobe® Photoshop® как инструмент профессионала,
Графика

Loading the player...
Скачать урок
Текст урока
Векторные маски в Фотошоп
 

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

Поговорим немного о масках.

Маски — одна из важнейших функций Photoshop Они позволяют частично или полностью скрывать различные эффекты или содержимое слоя.

Существует два типа масок — векторные и обычные. Они отличаются принципом действия.

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

Векторные маски состоят из линий, описанных математическими формулами и не имеющих никакого отношения к пикселям. Для создания таких масок применяют инструмент «Pen»– «Перо», а также инструменты, позволяющие получать готовые векторные фигуры.

Главное преимущество векторных масок — возможность в любой момент изменить созданные с помощью инструмента «Pen» точки и линии.

Векторные маски — идеальное средство для выделения объектов с четкими краями.

Перейдем непосредственно к работе над нашим изображением.

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

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

Перейдите к фотографии с деревянной текстурой. Данную текстуру необходимо выделить, а затем вставить на основную фотографию. Для выделения нажмите сочетание клавиш на клавиатуре «Ctrl+A», чтобы выделить все изображение целиком. Затем скопируем выделенную область, воспользовавшись сочетанием клавиш «Ctrl+C.

Теперь перейдем к основному изображению с телевизором. Вставьте скопированную текстуру с помощью сочетания клавиш «Ctrl+V».

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

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

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

Для перемещения изображения, удерживайте клавишу «пробел». Это позволит перемещать и осматривать изображения без смены текущего инструмента.

Теперь перейдем непосредственно к работе с инструментом «Pen» – «Перо». Вы можете выбрать его на панели инструментов или простым нажатием латинской «P» [ПИ] на клавиатуре.

Данный инструмент необходимо предварительно настроить. Для этого на панели опций кликните по иконке «Paths», а затем по иконке «Subtract from path area» – «Вычитание контура из имеющегося».

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

Установим первую точку в левом верхнем углу телевизоращелкнув левой кнопкой мыши. Теперь переместим курсор к правому верхнему углу, установим вторую точку, и оставим зажатой левую кнопку мыши. Перетаскивая курсор вниз и вправо, мы можем изменять форму кривой. Таким образом, чтобы она максимально точно повторяла контур телевизора. Можно отпустить клавишу мыши.

Вернемся немного назад. Если посмотреть на верхнюю грань телевизора, можно заметить, что она слегка выходит за пределы кривой. Мы не сможем просто поднять кривую, иначе она не совпадет с краем телевизора. Поэтому кликаем по кривой левой кнопкой мыши и добавляем еще одну опорную точку. Теперь, удерживая клавишу «Ctrl», слегка подтянем кривую вверх. Таким образом, линия, созданная с помощью инструмента «Pen», в точности огибает грань телевизора.

Вернемся к последней точке кривой, которую мы установили в правом верхнем углу телевизора. Если попробовать добавить еще несколько точек, линия будет повторять форму кривой на участке между двумя последними точками. Поскольку нам это не нужно, кликните по последней точке, удерживая клавишу «Alt».

Теперь вы можете добавить еще пару коротких прямых линий, чтобы очертить угол телевизора.

Подобным образом необходимо выделить контур телевизора вместе с подставкой. В правой части телевизор имеет ровную грань, в этом месте нет необходимости искривлять линию. Чуть дальше идет изгиб подставки. Здесь необходимо создать опорную точку. Удерживая клавишу мыши, придайте кривой нужную форму, чтобы она аккуратно очерчивала контур подставки.

Удерживая «Alt», кликните по последней точке, прежде чем создадите еще одну на плоском участке подставки, перед началом второго изгиба. Все последующие изгибы создаются аналогичным способом. Удерживая клавишу мыши, скорректируйте форму кривой, затем отпустите мышь. Как и до этого, кликните по созданной точке, удерживая «Alt», чтобы снова создать прямую линию.

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

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

В работе с инструментом «Pen» нет ничего сложного, необходимо лишь знать несколько способов редактирования контура. Теперь, когда вы знаете, как работать с данным инструментом, создайте необходимый контур вокруг телевизора.

Сейчас, когда работа с контурами подходит к концу, необходимо замкнуть контур. Кликнув по первой точке. Контур выделен, теперь вы можно снова уменьшить масштаб с помощью сочетания клавиш «Ctrl».

Сделаем слой с деревянной текстурой видимым.

Удостоверившись, что контур активен, откройте меню «Layer– «Слой», раскройте меню «Vector Mask» и выберете команду «Current path».

Телевизор, подставка и пол станут видимыми.

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

Нажмите клавишу «Enter» и кликните по векторной маске на панели «Layers»– «Слои». На панели опций инструмента «Pen» кликните по иконке «Add to path area»– «добавить контур».

Создадим контур вокруг участков под подставкой, где все еще видны остатки прежних обоев. Эти участки будут заменены деревянной текстурой в автоматическом режиме, даже до того, как вы замкнете контур.

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

Участков, которые необходимо выделить несколько. Поэтому необходимо создавать контуры поэтапно, и прежде, чем перейти к новому контуру, нужно замкнуть предыдущий.

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

Нам необходимо добавить тень под телевизором на новом деревянном фоне. В такие моменты преимущество работы с векторными масками становится особенно очевидным. Скройте слой с деревянной текстурой. Нам необходимо выделить область тени. Для этого воспользуемся инструментом «Polygonal Lasso»– «Прямоугольное лассо», выбрав его на панели инструментов или нажав латинскую «L» на клавиатуре.

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

Не снимая выделение, добавьте корректирующий слой «Curves» над слоем с деревянной текстурой. Для этого выделите верхний слой на палитре слоев. Нажмите кнопку «Create a new fill or adjustment layer» и выберите команду «Curves».

Удерживая клавишу «Alt», кликните между корректирующим слоем и слоем с текстурой, чтобы создать обтравочную маску.

Далее необходимо сделать слой с текстурой видимым.

На панели «Adjustments» немного опустите кривую, чтобы затемнить фрагмент изображения. Для этого кликните в центре диагонали, чтобы создать опорную точку. А затем переместите её вниз. При этом тень на фотографии станет более темной. Опустите кривую до такого уровня, чтобы тень под телевизором была примерно одинаковой с тенью на полу.

Теперь необходимо размыть края тени. Для этого воспользуемся фильтром «Gaussian blur»– «Размытие по Гауссу».

В настройках фильтра установим значение «Radius» равным пяти. Также можно уменьшить непрозрачность слоя для получения оптимального эффекта.

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

Перейдите к третьему изображению. Для выделения фотографии нажмите сочетание клавиш «Ctrl+A» чтобы выделить весь рисунок целиком. Затем скопируйте выделенную область, сочетанием клавиш «Ctrl+C»

Перейдите к основному изображению с телевизором. Вставьте скопированную фотографию с помощью сочетания клавиш «Ctrl+V».

Как видите, вставленное изображение слишком большое. – оно выходит за рамки экрана телевизора. Для того чтобы подогнать рисунок под нужный размер, воспользуемся инструментом трансформации.

Нажмем сочетание клавиш «Ctrl+T».

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

Теперь необходимо перейти к работе с контуром экрана. Для этого будет использоваться инструмент «Pen».

Скройте изображение с девочкой и выберете инструмент «Pen» – «Перо».

Для более удобной работы увеличьте масштаб до ста или двухсот процентов.

Работу с контурами мы уже разбирали. Поэтому для Вас не составит труда выделить область экрана используя стандартные способы работы с пером.

Если вдруг Вы поставили точку не в том месте, удалить ее можно с помощью кнопки «Delete». Также положение точки можно изменить, удерживая клавишу «Ctrl» и перемещая точку в нужное место.

После создания контура вокруг экрана, мы можем вставить изображение с помощью маски. Для этого необходимо сделать видимым изображение с девочкой. Удостоверившись, что контур активен, откройте меню «Layer» – «Слой», и в подменю «Vector Mask» и выберете команду «Current path».

Теперь необходимо понизить значение непрозрачности верхнего слоя. Значение 75 вполне подойдет.

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

Вот мы и получили итоговое изображение. Всего в несколько шагов можно сделать из нескольких фотографий одну.

В данном видеоуроке для вставки изображения мы использовали векторные маски, а для работы с контуром использовался инструмент «Pen» – «Перо». Работать с векторными масками достаточно удобно, они обладают рядом преимуществ, одним из которых является возможность в любой момент изменить созданные с помощью инструмента «Pen» точки и линии, что позволяет создать более подходящий контур для изображения.

Таким образом, векторные маски вы можете использовать в повседневной работе с «Adobe Photoshop» а использование инструмента «Pen» поможет создать контуры с четкими и ровными краями.

Комментарии (0)

Оглавление
1. Фотомонтаж. Обработка фотографий. 14:19 9 27505
2. Создание этикетки 8:00 1 22360
3. Рисуем снег, дождь, солнце 18:10 0 9833
4. Filter «Lens Correction» 7:16 0 4062
5. Гистограмма снимка 9:33 1 5800
6. Как создать реалистичную тень? 16:33 0 8461
7. Векторные маски 15:54 0 7416
8. Портретная ретушь 11:27 0 9478
9. Эффект старения 16:46 0 15634
10. Ретуширование в Фотошопе 10:02 1 10557
11. Яркие цвета 1:45 2 7875
12. Виньетирование 2:03 0 5988
13. Пиксель-арт 19:12 0 11397
14. Восстановление старых фотографий 11:52 1 21433
15. Маски слоя и масляные краски 21:04 0 7229
16. Инструмент "Custom Shape" и ретро графика 23:10 0 3206
17. Имитация акварели 18:09 1 5573
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook