что такое обтравочная маска в procreate
Magic vector
Тонкий мир векторных изображений
Исчерпывающий гайд по маскам в Adobe Illustrator
В свое время маски в Иллюстраторе были моей болью, печалью и тоской и я решила разобраться с этим вопросом раз и навсегда. Надеюсь этот пост поможет всем новичкам, кто хочет освоить вектор, избежать головной боли по поводу того, что делать и куда нажимать, чтобы все это замаскировать.
На самом деле маски в том же Аффинити делаются простым движением, но что имеем, то имеем, разбираемся сегодня с Иллюстратором. Я работаю в последней версии программы поэтому, если у вас что-то не работает, просто поставьте версию поновее.
Clipping Mask или Обтравочная маска
Первая штука, которая всем почти известна, так часто обрезают выходящие за края картинки объекты, смысл в том, что поверх картинки накладывается фигура нужного размера и по ее границам вся картинка обрезается. Обратите внимание, что в этом случае должно быть два объекта — фигура сверху и фигура, которую надо «обрезать», то есть если у вас много элементов на картинке снизу ее надо сгруппировать (выделить все и нажать Cmd / Ctrl+G). В противном случае иллюстратор не понимает что именно надо группировать.
Draw Inside или рисование внутри
Opacity Mask или маска непрозрачности
Сильно выручает, когда вам нужно создать например отражение предмета или небольшой градиент на фигуре обтравки. Различные оттенки серого используются, чтобы скрыть/показать определенные детали группы/дизайна в Illustrator.
В такой маске есть правило — темный цвет скрывает, белый показывает. Так же, как тень и свет. Поэтому, когда вы создаете маску непрозрачности, учитывайте, что там, где градиент самый темный, рисунок будет наименее видимым, как в примере ниже.
Это три базовых способа создания масок в Adobe Illustrator, надеюсь пост окажется полезен.
За ценные дополнения и замечания огромное спасибо [необходимо войти на сайт или зарегистрироваться]
Что такое обтравочная маска в procreate
старт потока: 22 января 2020 года
Вы научитесь создавать иллюстрации на графическом планшете с нуля, находясь в любой точке мира и рисуя тогда, когда вам удобно!
Этот курс цифрового рисования подходит для вас, если вы:
Что вам понадобится при прохождении курса:
Ipad Pro 12.9 (10.5, 9.7) дюйма/Ipad mini 5 поколения/Ipad 6 поколения/Ipad Air 3 поколения
Apple Pen 1 или 2 поколения, подходящий к вашей модели Ipad
Установленная программа Procreate
Работы студентов курса
Вот лишь немногая часть отзывов моих клиентов о совместной работе.
Если получилось у меня- получится и у вас!
Базовый. Разберем основные настройки и возможности Procreate.
Коммерческий. Поэтапно разберем работу с коммерческим заказом, используя все возможности Procreate.
Спецэффекты в иллюстрации. Рассмотрим дополнительные возможности программы для создания различных эффектов.
Авторский стиль. Создадим уникальные авторские кисти и вашу индивидуальную печать-подпись.
Доступен для участников тарифа «Профи». Разбор аккаунта +индивидуальные рекомендации по дальнейшему продвижению.
После прохождения курса и выполнения всех домашних заданий
Редактирование обтравочных масок
Об обтравочных масках
Обтравочная маска – это объект, форма которого маскирует другой рисунок так, что видимыми остаются только области, которые лежат в пределах маски, то есть рисунок обрезается по форме маски. Обтравочная маска и замаскированные объекты называются обтравочным набором. Обтравочный набор можно составить, выделив два и более объектов, либо на основе всех объектов группы или слоя.
Обтравочные наборы на уровне объектов объединяются в группу в палитре «Слои». При создании обтравочных наборов на уровне слоев объект, находящийся в слое поверх остальных, обрезает лежащие под ним объекты. Все операции над обтравочным набором на уровне объектов, например преобразования или выравнивание, выполняются на основе границы обтравочной маски, а не границы немаскированной области. Создав обтравочную маску на уровне объекта, вы можете выделить содержимое, которое было обрезано, используя палитру «Слои» или инструмент «Прямое выделение» или изолировав обтравочный набор.
При создании обтравочной маски следует учитывать следующие рекомендации:
Если маскируемые объекты не находятся в группе обтравочной маски в палитре «Слои», их следует туда поместить.
Обтравочной маской могут быть только векторные объекты, но маскировать можно любые рисунки.
Если для создания обтравочной маски используется слой или группа, то первый объект слоя или группы маскирует все остальные объекты слоя или группы.
Независимо от назначенных ранее атрибутов обтравочная маска становится объектом без заливки и штриховки.
Совет. Для создания полупрозрачной маски создайте непрозрачную маску в палитре «Прозрачность».
Использование обтравочной маски для скрытия частей объектов
Простой совет: Преимущества использования Обтравочной Маски (Clipping Mask) над Обработкой Контуров (Pathfinder)
Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)
Итак, ниже я попытаюсь раскрыть его секреты а также сравнить с панелью Обработки Контуров (Pathfinder). Мы посмотрим, как первый инструмент соответствует второму, а в каких случаях может и вовсе его заменить.
Что такое Обтравочная Маска (Clipping Mask)?
Получается, если вы хотите сделать видимыми только определенные части объекта, или поместить элементы внутри рамки специальной формы, вы можете создать объект, разместить его поверх остальных объектов, и он станет этой «рамкой».
Большинство дизайнеров игнорируют существование Обтравочной Маски, потому что им сложно понять ее механизм.
Как создать Обтравочную Маску?
Попробуем освоить это на практике. Рисуем желтый прямоугольник 320 x 320 px. Он будет и объектом снизу, и Обтравочной Маской. Добавляем эллипс 554 x 230 px, который будет представлять поле.
Как видите, поле далеко выходит за пределы прямоугольника, чего мы не хотим.
Здесь на помощь приходит Обтравочная Маска. Копируем прямоугольник, вставляем поверх поля (это объект, который мы закроем маской). Эта копия прямоугольника станет маской. Затем выделяем обе фигуры и создаем маску любым методом внизу:
Метод 1: Правый щелчок > Сделать Обтравочную Маску (Make Clipping Mask).
Метод 2: Control-7
Метод 3: Объект > Обтравочная Маска (Clipping Mask) > Образовать (Make)
Метод 4: Панель Слоев (Layers Panel) > Образовать / Отменить Обтравочную Маску (Make/Release Clipping Mask)
Достаточно просто. В зависимости от метода, достаточно пары щелчков, чтобы спрятать все части поля, которые выступают за пределы желтого прямоугольника. Легко, не так ли?
«Подождите!»- скажете вы. «То же самое можно сделать с помощью Обработки Контуров (Pathfinder)«.
Честно говоря, да, можно. Как и с помощью Обтравочной Маски, можно поместить сверху копию прямоугольника и использовать опцию Вычесть из Фигуры (Intersect), в результате получится новая фигура.
Но, если сравнить два метода, вы увидите, что первый имеет преимущества над вторым.
Преимущества Обтравочной Маски над панелью Обработки Контуров
Возможность редактирования
Во-первых, Обтравочные Маски оставляют за вами широкую свободу редактирования, что позволяет вам изменять или вовсе удалять отдельные элементы внутри маски.
Именно это коренным образом изменило мой рабочий процесс: как только я увидел, что у меня есть свобода поиграть с формами, и они не будут удалены (как это происходит по команде Вычесть из Фигуры в Обработке Контуров). Я могу создать что-то, перекрыть маской, а позже вернуться к этим объектом, чтобы редактировать их и не беспокоиться.
Для примера посмотрим на желто-оранжевую область. Скажем, мы хотим добавить еще один эллипс слева. Двойной щелчок по полю, и у нас откроется Режим Изоляции (Isolation Mode), где можно редактировать фигуру.
Если мы попытаемся сделать то же самое в Обработке Контуров, для начала придется скопировать желтый прямоугольник, затем создать эллипс, выделить оба объекта и выбрать опцию Вычесть из Фигуры. Подойдет, вроде бы.
А если мы хотим увеличить ширину вновь созданного эллипса?
С помощью метода Обтравочной Маски, выделяем фигуру с помощью Прямого Выделения (Direct Selection Tool: A) или с помощью входа в Режим Изоляции (Isolation Mode), и там изменяем значение ширины.
Я скажу вам, что произошло бы. Сначала мы бы удалили много фигур, затем создали их с нуля, ведь фигуры вдоль границ маски будут искажены, и их придется воссоздать.
Конечно, некоторые скажут: «Можно выбрать фигуру и перетащить правую сторону ее рамки влево, чтобы уменьшить или враво, чтобы увеличить. После этого можно просто вычесть ее из фигуры внизу еще раз».
Что же, это сработает, если вы не выравниваете свои фигуры по пикселям. Но попытайтесь сделать это, когда вы работаете по пиксельной сетке, и посмотрите, что получится.
Скорость
Ранее я упоминал это преимущество. С помощью Обтравочной Маски вы будете работать намного быстрее, гораздо быстрее чем при использовании панели Обработки Контуров. Попробуйте, и, если я не прав, можете оставить ядовитый комментарий внизу.
Поверьте, я знаю, что говорю. Я перепробовал все, и опираюсь на свой личный опыт.
Скелет, идеальный до пикселя.
Некоторые из вас уже знают, что я дотошно отношусь к четкости линий по пикселям. Мне надо, важно, необходимо, чтобы все в Монтажной Области было выровнено по Пиксельной Сетке, в противном случае я схожу с ума.
Пэтому я открою вам небольшой секрет: когда вы добавляете детали в иллюстрации, и вам важно, чтобы контуры идеально выравнивались по пикселям, Обтравочная Маска всегда будет лучше, чем Обработка Контуров.
Как только у вас есть идеально выровненный объект, и вы пользуетесь им в качестве маски, все, что попадает под его область, так же будет выровнено.
Приведу небольшой пример для наглядности.
Вернемся к нашей небольшой иллюстрации поля. Скажем, мы хотим добавить тень между двумя полями, но мы хотим, чтобы тень прошла только через маленькое поле слева, а не через весь фон.
Попробуем воспользоваться методом Обработка Контуров (Pathfinder).
Сначала я создам копию левого поля, затем выделяю поле и тень, выбираю Вычесть из Фигуры (Intersect). Затем мне надо создать копию прямоугольного фона, выделить ее и вновь созданную форму, выбрать опять Вычесть из Фигуры. Затем вставить фигуру внутрь Обтравочной Маски, поместив позади первого поля.
На первый взгляд можно сказать, получилось то, что хотели.
Давайте увеличим и выделим тень с помощью Прямого Выделения (Direct Selection Tool: A) в режиме Просмотр в Пикселях (Pixel Preview).
Как видите, в процессе Вычисления у новой фигуры опорная точка сместилась. В этом случае ничего страшного нет, так как они не выходят за пределы основного прямоугольника, и, по большей части потому, что фигура уже находится внутри обтравочной маски.
Но так будет не всегда. Ранее, я всегда пользовался опцией Вычесть из Фигуры, пытаясь добиться совершенства по пикселям. Но со временем у меня начались проблемы, потому что из-за вычисления появлялись новые опорные точки, которые приходилось перемещать. Проблема в том, что в большинстве случаев мои опорные точки выпадали за пределы фигуры, на которую я накладывал другие фигуры, и из-за этого не получалось их идеально выравнивать по границам.
Возвращаясь к примеру вверху, вычисление не только сместило опорные точки, оно еще добавило новые опорные точки из-за того, что тень приобрела новые очертания фигуры.
Давайте попытаемся добиться того же результата с помощью Обтравочной Маски.
После этого я просто скопирую свой новый объект и размещу внутри большой маски под большим полем.
Как вы заметили, этот процесс быстрее, и если увеличить и посмотреть на тень, будет видно, что она идеально вписалась в Пиксельную Сетку, без дополнительных опорных точек.
Я надеюсь, что к этому времени вы не станете первым делом браться за Обработку Контуров при работе над деталями в своих проектах, а попробуете Обтравочные Маски. У этого метода больше вариативности.
Заключение
Вот и все. Я наглядно продемонстрировал вам этот метод, а вы примете решение в зависимости от своих нужд. Надеюсь, что в принятии решения вам поможет мой маленький совет, который я даю, полагаясь на собственный опыт.
Слои-маски
Узнайте, как скрыть или показать части слоя или группы слоев с помощью слоев-масок и обтравочных масок.
Слои-маски позволяют управлять видимостью слоя без его редактирования. В зависимости от того, какого эффекта вы хотите добиться, вы можете использовать либо слой-маску, либо обтравочную маску.
Слой-маска позволяет управлять видимостью слоев, к которым он применяется. Обтравочная маска позволяет создавать маску, «обрезая» один или несколько слоев до другого слоя или группы слоев ниже.
Как создать слой-маску
Чтобы создать слой-маску, выполните описанные ниже действия.
Как определить области для маскировки
Чтобы определить области для маскировки, выполните описанные ниже действия.
Как использовать обтравочную маску
Чтобы использовать обтравочную маску, выполните описанные ниже действия.
Советы и рекомендации
Подробнее
Чтобы узнать больше о слоях-масках, посмотрите это видео.
Время просмотра: пять минут
Дальнейшие шаги
Теперь вы знаете все необходимое для начала работы с масками в Adobe Fresco. Интерфейс приложения Adobe Fresco интуитивно понятен, поэтому вам не составит труда освоить его инструменты, такие как пиксельные кисти, живые кисти, векторные кисти, цвета, слои и прочее.
Есть вопрос или идея?
Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe Fresco. Мы будем рады услышать ваши идеи и увидеть ваши работы.