Профиль All of Photoshop (RU) Вместо извинений за свой пост, прочтите это All of Photoshop (FAQ) — TOP 5 Не менее полезные ссылки Поиск по меткам 20 лет с photoshop, 2010, 2012, adobe, adobe cs6, adobe evolution, adobe photoshop, adobe photoshop elements, adobecreativedays, after effects, allofphotoshop, apple, bug, color, competition, creative cloud, creative days, creative future, creative suite, creative suite 6, creativefuture, creativefuture 2010, cs 5.5, cs5, cs6, drawing, event, facebook, help, illustrator, lightroom, link, moscow, news, photoshop, photoshop cs6, photoshop elements, poll, premiere elements, premiere pro, ru_photoshop, sale, steve jobs, stuff, terry white, tutorial, useful, video, wacom, Москва, Новости, Россия, Терри Уайт, бесплатно, вебинар, видео, день фотографа, джейпег, евангелист от Adobe, интервью, история, календарь, конкурс, конференция, мероприяте, музей, не умею читать по-английски, новый тэг: я круче всех! абсолютно!, объявление, онлайн, паранормальное, программное обеспечение, скидка, сочи, спикер, туториал, форум, фотограф, фотожаба, фотошоп, эволюция творчества, это фотошоп!, я не могу догадаться заглянуть в FAQ, я не умею запускать программы, я не умею пользоваться поисковиком, я талантливый сын своего времени | 29-янв-2004 21:09 |
Где в фотошопе быстрая маска. Инструмент выделения Photoshop
Теперь можно рассмотреть более профессиональный инструмент работы с выделенными областями — маски. Градиентные маски.
Мы уже в достаточной степени освоились с выделениями и научились работать с выделенными областями. Теперь можно рассмотреть более профессиональный инструмент работы с выделенными областями — маски. Зачем вообще нужны маски? Неужели изученные нами инструменты выделения чего-то не умеют? Дело в том, что все ранее рассмотренные способы позволяют выделять области произвольной формы, но ни один из них не может учесть различия в уровнях фокусировки. Несомненно, вы видели коллажи, в которых один объет плавно перетекает в другой. Именно с помощью масок создаются подобные эффекты перехода. К тому же маски позволяют выделить произвольную область или скорректировать существующую. Давайте же познакомимся с наиболее интересным и мощным средством Photoshop.
Суть масок состоит в следующем: если одна часть изображения выделена и мы можем работать только с ней, то оставшаяся часть изображения называется маскированной, т.е. закрытой маской. Маску можно сравнить с чёрной бумагой, которой фотографы закрывают часть фотобумаги при печати фотографий. Это делается для того, что бы свет из фотоувеличителя попадал только на определённые участки бумаги и не затрагивал тех участков, которые фотограф закрыл чёрной бумагой. Схематично маску можно представить следующим образом.
— это контур выделения, представленный в виде градаций серого цвета. При этом:
- Выделенные области представляются белым цветом.
- Невыделенные области представляются черным цветом.
- Частично выделенные области представляются оттенками серого цвета. Чем сильнее выделена область, тем светлее ее маска. Соответственно темно-серым цветом представлены почти не выделенные области.
Быстрая Маска (Quick Mask)
Логично было бы предположить, что если мы можем указать выделенную область, то можем указать и маскированную область. В Photoshop маску можно буквально нарисовать, причём любым инструментом рисования. Очень часто маска является незаменимым инструментом выделения. Посмотрите на фотографию. Даже инструменты Магнитное Лассо и Волшебная Палочка сойдут с ума, если заставить их выделить белую фигуру на белом фоне. Предлагаю при помощи маски выделить фигуру девушки в документе photo.jpg . Для этого нужно сделать следующее:
Цвет и прозрачность создаваемой маски можно настроить по собственному усмотрению. Для настройки этих параметров достаточно дважды щёлкнуть на кнопке перехода в режим быстрой маски.
Настройки маски предназначены исключительно для вашего удобства. Цвет, которым вы обозначаете маскированную область, не влияет на изображение, а прозрачность изменяется только для того, что бы вы могли видеть то, что закрываете маской. Рассмотрим действие переключателей в разделе
Щёлкните дважды на пиктограмме перехода в режим быстрой маски. В появившемся диалоговом окне настроек быстрой маски переключите в разделе Color Indicates переключатель на . Картинка моментально изменится и Вы увидите следующее:
Обращаю ваше внимание на то, что маска рисуется чёрным цветом, а стирается белым цветом или резинкой. Все остальные цвета в режиме быстрой маски выводятся как градация серого цвета (в зависимости от их яркости). Интересным аспектом является то, что чем светлее цвет (по шкале серого), тем прозрачнее будет выделенная область. Прозрачность при этом будет тоже особенная, а именно, такая же, как и при выполнении команды Feather (растушевка). Убедитесь в этом следующим образом.
Градиентные маски.
Попробуем ознакомится с принципом создания градиентных масок. Как уже обсуждалось выше, маска может придавать прозрачность выделенной области. Воспользуемся этим для создания красивейшего эффекта, называемого градиентной маской. Смысл этого действа заключается в возможности создания маски любым рисующим инструментом и в особенностях интерпретации серого цвета, заполняющего маску, как полупрозрачного. Иначе говоря, одно изображение будет накладываться на другое с
В правый нижний угол я вставила часть изображения Flower.psd из папки Samples. Эта часть также градиентно растворяется в фоне. Для создания этого эффекта я заливала быструю маску линейным градиентом.
Режим Quick Mask (Быстрая маска) — один из лучших инструментов выделения в Photoshop. Я постоянно использую его при создании и модификации выделенных областей, а также при оценке качества и точности выделенных областей, созданных с помощью стандартных инструментов выделения, рассмотренных раньше в настоящей главе. Короче говоря, режим быстрой маски позволяет увидеть, какие участки изображения являются активными (выделенными), а какие — неактивными (невыделенными), благодаря прозрачному перекрытию. Режим быстрой маски очень гибок и функционален; он позволяет применять многие инструменты выделения и фильтры; кроме того, быструю маску можно сохранить как альфа-канал для использования в будущем. К сожалению, многие люди считают режим быстрой маски инструментом для начинающих пользователей и любителей, однако это не так: режим быстрой маски находит немало применений.
Сове т Прежде чем приступить к знакомству с режимом быстрой маски в следующих упражнениях, убедитесь в том, что заданы стандартные значения параметров этого режима. Для этого можно дважды щелкнуть на левом значке Quick Mask (Быстрая маска) в палитре инструментов. Убедитесь
в том, что заданы значения параметров, указанные на
рис. 2.52.
Рис. 2.52.
Стандартные параметры режима быстрой маски
Начнем с выделенной области
После создания первоначальной выделенной области с помощью стандартного инструмента выделения щелкните на значке Quick Mask (Быстрая маска) под значком выбора цвета в палитре инструментов; кроме того, можно просто нажать клавишу
. Photoshop отобразит изображение, используя красное прозрачное перекрытие (которое можно сравнить с защитной прозрачной пленкой) над неактивными участками изображения. В результате доступными для редактирования будут только выделенные участки. Обратите внимание, что при этом «марширующие муравьи» исчезают. В режиме
быстрой маски можно изменять и корректировать выделенные области, не боясь случайно снять выделение. Однако лучше всего то, что у вас появляется возможность видеть, какие участки выделены, а какие нет, а также использовать черный и белый цвета для создания очень точных выделенных областей.
Отделение элементов изображения
В следующем примере нам предстоит отделить небольшой лист от фона.
1. Выделите лист с помощью инструмента Magnetic Lasso (Магнитное лассо) или же создайте первоначальную выделенную область с помощью инструмента Magic Wand (Волшебная палочка) (рис, 2,53).
2. Нажмите клавишу для перехода
в режим быстрой маски (рис, 2,54). Все участки, которые скрыты под красным перекрытием, неактивны, а значит,
не выделены. Все остальные участки активны, а значит, выделены.
Рис, 2,53.
Начните с создания первоначальной выделенной области
3. Для дальнейшего отделения листа от тротуара обработайте выделенные участки тротуара черной кистью. В данном случае используется жесткая кисть для имитации четких краев листа. Обрабатывая участки изображения черной кистью, вы вычитаете их из выделенной области.
4. Если вам необходимо добавить к выделенной области новые участки, обработайте их белой кистью. Например, увеличьте нижнюю часть черешка листа. Обработайте ее жесткой белой кистью с непрозрачностью 100% (рис, 2,55).
Рис, 2,54.
Перейдите в режим быстрой маски
Рис. 2,55.
Измените быструю маску, рисуя черной и белой кистями
5. Получив выделенную область должного вида, еще раз нажмите клавишу . Photoshop преобразует быструю маску в активную выделенную область (рис. 2,56), после чего изображение листа можно вставить в другое изображение.
Сове т После перехода в режим быстрой маски Photoshop задает стандартные цвета (белый основной и черный цвет
фона). При работе можно нажимать клавишу , чтобы задать в качестве основного цвета черный, а в качестве цвета фона белый. Для уменьшения размера кисти используйте клавишу , а для увеличения .
Рис. 256.
Нажатие клавиши позволяет выйти из режима быстрой маски и активизировать выделенную область
Маска – один из самых универсальных инструментов в Фотошопе. Применяются они для неразрушающей обработки изображений, выделения объектов, создания плавных переходов и применения различных эффектов на определенных участках изображения.
Маску можно представить, как невидимый слой, помещенный поверх основного, на котором можно работать только белым, черным и серым цветом, сейчас поймете, почему.
На самом деле все просто: черная маска полностью скрывает то, что расположено на слое, к которому она применена, а белая полностью открывает. Этими свойствами мы и будем пользоваться в своей работе.
Если взять черную кисть, и закрасить какой – либо участок на белой маске, то он исчезнет из видимости.
Если же закрасить участок белой кистью на черной маске, то данный участок проявится.
С принципами действия масок мы разобрались, теперь перейдем к работе.
Создание маски
Белая маска создается кликом по соответствующему значку в нижней части палитры слоев.
Черная маска создается кликом по тому же значку с зажатой клавишей ALT .
Заливка маски
Маска заливается так же, как и основной слой, то есть, все инструменты заливки работают и на маске. К примеру, инструмент «Заливка» .
Имея маску черного цвета,
Мы можем полностью залить ее белым.
Для заливки масок также используют горячие клавиши ALT+DEL и CTRL+DEL . Первая комбинация заливает маску основным цветом, а вторая – фоновым.
Заливка выделенной области маски
Находясь на маске, можно создать выделение любой формы и залить его. К выделению можно применять любые инструменты (сглаживание, растушевка и т.д.).
Копирование маски
Копирование маски происходит следующим образом:
Инвертирование маски
Инверсия меняет цвета маски на противоположные и выполняется сочетанием клавиш CTRL+I .
Исходные цвета:
Инвертированные цвета:
Серый цвет на маске
Серый цвет на масках работает, как инструмент прозрачности. Чем темнее серый, тем прозрачнее то, что находится под маской. 50% серого цвета дадут пятидесятипроцентную прозрачность.
Какое-нибудь изображение, и . Затем перейдите на фоновый слой, и обесцветьте его с помощью меню Изображение — Коррекция — Обесцветить . Эта команда параметров не имеет, а просто делает изображение черно-белым. Чтобы в этом убедиться, Вы можете отключить показ верхнего слоя, и посмотреть на фоновый слой.
Теперь выделите верхний слой, и выберите инструмент выделения Прямоугольная область . Сделайте выделенным какой-нибудь значимый фрагмент изображения. После этого на палитре слоев нажимаете иконку Добавить слой-маску . Этот значок находится в нижней части палитры, и выглядит, как белый круг в сером прямоугольнике. Нажимаете значок, и перед названием слоя появляется еще одна иконка. В этой иконке белым цветом обозначена выделенная область. Для того, чтобы посмотреть изображение маски, нажмите клавишу Alt , и удерживая ее, нажмите на эту иконку. Вы увидите, что маска черно-белая. В области белого цвета Вы будете видеть верхний слой, в области черного цвета — нижний слой.
Само изображение маски скрыто в дополнительном канале. Вы можете его увидеть, если откроете палитру каналов. Канал так и называется каналом-маска, или альфа-каналом. С этим каналом Вы можете производить какие-то действия, например, размыть края белой области. Выделите канал, и выберите в меню Фильтр — Размытие — Размытие по Гауссу . Края цветной области на изображении будут уже не такие резкие. А если Вы снова посмотрите маску, нажав на ее иконку маски в палитре слоев, и при этом нажимая Alt , то Вы увидите, что по краям белого цвета появился серый цвет. Серый цвет в маске делает полупрозрачным верхний слой. Чем темнее этот цвет — тем прозрачнее слой.
Теперь отмените размытие по Гауссу, через меню Редактирование — Отменить , чтобы края цветной области на изображении стали опять четкими. Давайте теперь сделаем рамку.
Делаете двойной клик справа от названия слоя, чтобы открыть окно Стиль слоя . Выбираете пункт Обводка , и начинаете его редактировать. Цвет обводки выбираете белый. Границы делаете потолще, и положение делаете Внутри, чтобы углы были острые. Также выберите пункт Тень , и настройте его параметры, к примеру, освещение 135 градусов, размер 20 и смещение 40.
Выделите теперь слой фона, зайдите в Изображение — Корректировка — Яркость/Контрастность , и прибавьте яркость.
У Вас получится достаточно интересная картинка. Останется только объединить все слои в один, нажав на названии слоя правой клавишей мыши, и выбрав команду Выполнить сведение. И сохранить изображение в формате JPG.
Быстрая маска в фотошопе
Это режим работы, в который можно переключиться с помощью нажатия соответствующей иконки в нижней части панели инструментов. Иконка выглядит, как белый круг на сером прямоугольнике. Также можно нажать на клавишу Q , которая является переключателем между обычным режимом, и режимом быстрой маски.
Выделите какую-либо область изображения в обычном режиме, и перейдите в режим быстрой маски. То, что не вошло в выделенную область, заливается полупрозрачным красным цветом. Это режим работы быстрой маски в фотошопе по умолчанию. Чтобы изменить режим, сделайте двойной клик по значку быстрой маски, и в появившемся диалоговом окне изменяете настройки на какие-то другие, например делаете параметр Показывать цветом выделенные области .
По значку быстрой маски на панели инструментов Вы можете определить, что будет скрывать маска — текущий слой в выделенных областях, или невыделенных. Если кружок серый на белом фоне — маска будет скрывать выделенные области, если белый на сером фоне — невыделенные области. В зависимости от своих потребностей, Вы будете использовать нужный Вам режим.
Также, как и в случае с маской, при переходе в режим быстрой маски на палитре каналов появится альфа-канал.
Теперь отменить режим быстрой маски, уберите выделение, выберите инструмент Кисть , и сделайте цвета на палитре слоев черно-белыми. После этого сделайте двойной клик по иконке быстрой маски, и выберите в диалоговом окне Показать цветом выделенные области. Включите режим быстрой маски. Попробуйте теперь рисовать кистью черного цвета. Вместо черного цвета Вы увидите красный цвет — цвет маски. Белым ластиком можно удалять лишнее из того, что Вы нарисовали.
После рисования отключите режим быстрой маски, и Вы увидите выделенную область там, где был красный цвет. Таким образом, с помощью рисования в режиме быстрой маски Вы можете выделять то, что Вам нужно, причем очень точно. Кроме того, можно рисовать не черным цветом, а серым, и тогда выделение будет частичное.
Видео о том, как применить маску в фотошопе для создания изображения с рамкой
Более подробные сведения Вы можете получить в разделах «Все курсы» и «Полезности», в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Приветствую вас, друзья. В сегодняшнем уроке я расскажу про маски в фотошопе . Что такое маска в фотошопе, и как она работает? Чтобы ответить на этот вопрос достаточно представить, что происходит, когда человек надевает маску? Верно, маска закрывает собой лицо. Примерно по такому принципу и работает маска в фотошопе — закрывает все нижележащие слои, оставляя видимыми только те участки, где она прозрачна.Это позволяет добиваться плавных переходов между разными частями одного или нескольких изображений. Маски широко применяются в создании коллажей и обработке фотографий.
Для затравки я покажу несколько примеров использования масок в фотошопе:
Планета добавлена с помощью простейшей маски.
А здесь всего 2 слоя — оригинал и обесцвеченное изображение, к обесцвеченному изображению применена маска, а на ней «вытерт» один из кусков граната.
Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.
Как видите, для использующего маски в фотошопе открывается не паханное поле экспериментов.
Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂
Все маски в фотошопе работают с градациями серого цвета (включая чёрный и белый). Черный цвет на маске — абсолютно прозрачная область, белый — непрозрачная. Серый используется для придания прозрачности разной степени. Чем ближе серый к чёрному, тем прозрачнее будет область.
Взаимодействие с масками производится посредством инструментов , Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.
Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)
Маски слоя в фотошопе
Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:
Нужно поместить этот пузырь на другой фон. Например на этот:
Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:
Приготовления закончены, теперь давайте разберемся с масками.
За управление масками в фотошопе отвечает раздел в меню Layer:
Сейчас я расскажу о способах создания маски слоя в фотошопе:
— Reveal All создаёт открытую маску. Это значит, что маска заполнена белым цветом, т.е. изображение абсолютно непрозрачно. Для того, чтобы скрыть часть изображения нужно начать рисовать по ней чёрным цветом. Давайте попробуем.
Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:
Если щёлкнуть по миниатюре изображения слева, то редактироваться будет оно, вернуться к редактированию маски можно щёлкнув по прямоугольнику с миниатюрой маски. Запомните это, дабы потом не возникло вопроса — почему маска есть, а кисть её не редактирует.
Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:
Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:
Если вы всё же скрыли не то, что хотелось — не беда, смените цвет на белый и восстановите скрытую часть изображения.
Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):
Пузырь стал полупрозачным. Вы уже чувствуете мощь масок в фотошопе? Это только начало, двигаемся дальше.
— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.
Таким образом, решить задачу с мыльным пузырём можно всего одним нажатием белой мягкой кисти:
— Reveal Selection скрывает всё, кроме выделенной области:
— Hide Selection напротив, прячет выделенную область:
— From Transparency создаёт маску без учёта невидимых областей.
Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:
Заливка маски в фотошопе градиентом
Этот приём я показывал уже много раз в уроках photoshop на этом сайте. Заключается он в применении градиента для маски слоя. Допустим, на одном из слоёв есть изображение, часть которого должна плавно исчезать:
Создаём маску, и заливаем её чёрно белым радиальным градиентом. Получаем такой результат:
Векторные маски в фотошопе
Следующий тип маски в фотошопе — это векторная маска. Как и любой другой вектор, векторная маска отличается от обычной, растровой, гибкостью настройки формы благодаря кривым и иммунитетом от потери качества при масштабировании.
Чтобы вам было проще понять суть работы с векторными масками, рекомендую прочитать урок « «, в котором я разбираю основной инструмент фотошопа для работы с векторными фигурами.
Векторные маски создаются точно также, как растровые и работают по тому же принципу, с той лишь разницей, что управляются векторными инструментами, например Pen Tool:
Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:
И применил Layer — Vector Mask -> Current Path:
В принципе это всё, больше отличий между векторными и растровыми масками в фотошопе нету. Применяйте векторные маски там, где нужна точность: создание логотипов, макетов сайтов и прочих подобных вещей.
Две маски в фотошопе
Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.
Посмотрите на следующий пример:
я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:
И в любой момент я смогу вернуться к редактированию векторной и растровой маски. Удобно, не так ли? Особенно эта возможность помогает при создании макета сайта, когда слоёв много, и бывает нужно вернуться назад и отредактировать форму, цвет или прозрачность элемента.
Сlipping Mask в фотошопе
Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:
На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.
Действия с масками в фотошопе
Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:
Теперь нажмите на иконку цепи между маской и миниатюрой слоя. Теперь вы можете перемещать маску с помощью обычного Move Tool.
Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:
Быстрая маска в фотошопе
Давайте рассмотрим последний тип маски в фотошопе — быструю маску. Как я говорил в начале, это не совсем маска, это инструмент выделения, который имеет сходный с масками тип работы. Находится быстрая маска в панели инструментов:
Но я советую вызывать её с помощью быстрой клавиши Q. Также, если вы 2 раза кликните по иконке быстрой маски, появятся настройки, позволяющие сменить цвет маски. Нужно это исключительно для удобства, т.к. стандартно маска имеет полупрозрачный красный цвет, и если вы выделяете красное изображение это будет не слишком удобно.
Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂
Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:
Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:
На этом мы закончим рассмотрение масок в фотошопе . Надеюсь, вы узнали из этого урока photoshop много нового, и отныне работа с масками в фотошопе не вызовет у вас никакого затруднения.
Задавайте вопросы в комментариях, делитесь своими впечатлениями и делитесь этим уроком с друзьями. Я прощаюсь с вами до новых встреч на нашем сайте и желаю творческих успехов 😉
Векторная маска. Векторные маски photoshop
До сих пор я рассматривал только один вид масок – это маска слоя (Layer Mask). Но маски – это настолько удобный и мощный инструмент, что в Фотошопе они встречаются везде и бывают различных видов. Рассмотрим некоторые из них.
Быстрая Маска (Quick Mask)
Быстрая Маска используется для того, чтобы представить выделение в виде Маски для его доработки. Режим Быстрой Маски включается клавишей Q или специальной кнопкой на панели инструментов.
Например, после выделение области вы хотите сделать выделение более мягким (растушеванным). Включаете Быструю маску (Q), размываете фильтром Размытие по Гауссу и снова возвращаетесь к выделению (Q). Теперь оно будет мягким. Так же с помощью Быстрой Маски можно дорабатывать выделение, рисуя по маске кисточкой или любыми другими инструментами.
По умолчанию Быстрая маска отображается в виде красного полупрозрачного слоя. Ее вид можно изменить, для этого нужно дважды щелкнуть по кнопке Быстрой маски на панели инструментов.
Векторная Маска
Помимо обычной (растровой, что означает состоящей из пикселов) маски слоя, к слою можно добавить Векторную Маску . Для этого нужно еще раз нажать кнопку «Добавить маску слоя», и рядом с первой миниатюрой маски появится вторая.
Она так же активируется простым щелчком, после чего можно нарисовать векторную маску с помощью инструментов Перо или простых фигур: Прямоугольник, Эллипс и другие.
Обтравочная Маска (Clipping Mask)
Следующий тип масок, который я активно использую это – Обтравочная Маска
Обтравочная Маска задает прозрачность слоя по маске предыдущего. Другими словами она как бы копирует одну маску слоя на два и более.
Возьмем пример из третей части: пейзаж с лошадьми, в котором мы создали Корректирующий слой Кривых для повышения контраста на небе и ограничили его действие с помощью маски.
Добавим насыщенности краскам на небе. Для этого создадим сверху Корректирующий слой Вибрация (Vibrance) и сдвинем движок Вибрация до +45.
Теперь чтобы ограничить действие этого слоя только небом, мы можем скопировать маску из предыдущего слоя Кривых или же добавить к этому слою Обтравочную Маску , связав его таким образом со слоем Кривых. Для этого можно в меню Слой выбрать команду «Добавить Обтравочную маску». Но проще нажать Alt и разместить курсор между слоями, которые нужно связать. Когда он примет вид изогнутой вниз стрелки с квадратиком – щелкаем, тем самым добавляя Обтравочную маску.
При этом к верхнему слою добавится стрелка, указывающая на нижний, означающая что этот слой связан с нижним Обтравочной маской. Подобным образом можно группировать любое количество слоев.
Например, если мы хотим дополнительно изменить оттенок неба, мы можем добавить еще один Корректирующий слой – Цветовой Баланс и к нему, так же применить Обтравочную маску. Все три слоя будут использовать маску самого нижнего слоя Кривых.
Убрать Обтравочную маску так же легко. Снова поместите курсор между слоями, нажмите Alt и щелкните – Обтравочная маска исчезнет.
В качестве альтернативного подхода можно просто скопировать маску из первого слоя Кривых в добавленные Корректирующие слои. Сделать это очень просто. Достаточно перетащить маску с одного слоя на другой, удерживая Alt.
Разница между этими подходами состоит в том, что в первом случае (обычная + Обтравочные маски), мы можем редактировать одну маску, и результат будет сразу отображаться для всех трех корректирующих слоев.
Во втором же случае, когда мы просто скопировали маску, после ее редактирования придется вновь копировать ее во все слои.
Чаще всего удобен первый подход, когда мы имеем одну маску для нескольких слоев (используем Обтравочные маски). Но иногда нужно чтобы маски немного отличались. Тогда удобно скопировать исходную маску и доработать ее индивидуально для какого-нибудь слоя.
Приведу еще один пример работы Обтравочной маски. Если мы имеем два слоя: первый — синий квадрат, второй зеленый круг.
То, объединив их с помощью Обтравочной маски мы получим такой результат:
Зеленый круг, использует прозрачность нижнего слоя (квадрат) как свою маску!
Расскажу об еще одном способе комбинировать Маски и Слои. Некоторые из вас уже знают, что Photoshop позволяет объединять слои в группы с помощью папок. Выделите слои, которые нужно поместить в папку и, удерживая Shift, нажмите кнопку создания группы. При этом будет создана папка и в нее будут уложены выделенные слои.
К этой папке тоже можно применить маску, которая будет действовать (маскировать) все вложенные в нее слои. На самом деле такая конструкция абсолютно идентична первому подходу: слой с маской плюс Обтравочные маски, привязанные к этому слою.
В обоих этих случаях сначала вычисляется содержимое связанных слоев, а затем к ним один раз применяется маска. Если маска полупрозрачная, то результат будет отличаться от того, когда она скопирована в каждый слой. Ведь в таком случае маски будут применяться последовательно.
Итоги
Итак, что мы имеем? Мы можем переносить Маску с одного слоя на другой (или на группу слоев) простым перетаскиванием. Можем копировать Маску с одного слоя на другой, используя Alt + перетаскивание. Объединять несколько слоев под одной Маской с помощью папок и Обтравочных масок. Если вы немного запутались, то не переживайте, побольше практики, и вы быстро освоитесь.
Помимо обычной (растровой, что означает состоящей из пикселов) маски слоя, к слою можно добавить Векторную Маску . Для этого нужно еще раз нажать кнопку «Добавить маску слоя», и рядом с первой миниатюрой маски появится вторая.
Она так же активируется простым щелчком, после чего можно нарисовать векторную маску с помощью инструментов Перо или простых фигур: Прямоугольник, Эллипс и другие.
Векторные маски позволяют создавать плавные контуры, например, чтобы точно вырезать автомобиль или фигуру девушки. Для обработки фотографий они используются реже, чем обычные, но иногда просто незаменимы.
Обтравочная Маска (Clipping Mask)
Обтравочная Маска задает прозрачность слоя по маске предыдущего. Другими словами она как бы копирует одну маску слоя на два и более.
Добавим насыщенности краскам на небе. Для этого создадим сверху Корректирующий слой Вибрация (Vibrance) и сдвинем движок Вибрация до +45.
Теперь чтобы ограничить действие этого слоя только небом, мы можем скопировать маску из предыдущего слоя Кривых или же добавить к этому слою Обтравочную Маску , связав его таким образом со слоем Кривых. Для этого можно в меню Слой выбрать команду «Добавить Обтравочную маску». Но проще нажать Alt и разместить курсор между слоями, которые нужно связать. Когда он примет вид изогнутой вниз стрелки с квадратиком – щелкаем, тем самым добавляя Обтравочную маску.
При этом к верхнему слою добавится стрелка, указывающая на нижний, означающая что этот слой связан с нижним Обтравочной маской. Подобным образом можно группировать любое количество слоев.
Например, если мы хотим дополнительно изменить оттенок неба, мы можем добавить еще один Корректирующий слой – Цветовой Баланс и к нему, так же применить Обтравочную маску. Все три слоя будут использовать маску самого нижнего слоя Кривых.
Убрать Обтравочную маску так же легко. Снова поместите курсор между слоями, нажмите Alt и щелкните – Обтравочная маска исчезнет.
В качестве альтернативного подхода можно просто скопировать маску из первого слоя Кривых в добавленные Корректирующие слои. Сделать это очень просто. Достаточно перетащить маску с одного слоя на другой, удерживая Alt.
Разница между этими подходами состоит в том, что в первом случае (обычная + Обтравочные маски), мы можем редактировать одну маску, и результат будет сразу отображаться для всех трех корректирующих слоев.
Во втором же случае, когда мы просто скопировали маску, после ее редактирования придется вновь копировать ее во все слои.
Чаще всего удобен первый подход, когда мы имеем одну маску для нескольких слоев (используем Обтравочные маски). Но иногда нужно чтобы маски немного отличались. Тогда удобно скопировать исходную маску и доработать ее индивидуально для какого-нибудь слоя.
Еще один пример работы Обтравочной маски.
Если мы имеем два слоя: первый – синий квадрат, второй зеленый круг.
То, объединив их с помощью Обтравочной маски мы получим такой результат:
Зеленый круг, использует прозрачность нижнего слоя (квадрат) как свою маску!
Комбинирование Масок и Слоев. Некоторые из вас уже знают, что Photoshop позволяет объединять слои в группы с помощью папок. Выделите слои, которые нужно поместить в папку и, удерживая Shift, нажмите кнопку создания группы. При этом будет создана папка и в нее будут уложены выделенные слои.
К этой папке тоже можно применить маску, которая будет действовать (маскировать) все вложенные в нее слои. На самом деле такая конструкция абсолютно идентична первому подходу: слой с маской плюс Обтравочные маски, привязанные к этому слою.
В обоих этих случаях сначала вычисляется содержимое связанных слоев, а затем к ним один раз применяется маска. Если маска полупрозрачная, то результат будет отличаться от того, когда она скопирована в каждый слой. Ведь в таком случае маски будут применяться последовательно.
Приветствую вас, друзья. В сегодняшнем уроке я расскажу про маски в фотошопе . Что такое маска в фотошопе, и как она работает? Чтобы ответить на этот вопрос достаточно представить, что происходит, когда человек надевает маску? Верно, маска закрывает собой лицо. Примерно по такому принципу и работает маска в фотошопе — закрывает все нижележащие слои, оставляя видимыми только те участки, где она прозрачна.Это позволяет добиваться плавных переходов между разными частями одного или нескольких изображений. Маски широко применяются в создании коллажей и обработке фотографий.
Для затравки я покажу несколько примеров использования масок в фотошопе:
Планета добавлена с помощью простейшей маски.
А здесь всего 2 слоя — оригинал и обесцвеченное изображение, к обесцвеченному изображению применена маска, а на ней «вытерт» один из кусков граната.
Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.
Как видите, для использующего маски в фотошопе открывается не паханное поле экспериментов.
Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂
Все маски в фотошопе работают с градациями серого цвета (включая чёрный и белый). Черный цвет на маске — абсолютно прозрачная область, белый — непрозрачная. Серый используется для придания прозрачности разной степени. Чем ближе серый к чёрному, тем прозрачнее будет область.
Взаимодействие с масками производится посредством инструментов , Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.
Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)
Маски слоя в фотошопе
Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:
Нужно поместить этот пузырь на другой фон. Например на этот:
Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:
Приготовления закончены, теперь давайте разберемся с масками.
За управление масками в фотошопе отвечает раздел в меню Layer:
Сейчас я расскажу о способах создания маски слоя в фотошопе:
— Reveal All создаёт открытую маску. Это значит, что маска заполнена белым цветом, т.е. изображение абсолютно непрозрачно. Для того, чтобы скрыть часть изображения нужно начать рисовать по ней чёрным цветом. Давайте попробуем.
Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:
Если щёлкнуть по миниатюре изображения слева, то редактироваться будет оно, вернуться к редактированию маски можно щёлкнув по прямоугольнику с миниатюрой маски. Запомните это, дабы потом не возникло вопроса — почему маска есть, а кисть её не редактирует.
Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:
Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:
Если вы всё же скрыли не то, что хотелось — не беда, смените цвет на белый и восстановите скрытую часть изображения.
Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):
Пузырь стал полупрозачным. Вы уже чувствуете мощь масок в фотошопе? Это только начало, двигаемся дальше.
— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.
Таким образом, решить задачу с мыльным пузырём можно всего одним нажатием белой мягкой кисти:
— Reveal Selection скрывает всё, кроме выделенной области:
— Hide Selection напротив, прячет выделенную область:
— From Transparency создаёт маску без учёта невидимых областей.
Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:
Заливка маски в фотошопе градиентом
Этот приём я показывал уже много раз в уроках photoshop на этом сайте. Заключается он в применении градиента для маски слоя. Допустим, на одном из слоёв есть изображение, часть которого должна плавно исчезать:
Создаём маску, и заливаем её чёрно белым радиальным градиентом. Получаем такой результат:
Векторные маски в фотошопе
Следующий тип маски в фотошопе — это векторная маска. Как и любой другой вектор, векторная маска отличается от обычной, растровой, гибкостью настройки формы благодаря кривым и иммунитетом от потери качества при масштабировании.
Чтобы вам было проще понять суть работы с векторными масками, рекомендую прочитать урок « «, в котором я разбираю основной инструмент фотошопа для работы с векторными фигурами.
Векторные маски создаются точно также, как растровые и работают по тому же принципу, с той лишь разницей, что управляются векторными инструментами, например Pen Tool:
Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:
И применил Layer — Vector Mask -> Current Path:
В принципе это всё, больше отличий между векторными и растровыми масками в фотошопе нету. Применяйте векторные маски там, где нужна точность: создание логотипов, макетов сайтов и прочих подобных вещей.
Две маски в фотошопе
Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.
Посмотрите на следующий пример:
я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:
И в любой момент я смогу вернуться к редактированию векторной и растровой маски. Удобно, не так ли? Особенно эта возможность помогает при создании макета сайта, когда слоёв много, и бывает нужно вернуться назад и отредактировать форму, цвет или прозрачность элемента.
Сlipping Mask в фотошопе
Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:
На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.
Действия с масками в фотошопе
Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:
Теперь нажмите на иконку цепи между маской и миниатюрой слоя. Теперь вы можете перемещать маску с помощью обычного Move Tool.
Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:
Быстрая маска в фотошопе
Давайте рассмотрим последний тип маски в фотошопе — быструю маску. Как я говорил в начале, это не совсем маска, это инструмент выделения, который имеет сходный с масками тип работы. Находится быстрая маска в панели инструментов:
Но я советую вызывать её с помощью быстрой клавиши Q. Также, если вы 2 раза кликните по иконке быстрой маски, появятся настройки, позволяющие сменить цвет маски. Нужно это исключительно для удобства, т.к. стандартно маска имеет полупрозрачный красный цвет, и если вы выделяете красное изображение это будет не слишком удобно.
Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂
Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:
Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:
На этом мы закончим рассмотрение масок в фотошопе . Надеюсь, вы узнали из этого урока photoshop много нового, и отныне работа с масками в фотошопе не вызовет у вас никакого затруднения.
Задавайте вопросы в комментариях, делитесь своими впечатлениями и делитесь этим уроком с друзьями. Я прощаюсь с вами до новых встреч на нашем сайте и желаю творческих успехов 😉
Дизайн – это нестабильный и хитрый процесс, в котором слои непрерывно модифицируются и налаживаются. Если всё так сложно, то стоит ли вообще подготавливать данные таким неустойчивым путем? Подробнее изучив способы редактирования без разрушения документа, Вы можете создавать материалы, изменения в которых будут полностью соответствовать вашим творческим идеям. Умение применять маски в Photoshop – это нечто вроде углового камня в этом процессе. Они позволяют не только подготавливать важную растровую информацию, но и создавать гибкие элементы интерфейса. В этой статье, мы постараемся рассказать Вам о технической стороне и творческих преимуществ, получаемых за счет использования масок в вашем трудовом процессе.
Photoshop предлагает 5 способов применения масок: Пиксельная маска (Pixel Masks), Векторная маска (Vector Masks), Быстрая маска (Quick Masks), Маска скрепления (Clipping Masks) и Путь скрепления (Clipping Paths) – и каждая из них задает уровень прозрачности пикселей без изменения оригинальных данных. У каждого из методов есть свои плюсы и недостатки, поэтому принципиально важно знать, какой именно метод нужно использовать в той или иной ситуации, чтобы получить чистый, гибкий и правильный слой маски.
Пиксельная маска (Pixel Masks)
Пиксельная маска определяет значение уровня прозрачности, основываясь на растровом изображении со значениями шкалы яркости, которая пиксель в пиксель соответствует оригинальному слою. Это делает данный метод идеальным для создания масок при сложных комплекциях фотографий (например, волосы модели, или же листья на дереве). Пиксельная маска позволяет воспользоваться сотней оттенков серого, которые напрямую отвечают за уровень прозрачности. Возможность изменения уровни прозрачности уникальна для пиксельной маски, что делает инструмент индивидуальным.
Пиксельная маска – это идеальный метод для работы со сложными комплекциями фотографий. ()
Хотя и пиксельную маску очень легко изменить, этот метод все же не является универсальным для всех ситуаций. Потому что метод доступен только при работе с растром и, всем известно, что изменения размеров растрового изображения могут пагубно сказаться на общей картине. Плавные витки и четкие углы также могут создать сложную ситуацию при рисовании маски. В таких случаях, гораздо лучше будет использовать векторную маску.
Нежелательно использовать пиксельные маски, если изображение в будущем должно подвергнуться масштабированию.
Создание
Создание пиксельной маски представляет собой достаточно легкий процесс. Вам нужно всего лишь выбрать слой или группу слоев и нажать кнопку создания новой маски слоя «Add Layer Mask» (она расположена в нижней части палитры слоев). Добавится еще одна миниатюра, в которой Вы сможете видеть предварительный вариант маски. По стандарту она должна быть белой. Несмотря на это, если Вам придется сохранять выделение активным в момент создания маски, то выделение будет использовано для определения значений шкалы яркости маски.
Как только маска создана, она может быть отредактирована точно так же, как и пиксельные данные, путем нажатия на миниатюру маски. Вы можете закрасить ее в черный цвет, если Вам нужно скрыть области, или же в белый, если наоборот нужно отобразить. Маску также можно подвергнуть корректировке и применению фильтров Curves, Threshold, Unsharp mask и Gaussian blur.
Процесс закрашивания маски в черный цвет чем-то похож на применение инструмента ластика. ()
Режимы просмотра
При создании маски, есть несколько путей отображения содержимого маски. ALT+клик на миниатюре отобразит маску в пределах холста; это отлично подходит для корректировки определенных областей, но не дает Вам видеть весь слой, пока Вы работаете. Если Вы хотите видеть сразу и маску и сам слой, то Вы можете отобразить маску как наложение Ruby. Просто нажмите «\» с выделенным слоем для включения/выключения наложения. Цвет и уровень прозрачности наложения также можно редактировать двойным кликом по миниатюре маски. Вдобавок, если Вы хотите убрать маску, то можете просто скрыть её, зажав Shift и кликнув по миниатюре маски.
Выключение маски и включение наложения может пригодиться в момент корректировки конкретных областей. ()
Каналы
Каждый раз, когда Вы выделяете слой с маской, маска отображается как временный альфа-канал в палитре каналов. В этот момент вы можете сохранить канал для дальнейшего использования – просто перетащите его на кнопку создания нового канала «Create new channel», которая расположена в нижней части палитры, или выбрав пункт создания нового слоя из выпадающего меню. Вы также можно изменить настройки наложения маски Ruby, дважды кликнув по миниатюре канала. Так как временный канал становится доступным всякий раз, когда Вы выбираете слой с маской, то можно воспользоваться некоторыми горячими клавишами для переключения между самим слоем и его маской. Нажатие CTRL+\ выделит маску, а CTRL+2 вернет Вас обратно к слою.
Временный канал становится доступным всякий раз, когда Вы выбираете слой с маской.
Векторная маска
Векторные маски приходят на помощь, когда пиксельные уже не справляются с задачей. Путем указания формы маски при помощи путей, векторные маски дают огромные возможности четкого и гибкого редактирования. Они идеально подходят для указания форм с чистыми, твердыми линиями (такими как в интерфейсе, например).
Векторные маски отлично подходят для создания масок конкретных объектов с четкой окантовкой. ()
Минус векторных масок заключается в том, что они не дают возможности редактировать уровень прозрачности пикселей; их можно выставить либо на 0, либо на 100. По этой причине, многие работы с масками требуют гибридного применения. С помощью векторных масок определять четкие края, а с помощью пиксельных масок определять более сложные области, или же области, где требуется возможность редактирования уровня прозрачности. Таким образом, вы можете получать максимальную гибкость при работе с масками.
Создание
Для того, чтобы добавить векторную маску на существующий слой, просто зажмите CTRL и кликните по кнопке создания маски слоя «Add Layer Mask», которая расположена в нижней части палитры слоев. Если этот путь в данный момент активен, то маска будет создана с его параметрами. В противном случае, маска будет пуста. Позже можно будет добавить новые пути, путем нажатия на миниатюру маски.
Возможность создания гибких элементов интерфейса – это, пожалуй, лучшее преимущество векторных масок. Применяя инструмент создания фигур «Shape Tool», установленным на создание слоев с фигурами «Shape Layers», Вы можете быстро создавать слои, заполненные векторной маской. Такие слои более гибки, нежели пиксельные, и их можно использовать для разработки кнопок и других элементов, которые подлежат масштабированию.
Гибкость, предоставляемая векторными масками, делает их превосходными для создания элементов интерфейса.
Режимы просмотра
Нажав на миниатюру векторной маски в палитре слоев, вы можете спрятать или отобразить пути, сохраненные на маске. Эти пути также доступны через палитру путей, но если выделен сам слой. Включение/выключение маски производится нажатием Shift+клик по миниатюре.
Пути
Как и маски слоев появляются на палитре каналов, временный рабочий путь будет отображен на палитре путей, когда Вы выделяете слой с векторной маской. Вы можете сохранить маску, путем перетаскивания ее на кнопку создания нового пусти «Create new path», которая расположена в нижней части палитры, или же выбрать пункт сохранения пути в выпадающем меню. Этот временный путь также в любое время доступен, путем выделения инструмента выделения путей (Path Selection) и нажатием клавиши Enter; а также можно отменить выделение, еще раз нажав клавишу Enter. Вы также можете быстро создать выделение, основанное на активном пути, путем нажатия клавиш CTRL+Enter.
Применение
Перед тем, как векторную маску можно будет применить к слою, она должна быть подвергнута растеризации. Сделать это можно, кликнув правой кнопкой мыши по миниатюре векторной маски, а дальше на растеризацию векторной маски (Rasterize Vector Mask). Если у слоя уже есть пиксельная маска, то обе маски будут соединены вместе, тем самым будет создана одна пиксельная маска. Далее ее можно применять как любую другую пиксельную маску (правый клик по миниатюре и выбора пункта меню применения маски слоя (Apply Layer Mask)).
Быстрые маски
Режим быстрых масок позволяет Вам создавать выделения, при помощи инструментов пиксельного редактирования, взамен примитивных инструментов выделения. Это более логичный способ создания сложных масок с разными значениями уровня прозрачности. Вы можете включить этот режим, кликнув по кнопке быстрых масок «Quick Mask» на панели инструментов, или же нажать клавишу Q.
Как только вы переходите в режим быстрых масок, Вы уже не редактируете текущий слой. Вместо этого Вы будете редактировать наложение Ruby, которое может быть отредактировано, только если оно подразумевает под собой стандартное растровое содержимое. По стандарту, включение этого режима покроет весь холст полупрозрачным красным цветом. Дальше Вы можете закрасить его в белый, чтобы убрать наложение, и в черный, чтобы добавить наложение снова. Быстрая маска – это скорее визуальное воспроизведение выделенной области. Поэтому любая область, которую Вы убираете с наложения, добавляется в выделение.
Режим быстрой маски позволяет вам быстро нарисовать выделение. ()
Опции
Вы можете изменять варианты отображения режима быстрой маски, дважды кликнув по кнопке быстрой маски на панели инструментов. Здесь Вы можете поменять цвет и уровень прозрачности маски. Например, многие предпочитают закрашивание выделенных областей, нежели закрашивание замаскированных областей, как стоит по стандарту.
Настройки режима быстрой маски позволяют Вам изменять цвет, уровень прозрачности, и цель наложения.
Сохранение
После создания быстрой маски, Вы можете немедленно применить её на слое, создав маску слоя, или же сохранить ее для дальнейшего использования. Вы можете сохранить выделение как новый канал, выбрав пункт меню Selection > Save Selection, или применить его к существующему каналу. Это позволит Вам вернуться к этому выделению в любой момент, нажав клавиши CTRL + клик по каналу на палитре каналов, или же через пункт меню Selection > Load Selection
Сохранение быстрой маски создает новый канал.
Маски скрепления
Вы, вероятно, часто попадете в ситуации, когда многим слоям требуется одна и та же маска. Вы можете сгруппировать слои и применить маску к группе слоев, но это не всегда идеально подходит. Маски скрепления позволяют сделать так, чтобы слой просто принял значения прозрачности ниже расположенного слоя. Это очень помогает, когда Вы используете слои корректировки; скрепляя их со слоем, Вы можете применить корректировку к отдельному слою без влияния на остальные слои, которые расположены ниже его.
Самый простой способ создания маски скрепления – ALT+клик между двумя слоями на палитре слоев в момент, когда появляется курсор маски скрепления.
Или же Вы можете нажать CTRL+ALT+G для того, чтобы скрепить слой с тем, который расположен под ним. Любое число слоев могут быть скреплены с одним основным, но прикрепленный слой не может быть использован как маска.
Маски скрепления отлично подходят для принудительной корректировки слоев. ()
Пути скрепления
Пути скрепления (Clipping Paths) в целом похожи на векторные маски, за исключением того, что они применяются к документу в целом, а не слою или группе слоёв. В основном, они используются дизайнерами-печатниками для указания объектов с уникальной формой, которые импортированы в программу страничной верстки. Путь импортирован вместе с изображением, дабы обеспечить плотную чистую окантовку.
Для того, чтобы создать путь скрепления, Вам нужно удостовериться в том, что этот путь сохранен; недостаточно иметь просто временный рабочий путь. Выберите «Save Path» из выпадающего меню в палитре путей. Далее, выберите пункт «Clipping Path» опять же из выпадающего меню. Внешний вид Вашего документа не изменится, но если Вы импортируете документ в Illustrator, используя команду Place, то он будет обрезан в соответствии с путем.
Палитра масок
Палитра масок , представленная в CS4, добавляет некоторые полезные функции, которые помогают в создании и обработке как пиксельных, так и векторных масок. Для начала, Вы можете набросать маску, а затем изменить её плотность без потери оригинала.
Палитра масок – это отличное нововведение в Photoshop CS4.
Создание/Просмотр кнопок
В верхней части палитры есть 2 кнопки, которые можно использовать для выбора маски слоя или векторной маски, или для её создания, если её не существует.
Плотность
Ползунок плотности в основном регулирует плотность отображения маски. На отметке в 100% все замаскированные области будут прозрачны. Если плотность установлена на 50%, эти области будут прозрачны только наполовину.
Ползунок плотности регулирует уровень прозрачности маски. ()
Перо
Обработка углов маски пером требует применения Gaussian Blur, что разрушит оригинальную форму маски. С помощью палитры масок, Вы можете изменять уровень плотности пера в любое время, сохраняя оригинал маски.
С помощью ползунка пера Вы можете изменять уровень мягкости пера на лету. ()
Края маски
Меню краев маски предоставляет возможность обработки периметра маски. Это очень удобно, когда полученный объект все еще принимает цвет замаскированного фона.
Радиус
Настройка радиуса это почти то же, что и уровень мягкости пера, но он поддерживает четкость краев, что может быть крайне полезным в работе над излишками краев сложных фигур.
Контраст
Контраст определяет различие элементов края, что позволяет повысить четкость любых мягких краев. Если Вы научитесь пользоваться этим инструментов в совокупности с Радиусом, то можно без труда справляться с деформациями маски.
Радиус и Контраст можно использовать для удаления дефектов. ()
Мягкость
Мягкость упрощает комплекцию краев маски. Это может быть очень удобно, если Вы рисовали маску от руки, и Вам нужно быстро отредактировать некоторые грубые области.
Перо
В целом, эта функция почти идентична той, что находится на палитре масок, но она преобразовывает размытие, придерживаясь краев маски. Различие почти незаметно.
Сокращение/Растягивание
Эти ползунки позволяют Вам увеличить или сузить края маски. Это очень полезный инструмент для уменьшения числа нежелательных краев.
Сокращение и Растягивание помогают уплотнить маску, чтобы избежать нежелательные цвета, выходящие за края. ()
Режим предварительного просмотра
В нижней части палитры есть 5 различных режимов просмотра, которые позволяют Вам видеть маску, как: 1) выделение в виде бегущих муравьев; 2) быстрая маска с наложением Ruby; 3) матовый черный; 4) матовый белый; 5) маска шкалы серого.
Проверьте маску 5-ю различными способами. ()
Цветовой диапазон
Меню цветового диапазона считается одним из самых лучших путей получения изображения даже из равномерно закрашенного фона. Всего лишь за пару кликов и корректуры, даже самые сложные объекты быть аккуратно замаскированы. Для более подробной информации, смотрите ниже.
Способы
Каждая работа над маскированием — уникальна, и к каждой требуется индивидуальный подход. Тем не менее, некоторые самые «ходовые» методы могут радикально улучшить результат и увеличить гибкость масок.
Цветовой диапазон
Если Ваше задание по созданию маски требует, чтобы объект был получен из равномерно закрашенного фона (больше похоже на процесс видео-обработки), то самым быстрым способом считается как раз Color Range. Для начала, воспользуйтесь пипеткой (Eyedropper) для того, чтобы получить основной веет фона. Затем Вы можете воспользоваться функциями «Add to sample» и «Remove from sample» для того, чтобы уточнить выбор цвета. Ползунок неясности «fuzziness» дает возможность расширить диапазон выбранных цветов. Если есть цветовые данные для поддержки, то все можно сделать очень быстро, а в противном случае, придется немного попыхтеть.
Пипетка позволяет вам с легкостью выбрать цвет на фото.
Цветовой диапазон позволяет быстро проделать работу со сложными масками. ()
Каналы
Маска часто прячется в каналах одного из слоев, и ждет, пока Вы ее не обнаружите. В зависимости от используемого изображения, Вы можете найти канал с высоким контрастом между объектом и его окружением. Возможно, Вы даже захотите поменять режим цвета на Lab или CMYK, чтобы получить альтернативные опции канала. Как только вы найдете канал с достаточно сильным контрастом, нажмите CTRL + клик, тем самым создав выделение. Затем, добавьте это выделение на маску слоя. Далее вы сможете изменять ее, если вам понадобится другая маска.
Как показано на изображении ниже, просто выделение канала не всегда даст Вам чистую маску. Вам придется сделать перемешивание с другими каналами.
()
1. На оригинальном изображении яркие живые цвета, что позволит Вам с легкостью создать маску с помощью каналов.
2. На красном канале можно получить контраст между передним планом и фоном, поэтому нам следовало бы начать отсюда. Мы скопировали и вставили его в новый слой, а затем инвертировали.
3. Зеленая чашка по-прежнему очень выделяется, поэтому нам нужно конвертировать синий канал в слой, что внесет оттенок зеленой и красной чашкам.
4. Путем изменения режима смешивания у слоя с синим каналом на Multiply, мы сможет удалить все сторонние белые области.
5. Два слоя совмещены и приняты в роли маски слоя оригинального изображения, что дает нам чистую маску синей чашки.
Гибрид растра и вектора
Очень часто бывает так, что у одного объекта могут быть как четкие края, так и мутные и неточные. В таких случаях лучше всего использовать сразу и пиксельную и растровую маски. Одним из лучших примеров такого является получение фигуры. Вы можете воспользоваться ручкой для того, чтобы отрисовать все неточные края по всей форме фигуры, а затем воспользоваться пиксельной маской для того, чтобы подвести такие детали, как волосы, например.
Несколько масок
Бывают случаи, когда вам нужно будет применять более одной маски на один слой. Вы можете применить маску, кликнув правой кнопкой мыши по слою и выбрать пункт меню «Apply Layer Mask», после чего вы сможете добавить новую маску. Тем не менее, это не лучший способ, потому что данные под маской будут потеряны.
Более лучшим способом считается создание Smart Object из слоя, и далее замаскировать новый слой. Это позволит Вам применить две маски к одному слою без потери данных. И Вы можете повторять эту процедуру бесконечно.
Конвертирование слоя в Smart Object позволит Вам добавлять несколько масок без потери данных.
Стили слоев
Если Вы уже когда-нибудь добавляли маску к слоям, в которых были выставлены параметры стиля, то вероятно, у Вас все перепуталось, особенно, если у маски были неточные края или различное значение уровня прозрачности. Это вызвано тем, что Photoshop по стандарту использует смесь значений уровней прозрачности слоев вместе с любыми масками поверх них для определения областей, к которым были применены стили слоев. Желательно, чтоб так оно и было, но именно это и может вызвать проблемы. Для создания противовеса, откройте опции смешивания стиля и примените «Layer Mask Hides Effects» или «Vector Mask Hides Effects».
Можно устранить путаницу, используя опцию «Layer Mask Hides Effects».
Смешивание скрепленных слоев в группу
По стандарту, Photoshop воспринимает информацию, как будто все слои в скрепленный стопке должны быть смешаны с основным слоем перед тем, как основной стиль смешан с теми, что расположены под ним. Иногда это нужно, но иногда Вам нужно, чтобы скрепленные слои принимали форму основного слоя, но не его режим смешивания. Для того, чтобы предотвратить это, откройте опции смешивания основного слоя (правый клик по слою и пункт меню «Blending Options»), а уберите галочку с опции «Blend Clipped Layers as Group». Теперь, каждый из скрепленных слоев будет смешиваться с подлежащим слоев, как если бы они не были скреплены.
Опция «Blend Clipped Layers as Group» отвечает за смешивание всех скрепленных слоев вместе, а затем с подлежащими слоями, применяя опции смешивания основного слоя.
Маски текста
То, что находится на панели инструментов в группе с обычным инструментом создания текста, на самом деле, обманчиво названо инструментами создания маски текста. Вы можете лишь создавать текст также как и обычным инструментом создания текста. Но как только Вы воспользуетесь инструментом, текст будет сконвертирован в выделение. Это выделение может быть переконвертировано в маску слоя, но Вы больше не сможете его редактировать. Это не очень нам подходит. Если для Вас важна возможность редактирования, то Вам следует создать обычный слой с текстом, и использовать его как основу маски скрепления. Это единственный путь маскирования объектов в форму текста без потери возможности редактирования текста. Возможно, когда-нибудь команда разработчиков Photoshop сделает возможным создание слоя с редактируемой маской текста.
Удаление излишков краев
Даже после применения функции «Refine Edge» в палитре масок, Вы обнаружите различные выступы, которые остались на протяжении всего края маски. Здесь имеет место навык рисования от руки. Инструмент кисти может здесь хорошо подойти, но мы бы порекомендовали Вам «Healing Brush», «Stamp Tool» или «Smudge Tool», потому что они будут более подходящими в такой ситуации.
Для начала, создайте новый слой и скрепите его с маскированным слоем. Затем установите настройки инструмента так, чтобы отрезки брались со всех слоев. Теперь Вы можете выбрать область для образца и вырезать нежелательные выступы, в то время как оригинальные данные слоя сохранятся. Часто, изменение режима смешивания кисти помогает Вам сохранить детали слоя.
Нежелательные выступы могут быть закрашены на скрепленном слое. ()
Как делать эффект векторной иллюстрации в фотошопе. Как перевести растровое изображение в векторное в фотошопе
Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop . Начнем с Фотошопа.
Из растра в вектор. Зачем это нужно?
Фотошоп — растровая программа. Вектор в нем присутствует в виде векторных контуров. Как таковых, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект или объект и получается вектор в фотошопе. Содержимое такого объекта все равно растровое, но может преобразовываться в вектор при сохранении в некоторые форматы.
Например, мы можем создать заливку и натянуть на неё векторную маску. В Фотошопе есть целая группа инструментов, которые делают такое бесплатно и автоматически, это группа векторных примитивов. Подробнее читайте мою статью или . Итак контур будет векторным. Заливка внутри растровой.
Фотошоп не работает с вектором на полную мощь. Лишь использует его преимущества там да тут. Но даже в Фотошопе растровые объекты можно превратить в векторные. Зачем это нужно если есть Иллюстратор? Ну как вам сказать. При активной работе с графикой возникают разные ситуации. Иногда проще на месте перевести выделение в контур, нежели уходить с головой в Иллюстратор и заниматься там трассированием. Чтобы прополоть грядку клубники на даче не нужно вызывать комбайн. В конце концов не все хотят, или умеют пользоваться Иллюстратором, не всем он нужен, не все могут его себе поставить, а перевести в вектор закорючку нужно здесь и сейчас. Усаживаться с тремя томами по Иллюстратору на пару недель для этого вовсе необязательно.
Перевод растра в вектор в Фотошопе
Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select . Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье . Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.
Находим изображение для трассирования
Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.
Выделяем объект
Выберите из меню Tool самую обычную волшебную палочку Magic Wand Tool и кликните по белой области. Так мы создали область выделения, но выделить нужно бабочку.
Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse . Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.
Создаем векторный контур
У нас есть выделенная область, теперь конвертируем её в векторный контур path . Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool . Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path . В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.
Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers . Если контур выделен, значит он активен и с ним можно работать.
Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool . У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path . Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.
Доработка векторного контура
Пользуясь материалами, которые я описал в статьях и усложним рисунок. Я взял инструмент Pen Tool , выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.
Создание произвольной фигуры Custom Shapes
Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes . Некоторое время назад я упоминал о том как это можно сделать в статье . Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool .
А вот то, что у нас получилось в итоге:
Перевод растровой фотографии в вектор в Фотошопе совершенно бессмысленное занятие. Но иногда подобные техники могут пригодиться для побочных работ с графикой и не только.
Перевод из растра в вектор фотографии в фотошопе
Фотошоп не создан для перевода растровой графики в вектор. В нем, однако, присутствуют несколько спец-эффектов, которые визуально создают подобие векторного изображения. А при помощи описанной мною техники можно и из них сделать векторное изображение в Фотошопе. Возьмем для примера обычную фотографию, сделанную моим знакомым фотографом.
Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.
Теперь нужно создать векторные области равные количеству цветов на фотографии. Выберите палочку Magic Wand Tool и убедитесь, что в настройках не отмечена галочка Contiguous . Выделите первую область и проделайте весь, описанный мною выше, путь. Из выделения создайте контур, из контура залитую векторную маску и так далее.
Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!
Векторные рисунки все чаще и чаще используют в различных печатных инструментах, для создания красивых рисунков из дерева, пластика, метала, бумаги и прочих материалов. Сегодня, мы разберемся, как можно сделать векторный рисунок своими руками, используя программу фотошоп. Затратив совсем немного времени, мы получим качественный векторный рисунок, и сможем без всяких проблем использовать его в дальнейшем.
Как рисунок перевести в векторный?Прежде всего, следует заметить, что перевести рисунок в векторный формат можно только рисунки, которые изображены на белом фоне. Если же фон не белый, то для начала нужно убрать все лишнее и очистить фон.
1. С помощью инструментов выделения, выбираем лишь той элемент, который мы желаем перевести в векторный рисунок, и копируем его на новый слой, под названием «фигура». После чего создаем ещё один слой и полностью заливаем его белым цветом, этот слой можно назвать «фон». Теперь, слой «фон» перемещаем под слой «фигура» и объединяем их. Полученную картинку, называем «Основа». Копируем слой «Основа» дважды и называем их «Основа_1» и «Основа_2». Отключаем их видимость.
2. Начнем наши операции по переводу рисунка в векторный формат. Первым же делом, применим для слоя «Основа», коррекцию «Изогелия», дабы получить рисунок в черно-белом формате. Не всегда при первой коррекции получается нужный нам рисунок, поэтому можем сделать несколько копий слоев и делать коррекцию с разными значениями, пока не получим то что нужно.
Вот мы и получили самый нормальный эффект.
3. Далее мы применяем к полученной картинке фильтр «Диффузия», чтобы убрать зубчатые края. Путь к включению фильтра: «Фильтр — Стилизация — Диффузия» (Filter-Stylize-Difuse). В открывшемся окне выбираем «Anisotropic».
4. Следующим шагом будет сглаживание краев, чтобы они стали более чёткими, для этого нажимаем «Изображение — Коррекция — Уровни» (Image-Adjustment-Levels). В открытом окне перемещаем левый и правый ползунок ближе к центру. Для того чтобы увидеть результат коррекции, лучше всего увеличить рисунок до 300% перед тем как открывать уровни.
5. Повторяем пункты 3 и 4 в той же очередности.
6. Отключаем видимость нашего основного слоя и включаем слой «Основа_1». Выполняем действие «Изображение — Коррекция — Изогелия» (Image-Adjustment-Threshold). Параметр устанавливаем на уровне 138.
7. Проделываем с этим слоем операции указанные в пункте 3,4 и 5.
8. Создаем новый слой и заливаем его черным цветом. Называем его «Фон». Устанавливаем его ниже слоя «Основа». В слое «Основа_1» меняем режим на «Разница» (Difference).
Вот что у нас получается:
9. Получилась картинка немного страшная, но мы это сейчас поправим. Слой «Основа» делаем активным, и добавляем слой-маску. После чего с помощью ластика можем убрать лишние участки на лице и теле девушки.
10. Вот мы и получили рисунок, теперь его нужно перевести в векторный. Используем «Волшебную палочку», выделяем всю черную область рисунка, и на изображении нажимаем правую клавишу мыши, в открывшемся меню выбираем «Образовать рабочий контур». Устанавливаем значение 1,0.
Финальный результат
Как известно, векторные иллюстрации в настоящее время очень популярны в веб-графике. Профессиональные дизайнеры могут создавать такие иллюстрации за считанные часы. Если Вы новичок или любитель, уроки веб-графики, безусловно, будут крайне полезны для Вас. Цель данного урока — пролить свет на процесс создания выбранного изображения. Шаг за шагом я продемонстрирую весь процесс и с помощью моих комментариев поясню все этапы.
Чтобы создать действительно классное изображение, Вы должны выбрать нужную программу и следовать определенным правилам. Если Вы хотите нарисовать векторную иллюстрацию, то должны иметь в виду, что для этого используются такие редакторы как Adobe Illustrator или CorelDraw . Вместе с тем, Photoshop располагает достаточными средствами для разработки векторных иллюстраций. Я наглядно покажу это в своем уроке, как перевести рисунок в вектор. Я выбрал скетч кота как основу для иллюстрации. Я решил изобразить синего кота с розовыми цветами в лапах.
Шаг 1
Начнем с создания фона. Нарисуем форму с помощью инструмента выделения () (в режиме Shape Layers (Слой Фигура)). Настройки — (Непрозрачность заливки) = 0% . Теперь используем наложение градиента: ( (Стиль слоя — Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) ( (Стиль слоя — Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.
На фотографии, которую вы будете обрабатывать, была на белом фоне. Если вы не располагаете фотографией такого типа, то предварительно удалите фон при помощи опций программы (ластика или волшебной ).
Воспользуйтесь выделением фигуры, а затем скопируйте, то что вы выделили для нанесения на новый слой. Переименуйте этот слой в «фигура». Создайте новый слой и предайте ему имя «фон». На панели переместите слой таким образом, чтобы его положение оказалось ниже «фигурного» слоя. Слиянием двух слоев мы получаем слой, имя которому «Основа».
После этого примените к «Основному» слою инструмент «Изогелия», дабы получить силуэт черно-белого состава. Далее необходимо применить к слою «Основа» коррекцию «Изогелия», чтобы получить черно-белый силуэт. Примените (Image – Adjustment – Threshold), что в переводе Изображение – Коррекция – Изогелия.
Далее используйте фильтр «Диффузия» для сглаживания зубчатых краев. (Filter – Stylize – Diffuse) Фильтр — Стилизация — Диффузия. Теперь, дабы преобразовать края рисунка в более четкие очертания примените (Image – Adjustment – Levels) Изображение — Коррекция — Уровни, сблизьте правые и левые ползунки ближе к . Для нормальной корректировки изображения увеличьте масштаб до 300%.
Примените прием для слоя под названием «Основа_1». Для этого воспользуйтесь (Image – Adjustment – Threshold) Изображение — Коррекция — Изогелия.
Произведите повторные действия с шага 4 для «Основа _1». Создайте новый слой и залейте его в черный цвет, затем поместите на место ниже слоя «Основа». Изменяем режим наложения для слоя «Основа_1» на следующий «Разница(Difference).
Получился не достаточно вариант, но это возможно . Слой «Основа» используйте как активный слой, прибавьте слой-маску. Применив ластик, устраните нежелательные участки на лице девушки.
Установите видимым слой «Основа_2». Примените Изогелию так, чтобы глаза . Далее необходимо повторить шаг 4. Примените «Лассо» и выделите область глаза, для преобразования в слой-маску.
Далее произойдет преобразование рисунка в векторный. Чтобы это проделать, нужно из получившегося изображения создать
Выделите всю черную область при помощи «Волшебной палочки». Далее пройдите по изображению ПКМ и в открывшемся меню выбирти «Образовать рабочий контур».
Далее прибегните к помощи (Edit — Define Custom Shape) Редактирование — Произвольная фигура. Дайте название для фигуры и сохраните ее.
Источники:
- как сделать векторный рисунок из
Векторная маска в Adobe Photoshop может использоваться в разных случаях. В данном случае мы рассмотрим, как с ее помощью применить цветокоррекцию на отдельный участок изображения.
Вам понадобится
Инструкция
Запустите Adobe Photoshop и создайте новый документ. Для этого кликните пункт меню «Файл» (File) > «Создать» (New) или нажмите на горячие клавиши Ctrl+N. В новом ширину и высоту укажите, например, по 500, в поле «Содержимое фона» (Adjustment) задайте «Прозрачный» (Transparent) и щелкните ОК.
Нажмите пункт меню «Слои» (Layer) > «Новый слой-заливка» (New pattern fill) > «Узор» (Pattern) и в следующем окне сразу нажмите ОК. Откроется панель «Заливка » (Pattern fill). В его левой части находится кнопка, вызывающая выпадающее меню, в котором можно выбрать необходимый узор. При помощи настройки «Масштаб» (Scale) узор можно приблизить или отдалить. Установив необходимые параметры, нажмите ОК. Фон документа примет очертания выбранного узора, в дальнейшем на него будут накладываться векторные маски. При помощи инструмента «Перемещение» (Move) вы можете передвигать этот узор.
Выберите инструмент «Прямоугольник» (Rectangle tool), на панели настроек нажмите на пункт «Контуры» и создайте с его помощью небольшую рамку в любой части рабочей области. Нажмите пункт меню «Слои» (Layer) > «Новый корректирующий слой» (New adjustment layer) > «Цветовой фон/Насыщенность» (Hue/Saturation) и в новом окне сразу нажмите ОК. Откроется новое окно, в котором вы можете изменять параметры «Цветовой фон» (Hue), «Насыщенность» (Saturation) и «Яркость» (Lightness), крутя соответствующие ползунки. Заметьте, изменения происходят только с выделенным участком, т.е. с рамочкой, созданной инструментом «Прямоугольник». Собственно, этот прямоугольник, на который можно наложить различные эффекты – это и есть векторная маска.
Источники:
- Инструмент Rectangle
В этом уроке я расскажу, как из цветной фотографии сделать чёрно-белый векторный рисунок без применения инструмента «Перо».
Шаг 1. Открываем фотографию в Photoshop.
Оговорюсь сразу, что для выполнения данного урока подходят фотографии, на которых фигура человека находится на белом фоне. Если у вас таковой нет в наличии, то прежде чем приступить к уроку имеющуюся фотографию необходимо подготовить.
С помощью инструментов выделения отделяем фигуру от фона и копируем выделенное на новый слой. Переименовываем этот слой в «фигура». Создаём новый слой, заливаем его белым цветом, переименовываем в «фон». Перемещаем этот слой на панели слоёв таким образом, чтобы он находился ниже слоя «фигура». Сливаем слой «фон» со слоем «фигура». Переименовываем полученный слой в «Основа».
Шаг 2. Далее мы применим к слою «Основа» коррекцию «Изогелия», чтобы получить чёрно-белый силуэт. Вполне возможно что с первого раза вам не удастся добиться того, чтобы на силуэте были видны все необходимые для вас детали. Поэтому сделаем несколько копий слоя «Основа», чтобы на каждом, используя различные настройки для «Изогелии», получить силуэт с необходимыми деталями.
Сделав две или три копии слоя «Основа», отключите их видимость. Убедитесь, что активным у вас является только слой «Основа»
Шаг 3. Применяем (Image — Adjustment — Threshold). Я для получения основы силуэта использовала такие настройки:
Шаг 4. Теперь мы применим к слою фильтр «Диффузия», чтобы сгладить зубчатые края. Фильтр — Стилизация — Диффузия (Filter — Stylize — Diffuse)
Теперь, чтобы сделать края изображения более чёткими идём Изображение — Коррекция — Уровни (Image — Adjustment — Levels), сдвигаем правый и левый ползунки ближе к центру. Чтобы легче было контролировать результат, увеличьте перед применением корректировки масштаб изображения до 300%.
Снова повторяем действия с фильтром «Диффузия» и коррекцией «Уровни»
Шаг 5. Включаем видимость для слоя «Основа_1». Применяем Изображение — Коррекция — Изогелия (Image — Adjustment — Threshold).
Шаг 6. Повторяем для слоя «Основа _1» шаг 4.
Шаг 7. Создаём новый слой, заливаем его чёрным цветом, перемещаем на панели слоёв ниже слоя «Основа». Меняем режим наложения для слоя «Основа_1» на «Разница (Difference). Вот, что получилось на данном этапе.
Шаг 8. Девушка получилась достаточно страшненькая, но это всё поправимо. Делаем активным слой «Основа», добавляем слой-маску . С помощью ластика стираем «устрашающие» участки на лице девушки.
Уже намного лучше. Однако, на мой взгляд, левый глаз немного подкачал.
Шаг 9 . Включаем видимость для слоя «Основа_2», применяем Изогелию таким образом, чтобы появились ясные очертания глаза. Повторяем шаг 4. С помощью инструмента «Лассо » выделяем область с глазом и добавляем слой-маску.
Если вы довольны результатом, то склеиваем слои.
Разница между маской и слоем в фотошопе
Основная разница: маска «маскирует» части слоя и скрывает его. Другими словами, определенные части могут быть сделаны невидимыми на изображении, так что изменения, применяемые к остальной части изображения, не влияют на эти части. Слой — еще одна неотъемлемая часть графики в Photoshop. Файл Photoshop может состоять из различных независимых слоев, которые лежат друг на друге. Слои могут быть независимо отредактированы.
Маска определяется как способ, с помощью которого определенные вещи могут быть применены к очень определенной части изображения. Маска играет жизненно важную роль в графическом дизайне. В общем, маски могут быть двух типов — обтравочные маски и маски слоев. Маска слоя применяется к слою, чтобы контролировать прозрачность слоя. Элементы управления, связанные с непрозрачностью слоя, могут управлять только прозрачностью всего слоя. Следовательно, маска обеспечивает возможность управления прозрачностью в определенных областях. Обтравочные маски также очень похожи на маски слоев. Однако эти маски определяют прозрачность уже используемых слоев, которые необходимы для их создания. Маски играют жизненно важную роль в смешивании фотографий. Маски помогают скрыть ненужные части изображения без необходимости прямого изменения. По сути, маска помогает защитить область изображения от изменения, как и другие части изображения.Слой в документе можно рассматривать как прозрачный и прозрачный лист пленки. Слои также являются неотъемлемой частью Photoshop. Файл Photoshop может состоять из различных независимых слоев, которые лежат друг на друге. Слой можно просто понимать как одно изображение, сложенное поверх другого. Слои могут быть независимо отредактированы. Можно легко просмотреть прозрачные области слоя для слоев ниже. Слой специального типа известен как смарт-объект, который содержит один или несколько слоев контента. Можно легко преобразовать смарт-объект, и поэтому нет необходимости напрямую редактировать пиксели изображения. Слои видео также могут быть сформированы путем добавления видео к изображению. После использования видеоклипа можно легко замаскировать слой или преобразовать его. Все слои, группы слоев и эффекты слоев перечислены на панели слоев. Эта панель может использоваться для отображения и скрытия слоев.
Сравнение между маской и слоем:
маскировать | Слой | |
Определение | Маска определяется как способ, с помощью которого определенные вещи могут быть применены к очень определенной части изображения. | Файл фотошопа может быть составлен из различных независимых слоев, которые лежат друг на друге. Слои могут быть независимо отредактированы. |
Типы |
|
|
| Основные приложения | Смешивание фотографий и скрытие частей изображений без необходимости прямого изменения. | Композиция из нескольких изображений, добавление текста к изображениям и добавление векторных графических фигур. |
Создание усовершенствованной анимации в Photoshop
В то время как анимация в Photoshop – не новая концепция, она, безусловно, прошла долгий путь за последние несколько лет: панель Timeline была пересмотрена, представлены видео слои и возможность создавать keyframe анимацию. Эти дополнения действительно улучшили Photoshop.
Даже если Photoshop еще далек от того, чтобы создавать высококачественную анимацию таких программ, как After Effects, у него все еще достаточно сил, чтобы создавать сложную анимацию – что особенно полезно, если вы не хотите тратить время на изучение нового приложения.
В этой статье я поделюсь несколькими современными методами, которые помогут вам создать сложную анимацию. Мы рассмотрим панель Timeline и различные свойства, которые можно анимировать. Мы также изучим роль корректирующих слоев, фильтров и смарт-объектов в анимации (и как объединить их для достижения удивительных эффектов). Поскольку в этой статье речь пойдет о современных методах, требуется средний уровень знаний Photoshop.
Обзор панели Timeline
Открытие панели Timeline (“Window” → “Timeline”) позволяет выбрать между двумя типами timeline: video и frame. Frame timeline – для покадровой анимации, и может очень ограничивать. Он, как правило, преобразовывает слои в панели Layers в отдельные кадры. Я не буду вдаваться в подробности по этому timeline; я хочу сосредоточиться на video timeline.
Выбор timeline в Photoshop
Video Timeline
Video Timeline позволяет создание keyframe анимации – процесс анимации, в котором вы определяете ключевые моменты анимации в timeline, и Photoshop интерпретирует промежуточные кадры, чтобы создать анимацию. Давайте создадим очень простую анимацию, чтобы увидеть, как это работает.
Панель video timeline показывает слой (1) со свойствами слоя (2). Timeline показывает индикатор текущего времени (3) и существующие ключевые точки (4).
Как вы, наверное, заметили на картинке выше, video timeline показывает слои в панели Layers. Каждый слой в timeline имеет выпадающую панель, которая представляет свойства слоя (это те свойства, которые могут быть анимированы). Чтобы анимировать свойство слоя, просто нажмите на значок секундомера. Обратите внимание, что keyframe автоматически помещается в индикатор текущего времени.
Значок секундомера выбран для свойства “Position”. Keyframe автоматически добавляется в timeline.
Переместите индикатор текущего времени к другой точке в timeline и переместите слой. Опять же, еще один keyframe автоматически будет добавлен к timeline.
Перемещение слоя автоматически добавляет keyframe в место, где находится индикатор текущего времени в timeline.
Воспроизведение анимации показывает, как объект на холсте переходит от одной позиции к другой.
Photoshop автоматически создает анимацию между ключевыми кадрами.
Типы слоев
Теперь, когда мы знаем, как процесс анимации осуществляется в Photoshop, давайте внимательнее рассмотрим распространенные типы слоев, которые можно анимировать. Поскольку различные типы слоев имеют различные свойства, обратите внимание на то, какие слои используются.
Стандартный (пиксельный) слой представляет собой слой, который содержит информацию о пикселях. Это наиболее распространенный (и самый основной) слой в Photoshop. Свойства слоя включают в себя:
- положение,
- непрозрачность,
- стили.
p1-06-layer-standard-opt
Стандартный слой в timeline со свойствами слоя.
Добавление маски слоя или векторной маски к любому слою введет дополнительные свойства, характерные для этой маски. Свойства слоя, которые добавляются к существующим свойствам слоя, включают в себя:
- слой или положение векторной маски
- слой или векторная маска
p1-07-layer-mask-opt
Слой с маской слоя в timeline.
p1-08-layer_vector-mask-opt
Слой с векторной маской в timeline.
Shape layer содержит форму (одного из инструментов формы или Pen tool) или отрезок. Так как формы и отрезки создаются с информацией векторной маски, эти свойства маски появятся в дополнение к другим свойствам слоя. Свойства слоя включают в себя:
- положение,
- непрозрачность,
- стили,
- положение векторной маски,
- векторную маску.
Shape layer в timeline со свойствами слоя.
Text layer содержит редактируемый текст. Если текст был растрирован, то слой перестанет быть текстовым слоем, а будет представлять собой стандартный слой с пиксельной информацией. Свойства слоя включают в себя:
- преобразование,
- непрозрачность,
- стили,
- деформация текста.
Text layer в timeline со свойствами слоя.
Смарт-объект может содержать любой один или сочетание указанных выше типов слоев. Смарт-объект действует как wrapper для любого слоя, сохраняя первоначальный слой при использовании нового набора свойств. Эти свойства включают в себя:
- преобразование,
- непрозрачность,
- стили.
Text layer в timeline со свойствами слоя.
Небольшое предупреждение об использовании смарт-объектов. Поскольку смарт-объект сохраняет исходное качество слоя или набора слоев, которые он содержит, его можно масштабировать без потери качества. Тем не менее, он не может быть увеличен больше, чем размер исходного слоя, который он содержит. Это станет причиной потери качества смарт-объекта.
Сейчас я хочу отметить два других типа слоев – video layer и 3D layer. Оба этих слоя очень отличаются от других упомянутых типов слоев. Видео слой на самом деле это группа слоев, которая содержит свой собственный набор свойств, в то время как слой 3D – кроме того, что содержит уникальный набор свойств, подвергается воздействию в среде совершенно отдельной от других слоев. Сейчас я не буду вдаваться в подробности этих уникальных слоев. Вы можете увидеть, как оба слоя представлены в timeline ниже:
Группа video layer в timeline со свойствами слоя.
3D layer в timeline со свойствами слоя.
Я советую вам изучить эти два типа слоев. В остальной части этой статьи я сосредоточусь только на традиционных видах слоя, за исключением видео и 3D.
Свойства слоя
Теперь, когда у нас есть представление о различных типах слоев, давайте рассмотрим различные свойства, которые мы можем анимировать. Знать, как работает каждое свойство важно для понимания их ограничений и как их обойти. Давайте посмотрим на общие свойства анимации.
Свойство Position позволяет двигаться по осям X и Y. Меняйте положение объекта с помощью Move Tool.
Свойство объекта Position было кадрировано для того, чтобы перемещать мяч вперед и назад вдоль оси х.
Opacity позволяет кадрировать непрозрачность слоя. Opacity можно найти в панели Layers.
Opacity объекта кадрировано на 100% и 0%, чтобы создать исчезающую анимацию.
Свойство Style позволяет кадрировать стили слоя. Получите доступ к стилям слоя, дважды щелкнув на слой в панели Layers.
Стили слоя объекта (скос и рельеф, наложение цвета и тень) кадрированы для того, чтобы создать пульсирующую анимацию.
Маска слоя или положение векторной кадрирует положение х и у каждой маски. Это работает лучше всего, когда маска не связаны с слоем.
Положение маски кадрируется, снимая один слой, раскрывая фоновый слой.
Также возможно включение или отключение слоя или векторной маски. Чтобы включить или отключить маску слоя, перейдите к “Layer” → “Layer Mask” и выберите “Enable” или “Disable”. Для векторных масок, перейдите к “Layer” → “Vector Mask”. Или “Shift + Click ” в панели Layers.
Маска кадрируется, включается и отключается на короткий промежуток времени, в результате чего создается эффект появления анимации.
Характерное для текстовых слоев, свойство Text Warp позволяет кадрировать текстовую деформацию, примененную к текстовому слою. Вы можете получить доступ к списку эффектов текста основы, перейдя в “Type” → “Деформация текста.”
Flag warp был применен к тексту и кадрирован для того, чтобы создать анимацию деформации.
Свойство Transform позволяет кадрировать преобразование к слою. Различные преобразования (например, вращение и масштаб) можно получить, перейдя в “Edit” → “Transform”, или нажав Ctrl + T, чтобы войти в режим Free Transform.
Масштаб и вращение объекта кадрированы для того, чтобы создать вращающуюся звезду, которая увеличивается и уменьшается.
Высоких конверсий!
18-03-2016
Что такое маска в Photoshop
Маска — один из самых основных инструментов Photoshop. Она позволяет выбрать конкретную область иллюстрации или фотографии, другими словами указать программе рабочую область для выполнения различных и обратимых изменений. Эта деталь отличается от других утилит Photoshop, таких как перо или инструмент выделения.
Чтобы лучше понять, для чего предназначена маска, ее можно сравнить с двумя последними упомянутыми инструментами. При использовании пера или инструмента выделения все оставшиеся элементы теряются. Однако с помощью маски можно скрыть то, что нет нужны менять. Необходимо только снять маску.
В Photoshop можно выделить три разных типа масок, каждая из которых выполняет свою функцию:
- Слой-маска. Этот тип маски представляет собой растровое или пиксельное изображение, которое зависит от разрешения и может использоваться только в оттенках серого. Серая шкала определяет непрозрачность маски. Для ее создания необходимо использовать инструменты рисования и выделения.
- Векторная маска. Этот тип маски можно использовать на векторной графике независимо от разрешения и обрезать содержимое слоя. Эти маски создаются с помощью определенных инструментов. В данном случае это форма и перо.
- Обтравочная маска. Этот тип маски можно использовать для выделения всего содержимого слоя, чтобы замаскировать слои над ним. Создание этой маски обусловлено содержимым базового слоя.
Благодаря маскам можно проводить неразрушающие изменения. То есть, даже если внесены изменения, всегда сохраняется информация о слое, с которым связана маска.
Язык Русский
О.С. Windows
Лицензия тестирование
СкачатьОсвоение масок в Photoshop и Illustrator
Маскирование — это техника, которой должен овладеть каждый моушн-дизайнер. Узнайте, как маски работают в Photoshop и Illustrator.
Если вы работаете в Photoshop или Illustrator и обычно не используете маски, вы, вероятно, используете множество запутанных приемов и обходных путей, чтобы получить желаемый результат. Это, вероятно, временами болезненно и не дает уснуть по ночам. Что ж, не бойтесь, Джейк Бартлетт здесь, чтобы научить вас, как именно изображения и векторные маски работают в Adobe Photoshop и Adobe Illustrator.
Скрытый Микки?В этом уроке Джейк, который преподает Photoshop + Illustrator Unleashed в дополнение к Explainer Camp, проведет вас через несколько примеров того, как вы можете использовать как векторные, так и графические маски в обоих приложениях. Добавьте в закладки, это полезный AF.
Как маскировать объекты в Photoshop и Illustrator
Загрузите файлы проекта и ресурсы для освоения масок
Если вы действительно хотите закрепить эти методы в своей мышечной памяти, возьмите бесплатные файлы проекта и ресурсы из этого учебник, чтобы вы могли следить за ним.Практика делает постоянным, доброжелательным?
Чему вы научитесь в этом руководстве?
Вы узнаете несколько способов использования масок как в Photoshop, так и в Illustrator. Что еще более важно, вы узнаете, когда использовать каждый тип маски. Иногда вам нужна маска изображения, иногда — векторная маска, и важно знать преимущества каждой из них. Вы также получите массу полезных советов по рабочему процессу от Джейка.
КАК МАСКИ ДЛЯ СТРИЖКИ ДЕЙСТВУЮТ В ИЛЛЮСТРАТОРЕ
Признайтесь.Каждый раз, когда вам нужно использовать обтравочную маску в Illustrator, вы должны искать, как это сделать. Надеюсь, этот урок излечит вас от этого недуга.
ИЛЛЮСТРАТОР ЕСТЬ МАСКИ ИЗОБРАЖЕНИЯ?
Знаете ли вы, что Illustrator может использовать изображения в качестве масок так же, как Luma Matte в After Effects? Гадзуки!
PHOTOSHOP IMAGE MASK TECHNIQUES
Маски изображений невероятно распространены в Photoshop, а также очень эффективны. Узнай, как они работают, яда, яда, яда, а потом получай прибыль.
ИСПОЛЬЗОВАНИЕ ВЕКТОРНЫХ МАСКИ В PHOTOSHOP
Photoshop на самом деле имеет очень мощные векторные инструменты, а также растровые инструменты, с которыми вы, вероятно, знакомы.Векторные маски — это секретное оружие, которым теперь можно владеть.
Свободно овладеть Photoshop и Illustrator за 8 недель
Photoshop и Illustrator — мама и папа моушн-дизайна. Скорее всего, вы потратите на их использование около половины своей профессиональной жизни, так что вы можете хорошо разбираться в обоих приложениях. Вы можете подумать, что знаете программы, но если вы хотите действительно оптимизировать свой рабочий процесс и изучить массу новых техник с помощью опытных профессионалов отрасли, попробуйте Photoshop + Illustrator Unleashed.
Наша команда готова ответить на любые ваши вопросы об этом курсе или любом другом классе в нашей учебной программе. Пожалуйста, дайте нам знать, если мы можем вам чем-то помочь!
———————————————— ————————————————— ———————————
Учебное пособие Полная стенограмма ниже 👇:
Джейк Бартлетт (00:00 ): Эй, я Джейк Бартлетт. В этом коротком видео я научу вас, как маски работают в Photoshop, а маски иллюстратора очень эффективны.И через несколько минут вы сможете использовать их в своей работе. Adobe, Photoshop и иллюстратор используются практически в каждом проекте по моушн-дизайну. Поэтому вам нужно хорошо понимать, как они работают в Photoshop и иллюстраторе. Я преподаю вам все тонкости обеих программ с точки зрения моушн-дизайнеров. Так что проверьте это. Если вы действительно хотите улучшить свои навыки, вы также можете загрузить файлы проекта, которые я использую в этом видео, чтобы следовать или попрактиковаться в этом. После того, как вы закончите просмотр, подробности будут в описании.
Джейк Бартлетт (00:46): Так что же такое маска? Ну, на самом деле это просто техника для содержания части изображения или скрытия части изображения и иллюстратора. Это называется обтравочной маской, и я покажу вам, как это работает очень быстро. Допустим, я хочу, чтобы эта текстура содержалась внутри этого круга. Я переместу эту группу изогнутых линий поверх круга. Очевидно, это выходит за рамки этого. Но если я перенесу этот круг поверх линий в иерархии слоев, я просто щелкну и перетащу этот круг над ним, выделю оба объекта, подойду к объекту полностью вниз до обтравочной маски и нажму на кнопку make.Вот и все. Вот и все, что нужно сделать. Волнистые линии теперь содержатся внутри этой формы, но допустим, что я хотел сохранить исходный серый цвет круга, а не только волнистые линии в форме круга.
Джейк Бартлетт (01:31): Хорошо, я просто отменю это. И у меня очень простой способ сделать это — использовать так называемый режим рисования внутри иллюстратора. И мне кажется, что это действительно малоизвестная особенность иллюстратора. Если вы не видите здесь этих трех маленьких квадратов, вероятно, ваша панель инструментов свернута.Поэтому убедитесь, что он развернут, чтобы вы могли видеть их красиво и четко. Но что нам нужно сделать, это сначала просто вырезать дырку из волнистых линий, выбрать их, нажать командир, удерживать X, чтобы вырезать и поместить их в буфер обмена. Затем я выделю этот круг. Переходим к этому третьему варианту, рисуем внутри. У нас есть ограничивающая рамка новой формы, которая сообщает нам, что мы находимся в этом новом режиме рисования. А затем я просто вставлю на место, нажав command shift V или control shift V на ПК. Теперь, если я отключу это, вы увидите, что эти волнистые линии содержатся внутри круга, но стиль круга сохраняется.
Джейк Бартлетт (02:20): Смотрим на палитру слоев. У нас есть клип-группа. Если я разверну его, у нас будут два объекта, эллипс с подчеркиванием под ним, сообщая нам, что объект используется в качестве обтравочной маски. А отсюда у нас есть группа закорючек. Я могу делать все, что я хочу. Я мог выбрать только эти волнистые линии и повернуть их. Я мог масштабировать их вверх или вниз, менять их цвета, и когда я доволен этим, я просто хочу убедиться, что я вернусь к нормальному рисованию в стандартном режиме, отключив его.И вот так. Итак, давайте быстро взглянем на наш второй пример и посмотрим, как мы можем использовать эту технику в реальном мире. Это файл, который вы можете скачать и подписаться на него вместе со мной. Просто перейдите по ссылке в описании видео.
Джейк Бартлетт (02:58): Допустим, я хочу добавить стилизованные блики к этому изображению Lamborghini, и я сделаю это, используя только прямые линии. Так что позвольте мне увеличивать масштаб, и мы собираемся использовать ту же технику рисования внутри. Итак, я сначала выберу это лобовое стекло.Затем перейдите в режим рисования внутри, а затем возьмите мой инструмент линии, избавьтесь от моей заливки, щелкнув этот маленький значок монахини, переключитесь на мой цвет обводки и сделайте это красивым и ярким. Мы просто возьмем не совсем белый цвет для бликов и начнем рисовать линии. Так что я просто сделаю один, может быть, прямо здесь. Я просто увеличу размер обводки до 25. А затем с помощью инструмента выделения внутри этого режима рисованной стороны я могу даже дублировать этот объект, удерживая опцию или Alt, щелкая и перетаскивая.А затем, скажем, сделайте это 15 баллов вместо 25, а затем еще раз, продублируйте его и сделайте так, чтобы он говорил о четырех баллах.
Джейк Бартлетт (03:50): Хорошо. Итак, вот мои маленькие стилизованные блики. Я выйду из этого режима рисования, и поехали. У нас есть стилизованные линии. Если мне не нравится их расположение, я могу просто дважды щелкнуть по одному из них, чтобы перейти в режим изоляции. Так что больше ничего не редактирую. А затем я просто выберу эти три вида их перестановки, возможно, немного изменим угол.И вот так. Я дважды щелкну снаружи, чтобы выйти из режима изоляции. У нас есть несколько красивых стилизованных бликов. Обтравочные маски настолько просты, но есть еще один тип маски внутри иллюстратора, называемый маской непрозрачности. И для этого мне понадобится фотография, чтобы использовать ее в качестве маски. Итак, я собираюсь заблокировать слой с машиной, разблокировать фон и затем развернуть его. Итак, я хочу добавить свое изображение, подойдя к файлу.
Джейк Бартлетт (04:37): И вот это изображение текстуры в формате JPEG, и это просто черно-белая фотография с шероховатой текстурой. Я нажимаю на место, а затем щелкаю там, где я хочу разместить верхний левый угол изображения.И вот так. У нас внутри наш образ. Допустим, я хочу использовать это изображение в качестве текстуры для фона этого рисунка, но я хочу иметь возможность контролировать его цвет. Я не хочу, чтобы только фон стал темнее. Что ж, тогда маска непрозрачности идеально подходит для такого рода приложений. Сначала я просто скрою этот слой. И я хочу продублировать этот фоновый прямоугольник, поэтому, удерживая нажатой клавишу «Option» или «Alt», перетащите вверх чуть ниже этой фотографии. А теперь у меня другой прямоугольник. Я собираюсь сделать его немного ярче, чтобы мы могли различать этот цвет и цвет фона.
Джейк Бартлетт (05:19): Далее. Я хочу снова включить эту фотографию и выделить всю вырезку, как мы это сделали с волнистыми линиями, командирским элементом управления X, затем я выберу этот новый прямоугольник, перейду на панель свойств и в раздел непрозрачности. Вот этот маленький квадратик — вот что меня беспокоит. На нем нет знака, но здесь живет маска непрозрачности. Если я дважды щелкну так, как написано, чтобы создать маску непрозрачности, она станет черной, и мой прямоугольник исчезнет. И это потому, что в маске непрозрачности черные пиксели равны 100% прозрачности или невидимости, это 100% прозрачность, а белые пиксели на 100% непрозрачны или сплошные, а все остальное между белым и черным — полупрозрачные пиксели.Так как в моей маске ничего нет, она черная. И я не вижу никакой части своего изображения, но помню, что я вырезал ту фотографию раньше. Итак, пока я перехожу к своим слоям, убедитесь, что я нахожусь на этой маске непрозрачности.
Джейк Бартлетт (06:15): И я вставляю свою фотографию внутри этой маски непрозрачности. Если я вернусь к своим свойствам на панели непрозрачности, вы увидите миниатюру этой маски, потому что там моя текстура, и она используется для формирования непрозрачности этого слоя. И если я вернусь в свой обычный режим редактирования, щелкнув этот квадрат прямо здесь, я могу сойти с ума.Вы знаете, это наш фиолетовый цвет, но я могу изменить его на все, что захочу, и он обновится. Таким образом, он использует эту текстуру как информацию о непрозрачности, а не как информацию о цвете, что действительно здорово, но это действительно красивая текстура. Он скрывает большую часть нашего фона. Если я вернусь в прошлое панели и посмотрю на эту маску, вы увидите, что большая ее часть белая, и именно поэтому мы видим так много изображения, которое мы маскируем.
Джейк Бартлетт (06:59): Но если мы щелкнем по инвертированной маске, это буквально просто поменяет местами белые и черные пиксели.Так что теперь большая часть изображения скрывается, а не отображается. И у нас есть гораздо более легкая, более тонкая текстура. И, очевидно, я не хочу этого зеленого ядовитого цвета. Так что давайте просто изменим это обратно на что-то более розовое или пурпурное. И если бы я хотел, я мог бы даже перетащить это на отдельный слой. Итак, давайте создадим новый слой, переместим на него эту текстуру и поместим ее на самый верх. И теперь у нас есть эта красивая, тонкая, согласованная текстура по всему нашему изображению, и мы можем очень легко изменить ее цвет, но именно так маска непрозрачности работает внутри иллюстратора.
Джейк Бартлетт (07:42): Теперь давайте перейдем к Photoshop и поговорим о методах маскирования внутри этой программы. Теперь давайте сразу перейдем к маскам непрозрачности, потому что они очень похожи на способ, которым их обрабатывает иллюстратор. Таким образом, маскирование внутри Photoshop выглядит немного по-другому в нашей палитре слоев — это то место, где мы собираемся увидеть наши маски. Итак, выделив этот слой, я перейду к этой иконке маски прямо здесь. Это прямоугольник с отверстием. И если я нажму на это, он говорит: «Добавьте маску».Он просто добавит пустую маску, как это было в иллюстраторе. Когда мы сказали сделать маску, вместо того, чтобы сделать ее чисто черной, она сделала ее чисто белой. Теперь вы можете видеть, что у меня есть эти углы вокруг маски, указывающие на то, что я редактирую маску, а не слой. И я собираюсь сделать это немного больше, просто зайдя в настройки меню для палитры слоев, перейдя к параметрам панели, а затем сделав этот красивый и большой размер моей миниатюры.
Джейк Бартлетт (08:31): Это действительно легко увидеть, если бы я просто взял свой прямоугольный инструмент выделения и нарисовал грубый прямоугольник вокруг этой кассеты, а затем залил его черным.Я просто нажимаю option или alt на ПК плюс delete, чтобы моя маска залилась черным. Вы можете увидеть это прямо здесь, что делает его прозрачным на 100%. Итак, я собираюсь командовать или контролировать, а затем, все еще выбранный, я просто хочу инвертировать его, чтобы белый цвет стал черным. Черный становится белым, очень просто управлять им, просто нажмите command или control I на клавиатуре. И это перевернет все, что вы выбрали. Теперь моя маска открывает кассету и убирает фон. Очевидно, это не очень хорошо, потому что это был очень грубый выбор, но это снова основы того, как маски слоев работают в Photoshop.
Джейк Бартлетт (09:21): Это точно так же, как маски непрозрачности в иллюстраторе. Теперь преимущество работы с масками, а не просто использование ластика, заключается в том, что это полностью неразрушающий эффект, вы редактируете маску, а не исходный слой. Так что, если бы я нажал Shift и щелкнул по этой миниатюре, я все равно мог бы видеть весь запрашиваемый контент. Я не удаляю и не теряю какие-либо из этих данных. Я всегда могу вернуться к этому. Так что, если бы я снова включил это, а затем переключился, чтобы сказать мой инструмент кисти, и у меня будет просто мягкая круглая кисть, я сделаю ее немного больше.Вы увидите, что я буду рисовать черным. Это значит, что я сниму с себя маску. Я могу закрасить и сказать, ох, я случайно отрезал угол этой кассеты. Позвольте мне сделать цвет фона. Так что это немного легче увидеть.
Джейк Бартлетт (10:05): Я просто сделаю это красивого, ярко-желто-оранжевого цвета и вставлю его на задний план. Итак, я отрезал угол кассеты. Что ж, все, что мне нужно сделать, чтобы вернуть это обратно, — это поменять местами два моих цвета, мои цвета переднего плана и фона, чтобы они были белыми.Так что я закрашу это обратно прямо сейчас. Это не лучший пример покраски маски, потому что это очень чистая форма, кассетная лента. Итак, вы знаете, что использование такого инструмента кисти будет очень неточным, и вам придется просто добавлять, а затем удалять маску. И это никогда не будет смотреться на все это. Большой. Так что такой подход с использованием кисти, чтобы что-то замаскировать, эта жесткость — это просто не то, чем я бы стал. Так что позвольте мне просто причесать это обратно.
Джейк Бартлетт (10:47): Итак, у меня снова целая кассета, и давайте увеличим масштаб, чтобы обозначить вот это отверстие. Это то, что мы могли бы использовать с помощью инструмента выделения. Гм, это было бы очень полезно, потому что, если я перейду к своему инструменту эллиптической области, я могу сопоставить этот овал здесь, щелкнув и перетащив, а затем удерживая клавишу пробела, чтобы переместить верхний левый угол и как бы подогнать его ко всей этой кассете прямо здесь. А затем я заполню это черным. Это мой цвет фона в настоящее время.Поэтому вместо удаления опции я собираюсь выполнить команду delete, чтобы залить моим цветом фона. И снова у меня эта маска выделена. Таким образом, это влияет на маску, а не на содержимое этого слоя. Если я, удерживая option и alt, щелкну по миниатюре маски, мы сможем увидеть полученную маску более детально.
Джейк Бартлетт (11:32): Похоже, я даже пропустил немного своей маски, чтобы снова залить белым. Так что мы просто переключимся на мою кисть и заполним ее снова. Затем я нажму опцию на всех, чтобы выйти из этого, нажимая на эту миниатюру.И вот так. Теперь у нас есть все, что показывает прозрачность насквозь. Это отличное использование этого инструмента выделения, но в целом эти растровые маски или маски слоев хороши для действительно мелких деталей, потому что в Photoshop есть целый набор инструментов для создания действительно красивых выделений и масок, которые сложно замаскировать, например, волосы людей или травинки. , вещи с полупрозрачными прозрачными пикселями. Такие маски должны быть очень точными и чистыми. И в Photoshop просто так много инструментов, предназначенных именно для создания этих действительно сложных выделений, но есть еще один тип маски, с которой вы можете работать внутри Photoshop, называемая векторной маской.
Джейк Бартлетт (12:24): Итак, если я еще раз нажму на эту кнопку с рекламной маской, я получу здесь третью маленькую миниатюру, и это будет векторная маска. Итак, я просто отключу эту маску слоя, нажав Shift, щелкнув по ней и проведя через нее X. И я вернулся к своему первоначальному изображению без маски. Итак, мне нужно начать рисовать векторные пути. Итак, я просто перейду на инструмент «Перо». Итак, нажмите P на клавиатуре, а затем я проверю, что рисую путь, а не форму, и начну обводить эту кассету.Так что я собираюсь начать прямо здесь, верно? Там, где эта маленькая ручка щелкает, когда Бен поднимается сюда, щелкните и перетащите и просто начните маскировать это. Теперь мое изображение сразу же исчезло, и это потому, что вы можете видеть, что оно использует это, заполните область моего векторного пути, чтобы замаскировать это изображение.
Джейк Бартлетт (13:13): Так что временно, я также собираюсь отключить векторную маску, удерживая Shift и щелкая по ней, чтобы я все еще мог видеть свое изображение. А затем я обязательно щелкну по нему еще раз, чтобы увидеть этот векторный путь и продолжить работу над ним.Так что я просто щелкну прямо там, в конце, и продолжу маскировку. Теперь я немного ускорю это. Если вы хотите научиться пользоваться пером, в Интернете можно найти множество ресурсов. Это также то, что я раскрываю в Photoshop, и иллюстратор развязал. Так что не забудьте проверить это, если вы хотите узнать больше, но поехали. У нас есть очень быстрая и грубая маска, и я могу снова включить ее, нажав Shift и щелкнув по этой миниатюре. И этот слой теперь замаскирован.Если я щелкну по слою, вы увидите, что это красивые и чистые края, потому что это вектор.
Джейк Бартлетт (13:54): Я могу вернуться на этот путь и скорректировать его. Точно так же, как возможность настроить маску слоя. Это абсолютно неразрушающий. Это позволяет нам работать очень свободно, не беспокоясь ни о чем. Теперь предположим, что я хочу вырезать этот раздел прямо здесь. Что ж, если у меня выбран этот путь, и я нажимаю P, чтобы вернуться к своему инструменту «Перо» и начать вырезать его снова, я ускорю это.Так что вам не нужно смотреть, как я использую перо. Теперь, когда я закрыл этот путь. Вы видите, что он ничего не вырезал, и это потому, что в нем включена та же операция контура для комбинирования форм. Если я хочу, чтобы это пробивало отверстие, мне нужно настроить его так, чтобы либо вычесть переднюю форму, либо исключить перекрывающиеся формы. Поэтому я просто настрою его на вычитание. Так что он удаляет, а не добавляет.
Джейк Бартлетт (14:36): И теперь, когда у меня есть этот путь, я могу фактически выбрать или щелкнуть Alt и перетащить его сюда и примерно выровнять его, а затем просто преобразовать его, нажав команду T.И это очень грубо, но вроде как дело обстоит. Теперь, очевидно, я мог бы еще немного очистить эти площадки, но именно так вы можете использовать слои, маски и векторные маски для маскировки объектов внутри Photoshop. Надеюсь, это прояснило для вас ситуацию и продемонстрировало, насколько мощны инструменты маскирования в Photoshop, а иллюстратор — подписаться. Если вам нужны другие советы, подобные этому, обязательно проверьте описание, чтобы вы могли загрузить файлы проекта из этого видео. Если вы действительно хотите узнать, как использовать эти два приложения с помощью профессионалов отрасли и забавных примеров проектов, ознакомьтесь с Photoshop и иллюстратором, выпущенным из школы движения.Спасибо за просмотр.
Как создать векторную маску в Photoshop с помощью инструмента «Перо»
Инструмент «Лассо» — отстой и инструмент «Перо» — «Правила». Инструмент лассо представляет собой ржавую пилу, а инструмент перо — хирургический скальпель. Как только вы научитесь создавать маску с помощью инструмента «Перо», вы никогда не оглянетесь назад.
Верно, инструмент лассо — отстой! Не поймите меня неправильно, инструмент лассо имеет свое место. Если вы хотите очень быстро выделить небольшие грубые формы, это нормально, но он не подходит для больших задач или маскирования профессионального качества.
В этой статье я продемонстрирую, как вырезать сложную фигуру с помощью инструмента «Перо».
Что такое векторная маска?В основном векторная маска использует векторные формы для выборочной маскировки области изображения.
Если вы ранее создавали маску с помощью инструментов лассо или изображения в градациях серого, это будет пиксельная маска. Векторная маска — это маска, созданная с помощью инструментов векторной формы. Векторные формы отличаются, потому что, в отличие от фигур на основе пикселей, вы можете редактировать форму неразрушающим образом.Вы также можете настроить форму, пока маска активна.
Самое главное, что векторные фигуры также имеют неограниченное разрешение (вы можете масштабировать их до любого размера). Это потому, что векторная фигура состоит из точек и линий.
Зачем нужна векторная маска?Если мне нужно выполнить сложную работу по маскированию, я почти исключительно использую инструмент «Перо», а затем использую форму в качестве маски слоя, почему?
- Можно сделать плавные кривые
- Инструмент «Перо» никогда не дорабатывается — проще говоря, вы всегда можете редактировать форму на любом этапе процесса.Вы можете улучшить форму угла, удалить или добавить точки привязки по ходу движения
- Вы можете начать с простого и добавить детали, скажем, вам нужно вырезать что-то вроде автомобиля с множеством плавных плавных изгибов. Вы можете начать с приблизительного обозначения основных ориентиров автомобиля очень быстро, а затем не торопитесь и уточняйте форму небольшими шагами в своем собственном темпе
- Вы можете настроить внешний вид инструмента «Перо». Если вы вырезаете синий объект, вы можете изменить цвет линий на желтый, чтобы облегчить жизнь
- Вы можете отменять точки по мере их создания, это вернет вас к шагам
Многие фотографии товаров на ведущих сайтах электронной коммерции были замаскированы с помощью этой техники.
Как мне это сделать?Чтобы продемонстрировать, как вырезать сложную форму, я создам маску с помощью инструмента «Перо». Фотография, над которой я буду работать, — это фотография моей руки. Это похоже на тип форм и углов, которые вам, возможно, придется вырезать, если вы вырезали, например, футболку. Инструмента лассо будет недостаточно, потому что он не может создавать плавные кривые.
Вторая проблема заключается в том, что фон имеет такой же оттенок, что и мой цвет кожи, что затрудняет выбор цвета.Это не проблема с инструментом «Перо».
Прежде всего, упростите себе жизнь, повернув и выровняв изображение. (при необходимости)
Выберите инструмент «Перо».
Мне нравится начинать с очень приблизительного обрисовывания формы объекта. Иногда я делаю это вообще без каких-либо кривых. Этот фрагмент будет выглядеть так же, как при использовании инструмента многоугольного лассо, за исключением того, что вам не нужно беспокоиться о том, что он пойдет не так и сделает неполный выбор.
Вы заметите, что я полностью пропустил некоторые кривые — это нормально, потому что я могу вернуться позже и добавить необходимые точки.
Если вы щелкните один раз, вы создадите угловую привязку, если вы щелкнете и перетащите, вы создадите изогнутую точку привязки (Безье). Я обычно делаю всю фигуру с угловыми точками, а затем добавляю или конвертирую точки в кривые позже.
Если у вас проблемы с четким изображением инструмента «Перо»: возможно, он слишком тонкий или неправильного цвета. Вы можете настроить параметры инструмента в настройках.
Перейдите в РЕДАКТИРОВАТЬ> НАСТРОЙКИ> НАПРАВЛЯЮЩИЕ, СЕТКИ И СРЕЗЫ.
Внизу вы найдете параметры контуров, здесь вы можете настроить размер и цвет линий.
Совет! Вы можете заметить, что края одного цвета переходят в следующий цвет, это называется сглаживанием. Обычно я рисую маску внутри объекта — это предотвращает растекание цвета по краям.
Итак, у нас есть очень грубый контур объекта
Прежде чем мы доработаем форму, важно знать о двух типах точек привязки: угловых и кривых.
Угол: в основном анкеры точка-точка с прямой линией, соединяющей каждую точку привязки.
Bezier: это когда у вас есть кривая между точками привязки, вы можете настроить кривую с помощью обработчиков.
Затем я редактирую фигуру, добавляя дополнительные опорные точки по мере необходимости, используя инструмент «Добавить опорную точку». Этот инструмент создаст новую точку привязки на линии. Вы можете заметить две маленькие точки на конце строки — это обработчики, и они контролируют величину кривой.
Просто щелкните по той части линии, в которую вы хотите добавить точку.
Второй способ улучшить форму — это преобразовать уже имеющиеся точки в точки привязки Безье (изогнутые). Это делается с помощью инструмента преобразования точки . просто щелкните угловую точку и перетащите мышь, чтобы настроить кривую.
Если вы хотите переместить точки, вам нужно будет использовать инструмент прямого выбора.
Я повторяю этот процесс для остальной части изображения.К этому тоже нужно немного привыкнуть, настройка кривых временами может немного расстраивать.
Когда я буду доволен маской, мне нужно создать маску слоя из формы, которую я только что сделал.
Для этого я убеждаюсь, что слой, который я хочу замаскировать, выбран, и форма, которую я хочу использовать, также выбрана. Вы можете выделять фигуры с помощью инструмента выделения контура — он находится под инструментом «Перо».
Я выбираю Layer> LAYER MASK> VECTOR MASK> CURRENT PATH
Готово! — Вы все еще можете редактировать форму с помощью инструмента «Перо» даже с примененной маской.Вы также можете уменьшить плотность, которая в основном является непрозрачностью.
Подождите, моя маска неправильная!Это случается время от времени. Выбрав путь, нажмите на параметры работы с контуром. Это представит раскрывающееся меню, просто выберите другой вариант пути. Обычно правильный вариант комбинировать формы.
Если вы хотите использовать традиционный метод маскирования с помощью пиксельной маски, вы можете просто щелкнуть правой кнопкой мыши по векторной маске и нажать Растрировать векторную маску. Я советую заранее продублировать слой, чтобы у вас была резервная копия векторной маски на случай, если что-то пойдет не так.
Если вы потеряете свою форму на любом этапе процесса, если не удалили ее, вы можете найти ее, перейдя на панель контуров рядом со слоями и каналами (см. Изображение выше)
Ограничения векторной маскировки.Векторное маскирование идеально подходит для твердых объектов с твердыми краями. Он не подходит для объектов с мягкими краями или полупрозрачными областями.Вы всегда можете использовать комбинацию векторной и традиционной маскировки.
Я рекомендую использовать векторную маску для твердых объектов, она идеально подходит для редактирования фотографий товаров. Фактически, именно так я делаю все фотографии своих продуктов на работе.
Инструмент «Перо» поначалу может показаться немного неудобным и утомительным, но как только вы прибьете его, вы сможете замаскировать что угодно. Лично я считаю, что этот способ маскировки намного лучше, потому что вы всегда можете редактировать путь.
Счастливая маскировка.
(Архивы) Adobe Photoshop CS3: Использование масок слоев
Эта статья основана на устаревшем программном обеспечении.
Photoshop CS3 позволяет маскировать выбранные области слоя. Маскирование дает вам возможность скрывать, редактировать и защищать выбранные области изображения. Кроме того, маскирование позволяет смешивать, объединять и добавлять атрибуты затухания к нескольким изображениям в одном проекте. В этом документе будут определены два типа масок слоев, доступных в Photoshop CS3, подробно описаны необходимые шаги для добавления маски в выбранную область слоя и объяснено, как скрыть и показать части слоя в другом слое.
Маски
В Photoshop CS3 доступны два типа масок: маска слоя и векторная маска. Обе эти маски представляют собой изображения в оттенках серого; Это означает, что вы должны закрасить области, которые вы хотите скрыть, в черный цвет, а все, что вы хотите сделать частично видимым, вы должны закрасить, используя различные оттенки серого. Чем светлее серый цвет, тем прозрачнее выделенная область; белый полностью виден. После того, как вы скрыли часть изображения с помощью маски, вы можете изменить или полностью восстановить ее в любое время, потому что маска только что закрыла, а не удалила эту часть изображения.Это одно из явных преимуществ маскировки.
Маски слоя
Маски слоя — это наиболее распространенные типы масок. Маски слоя создаются с помощью инструмента Painting Tools , в первую очередь инструмента кисти Brush Tool . Метод маскирования слоя быстро покроет большую область изображения. Хотя этот метод может сэкономить время, ваша замаскированная область, скорее всего, будет неточной и будет иметь неровные края, которых нет при использовании метода векторной маскировки.
Векторные маски
Векторные маски дают более чистое и четкое изображение, чем маска слоя.Векторные маски создаются с помощью инструмента Pen , Shape или Path Selection Tool . Хотя края маски более точные, для создания этой маски требуется немного больше времени и точности, чем это необходимо для маски слоя.
Создание маски
Эти шаги объяснят, как добавить маску к вашему изображению.
ПРИМЕЧАНИЕ. Маски слоя и векторные маски можно применять к одному и тому же слою.
Откройте или создайте свое изображение (я).
Создайте необходимое количество слоев для вашего документа.
ПРИМЕЧАНИЕ. Для получения дополнительной информации о создании слоев см. Создание слоев.Поместите изображения, к которым вы хотите добавить свойства маскировки, в соответствующие слои.
ПРИМЕЧАНИЕ. Назовите каждый отдельный слой значимым именем. Это позволит вам быстрее определять содержимое слоя. Дополнительные сведения о присвоении имен слоям см. В разделе «Переименование слоев».Выберите слой, к которому вы хотите применить маску.
В нижней части палитры слоев нажмите и нажмите Добавить маску слоя.
Белая миниатюра появится в палитре Layers на выбранном вами слое. Этот эскиз будет отображать свойства маскировки, которые вы добавляете к этому слою.На панели инструментов щелкните инструмент «Кисть » , если вы хотите использовать маску слоя.
ИЛИ
Щелкните ручкой Pen , Path Selection или Shape Tool , , если вам нужна векторная маска.
ПРИМЕЧАНИЕ. Маски слоев состоят только из белого и черного цветов; поэтому вы можете применить белый и черный цвета к маске слоя только с помощью упомянутых здесь инструментов. Чтобы скрыть области слоя, вам нужно применить к маске черный цвет. Если позже вы захотите показать область, которую вы замаскировали, примените белый цвет к этой области маски.Используйте нужный инструмент, чтобы обозначить области на изображении, которые вы хотите скрыть или замаскировать.
Когда вы закончите, области, которые вы замаскировали, будут скрыты от просмотра.
Скрытие и обнаружение выделений
Вы можете использовать маску слоя, чтобы скрыть или показать выбранную область.
Скрытие выделения
При скрытии выделения применяется маска к выбранной области; выбор не виден.Теперь видна часть слоя непосредственно под маскируемым слоем, соответствующая выделению. В палитре Layers слой со скрытым выделением будет отображать белую миниатюру с выделенной областью черного цвета. В приведенном ниже примере показано скрытое выделение вместе с палитрой Layers .
Выявление выделения
При открытии выделения применяется маска к области, окружающей выделенную область; виден только выбор.Теперь видна часть слоя непосредственно под маскируемым слоем, которая соответствует области за пределами выделения. В палитре Layers слой, у которого есть открытое выделение, будет отображать черную миниатюру с выделенной областью белого цвета. В приведенном ниже примере показано выделение вместе с палитрой Layers .
Чтобы скрыть или показать выделение:
Выберите слой, к которому вы хотите применить маску.
ПРИМЕЧАНИЕ. Маска не повлияет на любые слои, расположенные выше слоя, выбранного в палитре «Слои».Используя инструмент выделения, выберите часть изображения, которую вы хотите скрыть или показать.
В меню Layer выберите Layer Mask »Hide Selection or Reveal Selection .
Ваша маска применяется соответственно.
Векторные маски — Взлом PhotoShop
Если вы создаете дизайн, содержащий элементы с четкими, определенными контурами, и вам нужно скрыть его части, вместо добавления маски в градациях серого попробуйте добавить векторную маску.(Mac OS), а затем щелкните значок «Добавить маску слоя» (рис. 8-2), расположенный в нижней части палитры «Слои».
Если вы выполнили предыдущие шаги, вы могли заметить, что ничего особенного не изменилось. Это потому, что вам нужно создать путь для определения границы отсечения. Для этого выберите перо или инструмент формы и нарисуйте путь; убедитесь, что параметр инструмента установлен на рисование контуров (по умолчанию при создании векторной маски), а не форм; чтобы установить параметр, щелкните второй значок слева на панели параметров, не считая значка инструмента (рис. 8-3).-щелкните (Mac OS) значок «Добавить маску слоя», после чего данные обрезаются по контуру, а к слою добавляется миниатюра векторной маски.
СОВЕТ Вы можете создать векторную маску на основе пользовательских фигур, установив параметр для инструмента «Перо» или «Форма» для рисования контуров на панели параметров, выбрав значок инструмента «Пользовательская фигура», а затем выбрав пользовательскую фигуру во всплывающей палитре «Фигура» ( Рисунок 8-3).
Чтобы удалить векторную маску, перетащите миниатюру на значок корзины в палитре «Слои» или «Контуры»; или щелкните правой кнопкой мыши (Windows), щелкните эскиз, удерживая нажатой клавишу Ctrl (Mac OS), и выберите «Удалить векторную маску» (палитра «Слои») или «Удалить контур» (палитра «Контуры») из контекстного меню.
Если вы обнаружите, что векторная маска не дает вам необходимого контроля и требуется маска в градациях серого, или если вы хотите объединить ее с маской в градациях серого (слой одновременно принимает оттенки серого и векторную маску), вместо того, чтобы начинать заново, преобразуйте векторную маску в маску в оттенках серого. Для этого щелкните правой кнопкой мыши (Windows), щелкните эскиз маски, удерживая нажатой клавишу «Control» (Mac OS), а затем выберите «Растрировать векторную маску». Если маска оттенков серого существует, векторная маска растрируется и комбинируется; в противном случае он преобразуется в маску оттенков серого.
Читать здесь: Маски на основе яркости
Была ли эта статья полезной?
Photoshop Layer Mask & Vector Mask tutorial
Adobe Photoshop CS-CS5 Уроки рисования
Photoshop Пути | Инструмент для аэрографии | Базовая Живопись | Маски слоя | Управление цветом
Все тексты и изображения учебников — Copyright © 2011 KHI, Inc.
В этом уроке Photoshop мы научимся использовать функции «Маска слоя» и «Векторная маска» для создания такого же типа «призрачных» прозрачных иллюстраций, которые мы создали в первом уроке Photoshop по созданию двоичных изображений.Маски слоя могут дать вам большую гибкость при редактировании или отмене эффекта затухания и прозрачности, которые используются при ореоле, хотя есть некоторые ограничения, которые будут рассмотрены в этом руководстве.
Путем ореола через внешний слой или внешнюю «кожу» объекта с помощью масок слоя вы получите больший контроль над уровнем используемого затухания, и вы сохраните все данные пикселей в вашем верхнем слое в процессе. Это даст возможность вернуться и отредактировать или пересмотреть эффект прозрачности ореола, если вы зайдете слишком далеко.В этом типе иллюстраций тонкость является ключом к успеху, и вы хотите, чтобы ваши переходы от внешнего вида к внутреннему были как можно более плавными.
Добавление маски слоя
Для создания этой иллюстрации используются два основных слоя Photoshop: фоновый слой с внешним видом автомобиля и внутренний слой, показывающий шасси, двигатель, подвеску и интерьер кабины автомобиля (пример ниже).
Вместо того, чтобы стирать слой шасси (образец выше) для создания эффекта ореола, мы создадим маску слоя в палитре слоев Photoshop, нажав кнопку «Добавить маску слоя» (ниже).Работа с векторной маской будет иметь тот же эффект, что и стирание, но без потери данных, связанной с инструментом «Стирание».
Чтобы добиться исчезновения маски верхнего слоя шасси, вы воспользуетесь инструментом Photoshop «Кисть» (B) в сочетании со сплошным черным или темным цветом. Если вы переборщили с эффектом стирания, вы можете использовать сплошной белый цвет (FFFFFF), чтобы добавить изображение в любой необходимой степени.
Чтобы добавить тонкости эффекту затухания, вы можете использовать настройки «Непрозрачность» и «Поток» инструмента Кисть, чтобы минимизировать эффект затухания или добавления обратного эффекта, а с помощью маски слоя у вас будет возможность отменить и любые изменения, которые вы делаете, используя сплошной белый цвет кисти.
Добавление векторной маски
Вы также можете использовать векторные контуры Photoshop, созданные с помощью «Pen Tool» (P), чтобы выбирать и редактировать определенные ограниченные области, которые вы хотите редактировать или затемнять в маске верхнего слоя.
Чтобы создать эффект двоения в пределах ограниченной области, мы создадим векторную маску в палитре слоев Photoshop, нажав кнопку «Добавить векторную маску» (ниже). Вы заметите, что это та же кнопка, что использовалась для создания маски слоя, но она имеет другие функции, когда вы уже находитесь на слое маски слоя.
Техническое примечание: При использовании функции Layer Mask или Vector Mask у вас не будет возможности использовать Hue / Saturation или Curves для редактирования цвета. Как только вы будете довольны эффектом ореола, вы можете объединить маску слоя с обычным слоем, получив возможность редактировать цвет и непрозрачность. Инструмент «Насыщение / обесцвечивание» «Sponge Tool» (O) все еще работает в режиме Layer Mask.
Как и в случае с очень многими функциями Photoshop, существует несколько способов достижения одной и той же цели, и лучший подход в значительной степени зависит от личных предпочтений и привычек.Использование ластика для стирания внутренней или внешней части приведет к тому же эффекту, а сохраняя или дублируя полностью неповрежденные слои перед их изменением, вы не потеряете важную дату, которая может вам понадобиться позже. Примечание: В этом руководстве использовалось следующее оборудование и программное обеспечение: Apple Mac Pro, планшет для рисования Wacom Intuos 6×8 и программное обеспечение для редактирования фотографий Adobe Photoshop CS-CS5.
Вернуться к: Учебные пособия по иллюстрациям
Домой | Автомобильная иллюстрация | Линия искусства иллюстрации | Автомобиль фондовых изображений | Учебные пособия по иллюстрациям
Авторские права © 1996-2012 KHI, Inc.и AutomotiveIllustrations.com. Все права защищены.
5 подсказок для пера от профессионалов
Единственная оставшаяся проблема заключается в том, что ползунок Feather — это глобальный элемент управления для всех путей в одной маске. Это означает, что все пути на одном слое будут иметь одинаковую силу пера, если…
Перемещение путей между масками
Если все, что вы вырезаете, визуально имеет одинаковую глубину или одинаковую мягкость по краям, лучше всего использовать одну векторную маску с несколькими путями.
А как насчет волос на нашей лошади или облака на заднем плане от наших предыдущих примеров? Оба из них имеют гораздо более мягкие края по сравнению с другими объектами в поле зрения, и для них потребуются собственные уникальные элементы управления растушевкой на панели свойств — чего можно достичь только с несколькими слоями, содержащими их собственные векторные маски.
Процесс здесь точно такой же, как и раньше. Поверните, как если бы вы использовали Pen Tool, и замаскируйте каждый объект, который вам нужен, на одном слое.Когда вы будете довольны, вы можете использовать инструмент выбора пути (черный курсор) на панели инструментов, чтобы нажимать и выбирать отдельные пути, которые вы проложили. Выделив один из них, вырежьте его в буфер обмена и вставьте его в копию исходного слоя.
Повторите столько раз, сколько необходимо для каждого отдельного элемента, над которым вам нужно больше контроля.
Объединение контуров отсечения и векторных масок
Используя каждый шаг, описанный выше, вы должны быть на пути к созданию идеально замаскированных слоев.Тем не менее, есть одно возможное препятствие, с которым вы все равно можете столкнуться, независимо от того, насколько аккуратны и точны ваши навыки работы с инструментом Pen Tool.
Дополнительные цвета, переэкспонирование и утечки света по краям ваших объектов часто являются неизбежной проблемой при маскировке слоев. Эти неприятности могут возникать из-за столкновения другого объекта, перекрывающего друг друга, или из-за яркого света позади объекта, истекающего по краям.
Иногда можно будет обрезать обрезку чуть сильнее, чтобы устранить эти проблемы, но иногда это невозможно, так как необходимо сохранить исходную форму маски.В последнем случае вам понадобится только обтравочная маска.
Маскирование в Photoshop: разница между масками слоя и обтравочными масками
Что такое маскирование в фотошопе?Маскировка — одна из самых мощных в Adobe Photoshop . Маски можно использовать для создания очень полезных визуальных эффектов. От комбинирования изображений до стилизации текста — в Photoshop есть множество вариантов использования масок. Здесь мы узнаем о двух типах масок, которые используются в Adobe Photoshop: маски слоев и маски обрезки на примерах.Оба должны быть полезны по-разному, и если вы хотите освоить Adobe Photoshop, вам нужно будет понять эти важные различия.
Разница между масками слоя и обтравочными масками Adobe Photoshop: слой-маскиМаски слоя — одна из самых полезных функций Adobe Photoshop. Путь к мастерству работы с программным обеспечением Photoshop начинается с осознания силы масок слоев.
В основном маска слоя контролирует прозрачность слоя.
Маски слоя используют одну маску, которая применяется к одному изображению и позволяет скрыть части слоя, открывая другие слои, расположенные под ним. Это выполняется путем настройки прозрачности и непрозрачности слоя с помощью маски.
Он может иметь только монохроматические цвета в градациях серого между белым и черным, и различные оттенки серого между ними.
Нажмите на видео ниже: разница между масками слоя и обтравочными масками в Photoshop
Как создать маску слоя
Откройте программу Photoshop и начните с выбора изображения, которым хотите управлять.Существует ряд инструментов для выбора объекта, который вы хотите замаскировать. В этом примере мы используем инструмент «волшебная палочка», чтобы выбрать объект тыквы, но вы также можете использовать инструмент выделения, инструмент быстрого выбора или инструмент формы.
Когда процесс выбора активен, нажмите кнопку маски, чтобы создать новый слой маски. Выбранные пиксели становятся видимыми, а невыделенные — скрытыми. Если вы посмотрите на палитру слоев, вы заметите, что маска применяется к самому слою.
Теперь, когда у вас есть маска слоя, вы можете добавить ее на совершенно другой фон.
Adobe Photoshop: Обтравочные маскиОбтравочные маски позволяют скрывать части изображения, но эти маски создаются с использованием нескольких слоев, тогда как маски слоев используют только один слой. Обтравочная маска — это форма, которая маскирует другие произведения искусства и показывает только то, что находится в форме. Обтравочные маски можно создавать не только из фигур, но их также можно применять к векторным и текстовым объектам.
Эта маска работает так же, как маски слоя, за исключением того, что у них нет монохромного диапазона оттенков серого. Вместо этого они приобретают прозрачность нижележащего слоя.
Нажмите на видео ниже: Как использовать маски слоя в Photoshop
Как создать обтравочную маску
Чтобы создать обтравочную маску с использованием текста, начните с ввода текста, который вы хотите замаскировать, в Adobe Photoshop.
Затем добавьте изображение, которое вы хотите замаскировать, над текстовым слоем.Щелкните правой кнопкой мыши слой изображения и выберите «Создать обтравочную маску».
Теперь вы должны увидеть, как ваше изображение отображается сквозь буквы, которые вы создали. Если вы посмотрите на палитру слоев, вы увидите, что маска была создана путем соединения двух слоев.
Эту замечательную функцию маскирования можно использовать по-разному. Вы можете узнать больше о слоях-масках и обтравочных масках в курсах анимации .
Стилизация текста и смешивание изображений — это лишь несколько примеров того, как вы можете улучшить свой дизайн с помощью масок Adobe Photoshop.