что такое обтравочная маска в иллюстраторе

Визуальное руководство по созданию маски

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

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

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

1. Откройте изображение в программе Illustrator. Для этого можно воспользоваться командой «Файл» > «Поместить» и выбрать нужное изображение либо перетащить его в окно программы Illustrator.

2. Выберите штриховку черным цветом без заливки.

3. Выберите инструмент Прямоугольник.

4. Нарисуйте прямоугольник вокруг области, к которой следует применить маску.

5. Нарисованный прямоугольник будет выбран автоматически.

6. Выберите инструмент Выделение.

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

8. Выберите Объект > Обтравочная маска > Создать.

Источник

Magic vector

Тонкий мир векторных изображений

Исчерпывающий гайд по маскам в Adobe Illustrator

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

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

Clipping Mask или Обтравочная маска

Первая штука, которая всем почти известна, так часто обрезают выходящие за края картинки объекты, смысл в том, что поверх картинки накладывается фигура нужного размера и по ее границам вся картинка обрезается. Обратите внимание, что в этом случае должно быть два объекта — фигура сверху и фигура, которую надо «обрезать», то есть если у вас много элементов на картинке снизу ее надо сгруппировать (выделить все и нажать Cmd / Ctrl+G). В противном случае иллюстратор не понимает что именно надо группировать.

Draw Inside или рисование внутри
Opacity Mask или маска непрозрачности

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

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

Это три базовых способа создания масок в Adobe Illustrator, надеюсь пост окажется полезен.
что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

За ценные дополнения и замечания огромное спасибо [необходимо войти на сайт или зарегистрироваться] что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

Источник

Редактирование обтравочных масок

Об обтравочных масках

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

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

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

Если маскируемые объекты не находятся в группе обтравочной маски в палитре «Слои», их следует туда поместить.

Обтравочной маской могут быть только векторные объекты, но маскировать можно любые рисунки.

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

Независимо от назначенных ранее атрибутов обтравочная маска становится объектом без заливки и штриховки.

Совет. Для создания полупрозрачной маски создайте непрозрачную маску в палитре «Прозрачность».

Использование обтравочной маски для скрытия частей объектов

Источник

Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

23 окт. 2009 г.

Adobe Illustrator за 30 дней. День 26: Создаем обтравочную маску и непрозрачную маску (Clipping Path / Opacity Mask)

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

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

В сегодняшнем уроке на Marovaki design blog Вы как раз сможете поподробнее узнать про эти два инструмента, а также научиться применять их на практике (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге).

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

В этой иллюстрации у нас 3 слоя. Задний фон, эффект лучей и солнце. Нужно поместить солнечные лучи в квадрат.

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

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Нарисуйте прямоугольник, чтобы определить область, которую вы хотите показать. Убедитесь, что он находится сверху других объектов.

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Выберите фон и контур который Вы нарисовали. Щелкните правой клавишей и выберите Объект > Обтравочная маска > Образовать (Object > Clipping Mask > Make).

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
После этого переместите фон на задний план нажав Ctrl+Shift+[

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Редактируем обтравочную маску

Чтобы внести изменения в обтравочную маску, идем в панель слои (layers), выбираем подслой «обтравочный контур» (Clipping Path). Теперь Вы можете перемещать и изменять размеры маски. Если вы хотите отменить маску выберите Объект > Обтравочная маска > Отменить (Object > Clipping Mask > Release).

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Маска непрозрачности

Непрозрачность позволяет создать прозрачность для вашего слоя. Интенсивность черного определяет прозрачность слоя. Черный будет прозрачным, а белый соответственно непрозрачным.

В отличие от рисования квадрата из предыдущего примера, мы нарисуем круг и заполним его градиентом.

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Теперь выделим обе фигуры и выберем маску непрозрачности (Opacity Mask), щелкнув на иконке опций (Options icon) в углу палитры Прозрачности (Transparency Palette).

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

что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе
Несколько нюансов для тех, кто планирует в дальнейшем рисовать для микростоков:

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

— Обтравочной маской можно воспользоваться, если Вы хотите оставить покупателям возможность редактировать объекты, выходящие за область изображения. Но некоторые микростоки (например Istockphoto) требуют не просто прятать лишние элементы, а полностью их обрезать. Так что если Вы готовите файл сразу для нескольких стоков, учитывайте этот момент!

Не пропустите следующий урок: Сохраняемся и печатаем

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового: что такое обтравочная маска в иллюстраторе. Смотреть фото что такое обтравочная маска в иллюстраторе. Смотреть картинку что такое обтравочная маска в иллюстраторе. Картинка про что такое обтравочная маска в иллюстраторе. Фото что такое обтравочная маска в иллюстраторе

Источник

Create a basic clipping mask

What we have here is the pieces we need to create a clipping mask. So on the right I have the US dollar sign and I have green as a background. In the United States for a long time our money was always green. Now we’re changing that because of counterfeiters, but green is associated in the US with money, so I put the green back there.

And the other thing is—now I think this is more European, and it was brought over to the United States, but the piggy bank—okay, that’s my idea of a piggy bank. I drew that with the pen tool. I had one when I was a kid. It had a little slot up here, and you put money in it.

So my goal is to put the dollar signs on the pig, creating a clipping mask. I have the pieces I need; let me explain what they are. Number one, the pig is vector. The clipping mask, the part that actually defines what you see must be vector.

These over here are two separate areas. Actually, there are the dollar signs that are grouped, and there’s the green in the background. You can have as many things in the mask as you want to. They can be photographs, they can be text, they can be objects, they can be anything you want them to be, but they have to be underneath this.

Now what I did is put piggy in his own layer. That is not necessary. He just needs—or she actually, I didn’t do a gender check when I actually drew that, but he or she must be above everything else.

Now I did that by putting him in his own layer, so by just the default of having the stacking order in the layers, he is on top. Move him over.

Let’s make him a bit bigger before we get going here. I’m going to go down to a corner. I’m going to hold the alt key—that’s the option key on a MAC and alt key in Windows—and I will also hold down the shift key to maintain proportion, and let’s make him a bigger piggy. Holds more money that way.

I’m going to use my arrow keys here to move him over into that area just a little.

So we have the mask. We have everything underneath the mask that we want to be part of this shape, and we have select everything. Go up to the word Object on the pull-down menu, and go down to Clipping Mask and say Make.

There you go, you have your first clipping mask. Let’s say we change our mind in a sense that we really don’t want these things as a clipping mask any more. This is non-destructive. If we select it and go back up to the word Object and go down to Clipping Mask, click Release, because something interesting is going to happen.

Now, it did release it, but by default, for some reason, Illustrator doesn’t really remember the original fill and stroke of the clipping mask, so it’s there, but it’s invisible because it has no stroke and no fill.

How do you find it? Well, the easiest way would probably be to go up to the word View and change to Outline—that’s control in Windows, command on a MAC, if you want to use a shortcut—and you can see it, it’s right there.

So if we come over here and we grab it, wait for the little black square to come next to the selection tool, we can pull it back out again, and we can go back into a preview. Now, it’s still invisible, so I suggest while it’s still selected to give it a color so we can see it, and we’re kind of back to where we started, except we do have a bigger piggy over here.

Clipping masks are easy, and basically there are just a couple of rules you need to follow, and once you do that you can make these all day long.

Learn the basics of clipping masks – objects that mask other artwork so only areas within the shape are visible.

Contributors: Infinite Skills, Andy Anderson

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *