В Photoshop обойтись без многих слоев стало почти невозможным. Рисование и редактирование на слое мало чем отличается от рисования и редактирования на фоне. Но при работе с выделениями разница значительная. Кроме того, слои породили три новых особенности: маски прозрачности, слой-маски и использование слоев в качестве масок.

Не забывайте, что маски, как говорилось выше, это просто каналы, представляющие собой 8-битовые "изображения" в градациях серого (о контурных выделениях мы поговорим отдельно).

Маски прозрачности

В большинстве случаев новообразованный слой является прозрачным. Закрашивая такой слой или вставляя в него выделение, вы делаете пикселы слоя непрозрачными. Photoshop постоянно следит за каждым пикселом, проверяя, насколько он прозрачен – полностью, частично или вообще непрозрачен. Эта информация о прозрачности пикселов называется маской прозрачности (см. рис. 14.34).

Рис. 14.34.

Помните ту аналогию с защитной пленкой в начале лекции? Выделение/канал/маска (это все одно и то же) выполняет роль трафарета. В данном же случае маска представляет не то, как выделен пиксел, а насколько он прозрачен (иначе говоря, насколько он различим). Пиксел может быть выделен полностью, но непрозрачен лишь на 10 процентов (прозрачен на 90 процентов).

. Маску прозрачности можно загрузить на слой как выделение с помощью команды Selection > Load Selection . Но гораздо быстрее щелкнуть на заголовке слоя на палитре Layers при нажатой клавише (Command) . Например, если у вас есть надпись на текстовом слое, то для создания выделения в форме этой надписи щелкните на строке слоя, удерживая клавишу (Command) .

Подсказка. Загрузка маски прозрачности и перемещение . Некоторые пользователи, видимо, считают, что им нужно загружать маску прозрачности как выделение, прежде чем перемещать пикселы на этом слое. По различным техническим причинам это было катастрофой в Photoshop 3. Вы можете делать это, не опасаясь, во всех более поздних версиях, но на самом деле вам это не требуется. Сэкономьте один шаг и просто используйте инструмент "перемещение": выделите нужный слой (в палитре Layers ) и перетащите его.

Слой-маски

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

К счастью, избежать подобной кошмарной ситуации помогает слой-маска. Она напоминает маску прозрачности, определяя степень прозрачности пикселов, но слой-маску можно просматривать, а главное, редактировать (см. рис. 14.35).

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

Создание и редактирование слой-маски . Чтобы добавить слой-маску, выберите команду Layer > Add Layer Mask . Когда слой имеет маску (он может иметь одну маску или две, если вы включили контурное выделение), на палитре Layers отображается ее миниатюра (см. рис. 14.36).

Слой-маска

Рис. 14.36.

Первая сложность, связанная с использованием слой-масок, состоит в том, что часто бывает трудно определить, что собственно вы редактируете – слой или слой-маску. Внешне они различаются лишь тем, что миниатюра слой-маски имеет темную рамку (на экране высокого разрешения обе рамки выглядят одинаково, а в титульной строке документа дополнительно появляется "Layer x Mask". На титульную строку мы поглядываем так же часто, как в зеркало заднего вида автомобиля – это хороший способ держать ситуацию под контролем.

Чтобы иметь возможность редактировать слой маску, активизируйте ее щелчком на ее миниатюре на палитре Layers (см. подсказку "Клавиатурные эквиваленты для слой маски" ниже).

Нелишне будет напомнить еще раз: слой-маска – это то же, что и выделение, а выделение – то же, что и канал. В основе своей это изображение в градациях серого. Закрашивание черным "стирает" пикселы связанного с маской слоя , делая их прозрачными. Закрашивание белым восстанавливает "стертое" изображение на слое. При закрашивании серым изображение становится полупрозрачным.

Подсказка. Быстрое добавление слой-маски . Обращение к пиктограмме "добавить слой-маску" на палитре Layers требует чуть-чуть меньше времени, чем обращение к меню. Если при этом удерживать нажатой клавишу (Option) , слой-маска инвертируется, делая изображение на слое невидимым.

Перед добавлением слой-маски вы можете создать выделение. В этом случае программа автоматически закрашивает на слой-маске невыделенные области черным. Это проще, чем добавлять слой-маску, а потом закрашивать ее. (Разумеется, если в подобной ситуации щелкнуть на пиктограмме при нажатой клавише (Option) , выделенные области заливаются черным и становятся невидимыми).

Подсказка. Клавиатурные эквиваленты для слой-маски . Если вы хотите активизировать слой-маску для редактирования, нажмите (Command)+(\) . Чтобы покинуть слой-маску и переключиться на связанный с ней слой, нажмите (Command)+(~) .

Подсказка. Как избавиться от маски . В процессе редактирования слой-маски вам может понадобиться отключать ее и включать снова, чтобы увидеть изображение до и после редактирования. Команда Layer > Desable Layer Mask позволяет временно прятать слой-маску. Есть и более быстрый способ – щелкнуть на миниатюре слой-маски при нажатой клавише (Shift) .

Чтобы удалить слой-маску совсем, выберите команду Layer > Remove Layer Mask (или перетащите миниатюру слой-маски на пиктограмму корзины). При этом Photoshop предлагает вам последнюю возможность применить слой-маску к слою. После применения маски маскированные (спрятанные) области слоя удаляются.

И последний способ избавиться от слой-маски: со сведением или объединением слоев все слой-маски удаляются.

Отображение слой-маски . Другая сложность связана с тем, что слой-маска не видна, поэтому ее редактирование может показаться затруднительным. Если щелкнуть на миниатюре слой-маски при нажатых клавишах (Option)+(Shift) , маска отображается в виде полупрозрачной цветной "пленки" поверх слоя – так же, как альфа-канал.

Чтобы изменить цвет или степень прозрачности "пленки", двойным щелчком с (Option)+(Shift) на миниатюре слой-маски вызовите диалог Layer Mask Display Options . Повторный щелчок с (Option)+(Shift) на миниатюре слой-маски прячет цветную "пленку".

Если вы хотите увидеть собственно слой-маску (как изображение в градациях серого), щелкните на ее миниатюре при нажатой клавише (Option) . Это особенно удобно при детальном редактировании слой-маски.

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

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

Для затравки я покажу несколько примеров использования масок в фотошопе:

Планета добавлена с помощью простейшей маски.

А здесь всего 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 удерживая клавишу Alt , вернуть в исходное состояние проделайте тоже самое действие.

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

• Для того чтобы удалить область эффекта закрасьте маску белым цветом.
• Чтобы добавить эффекта закрасьте маску черным цветом.
• А если нужна определенная прозрачность выберите градацию серого цвета и закрасьте нужную область им.

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

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

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

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

Удалить маску можно перетащив пиктограмму в корзину в окне слои или выбрать пункт из выпадающего меню маски удалить слой-маску .

А также в выпадающем меню можно:

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

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

Которую я начинала публиковать в декабре.

Тень – не единственный эффект, скрытый в меню «Стилизация». Если вы вернетесь туда снова (Эффект/Effect > Стилизация/ Stylize), вы увидите опции для добавления растушевки, внутреннего и внешнего свечения.

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

Плюсы: Свечение и растушевка – простой и быстрый способ внести изменения в вашу иллюстрацию.

Минусы: Как и эффект тени, свечение и растушевка будут растрированы, если открыть работу в любой другой программе, хотя они все еще хорошо получатся при печати.

Прозрачные переходы (бленды) и градиенты

Одна из самых крутых возможностей Illustrator`а, реализованных на данный момент, – это возможность создания прозрачных градиентов. Помните, как сложно было в AI 8.0 создавать отражение объекта с помощью градиента, переходящего в белый? Все помнят, как ужасно это выглядело, если поместить объект с таким отражением на цветной фон? Отлично, теперь вам нужно всего лишь , переходящий в 0% прозрачность. Он будет отлично смотреться на любом цветном фоне.

Мы начнем с простой линии, которую мы закрасили в фиолетовый цвет. Скопируем и вставим эту линию на нее же и отодвинем копию от оригинала (в любом направлении, мы выбрали вверх). Выделите оба контура, а затем идем в Объект/Object > Переход/Blend > Создать/Make.

Используя инструмент «Прямое выделение/direct selection» (белая стрелочка) выделите одну из линий в переходе. Мы использовали нижнюю линию. Когда вы это сделаете, идите в палитру «Прозрачность» и измените процент непрозрачности до 0.

Если ваш переход выглядит не ровно, вам нужно немного прибавить количество «шагов/steps». Чтобы сделать это вам необходимо пойти в меню Объект/Object > Переход/Blend > Параметры перехода/Blend Options. Измените «Метод/Spacing» на «Заданные интервалы/Specified Distance» и введите небольшое число, например: 0,1 мм. Это позволит сгладить ваш переход, чтобы он не выглядел таким неравномерным.

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

Минусы: Эти эффекты могут очень странно выглядеть в Corel, словно раздробленные контуры, особенно если они использовались в сочетании с градиентами. Мы рекомендуем вам аккуратно использовать прозрачность в переходах и стараться не накладывать их на градиенты.

Маска прозрачности/Opacity Mask

Еще один способ создать прозрачный градиент – использование . Чтобы сделать это нарисуйте 2 формы – одну над другой. Мы использовали звезду и квадрат. Измените заливку нижней формы (квадрат) на градиент от белого к черному, и удалите обводку.

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

Выделите оба контура. В своей палитре Прозрачность/Transparency выберите пункт «Создать маску прозрачности/Make Opacity Mask из выпадающего меню, которое находится в верхнем правом углу.

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

Плюсы: Маска прозрачности – простой и быстрый способ сделать объект исчезающим в отличие от линейных или радиальных градиентов.

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

Обратите внимание

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

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

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

Статья доступна для ознакомления в следующих рубриках: ,
Если Вам понравилась моя статья, то Вы можете получать новые материалы по RSS или подписаться для получения обновлений блога на

В программе Illustrator существует несколько вариантов настройки прозрачности как для векторных, так и для растровых объектов. Простейший из них — выделить объект и установить для него нужный вариант непрозрачности, используя движок Opacity (Непрозрачность) специализированной палитры Transparency (Прозрачность). Данная палитра, которая может быть открытой или закрытой, вызывается из списка палитр, открывающегося при активизации команды Window (Окно). Если при выборе команды Window=>Transparency палитра открывается в неполном виде, то необходимо последовательно воспользоваться командами Show Thumbnails (Развернуть из пиктограммы) и Show Options (Показать опции) из меню палитры.

Кроме того, видимостью отдельных участков изображения можно управлять при помощи масок слоя (отсекающих масок — clipping mask ) и масок полупрозрачности (opacity mask ). Маски, напоминающие трафареты, определяют, каким образом отдельные слои накладываются друг на друга, могут сделать отдельные фрагменты изображения полностью или частично видимыми либо полностью невидимыми и позволяют произвести сложную настройку прозрачности для любого объекта. А поскольку прозрачность в этом случае реализована как маска поверх объекта, пользователь может редактировать объект на любом этапе работы, не затрагивая маску. Настраивать прозрачность можно и для групп объектов, правда в случае необходимости редактирования отдельных объектов из группы последнюю из них придется разгруппировать, и при этом все настройки прозрачности для группы будут уничтожены.

Настройка непрозрачности без маскирования

Палитра Transparency (Прозрачность) позволяет без труда изменять прозрачность у любых объектов — как растровых, так и векторных (сформированных самыми разными способами: с применением контуров разных типов, символов из палитры Symbols (Символы) или как текст) и сделать так, чтобы нижележащие объекты эффектно просвечивались. Обратите, например, внимание на рис. 1, который взят в качестве исходного изображения. Затем к нему была добавлена серия контуров: верхний контур создан инструментом Pen (Перо) и залит линейным градиентом, а серия капелек воды получена при помощи палитры Symbols . Для всех задействованных контуров установлены собственные уровени прозрачности (рис. 2, 3).

Рис. 3. Окончательный внешний вид фотографии после настройки прозрачности отдельных объектов

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

Кроме того, в палитре Transparency (Прозрачность) имеется возможность выбирать режимы смешивания цветов (Blending mode ): Normal (Нормальный) (данный режим устанавливается по умолчанию), Multiply (Умножение), Screen (Осветление) и др., которые могут быть применены не только к отдельному объекту, но также к группе или к слою и в сочетании с уровнем прозрачности позволяют добиться нужного эффекта видимости объекта.

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

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

При втором варианте необходимо восстановить значение прозрачности до 100%. Для этого вначале сгруппируйте оба выделенных цветка командой Object=>Group (Объект=>Группировка), что автоматически приведет к включению флажка Knockout Group Transparency . Затем вновь измените непрозрачность, установив значение параметра Opacity (Непрозрачность) равным 70%. В итоге объекты станут прозрачными по отношению к фону, но не относительно друг друга (рис. 7). Дело в том, что включение флажка Knockout Group (Группа с удаленным фоном) в палитре Transparency позволяет удалить (правда, только визуально) просвечивание полупрозрачных объектов группы, которые перекрывают друг друга в данной группе.

Дополнительно нарисуйте серию из нескольких однотипных небольших элементов, например звездочек (рис. 8). Объедините их в группу при помощи команды Object=>Group (Объект=>Группировка) и установите для них режим смешивания цветов Screen (Осветление) с непрозрачностью (рис. 9). В итоге звездочки изменят свой цвет и станут выглядеть приблизительно так, как показано на рис. 10.

Рис. 9. Настройка непрозрачности и режима смешивания для новой группы

Рис. 10. Внешний вид всего изображения после настройки параметров непрозрачности

Выберите обе группы объектов, затем сгруппируйте их еще раз и установите флажок Isolate Blending (Изолировать режим наложения) в палитре Transparency — это позволит изолировать объекты при установке для них режима смешивания. В итоге в отношении объектов, входящих в группу, будет применен режим смешивания цветов, а все остальные объекты (в данном случае — одна единственная звездочка на зеленом цветке) будут проигнорированы (рис. 11). Имейте в виду, что флажок Isolate Blending (Изолировать режим наложения) имеет смысл использовать только в тех случаях, если речь идет о режимах смешивания цветов, отличных от режима Normal (Нормальный).

Рис. 11. Изменение внешнего вида изображения в результате изоляции объектов

Настройка непрозрачности растрового изображения

А теперь попробуем поэкспериментировать с растровым изображением (рис. 12). Сформируйте вокруг изображения векторный контур в виде прямоугольника с заливкой белого цвета (рис. 13). Измените непрозрачность в палитре Transparency , например так, как показано на рис. 14. Изображение станет напоминать рис. 15. Результат может оказаться намного более интересным, если прямоугольник будет закрашен радиальным градиентом (рис. 16, 17). Кроме того, стоит поэкспериментировать с режимами непрозрачности, сменив, например, устанавливаемый по умолчанию режим Normal на режим Screen (рис. 18).

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

Рис. 16. Настройка непрозрачности прямоугольника в палитре Transparency после заливки радиальным градиентом

Рис. 17. Внешний вид изображения после заливки прямоугольника градиентом и изменения непрозрачности в режиме Normal

Рис. 18. Внешний вид изображения после заливки прямоугольника градиентом и изменения непрозрачности в режиме Screen

Управление непрозрачностью через слой-маску

Слой-маска, или отсекающая маска (clipping mask ), позволяет убирать, или, как принято говорить, маскировать ненужные области изображения (рис. 19, 20), не разрушая содержимого слоя.

Рис. 20. Видимость изображения после создания слой-маски в виде овала

Создание слой-маски осуществляется в несколько этапов. Вначале над слоем с изображением формируется контур, который в дальнейшем предполагается использовать в качестве маски. Затем нужно выделить изображение и контур. Часто удобнее сделать это в палитре Layers , последовательно щелкая на соответствующих объектам круглых кнопках при нажатой клавише Shift — при этом внешний вид кнопки-круга для каждого выделенного элемента будет меняться. После этого нужно нажать кнопку Make/Release Clipping Mask на палитре Layers или воспользоваться командой Object=>Clipping Mask=>Make . В итоге все, что попадет внутрь контура, останется видимым, а область вне контура окажется скрытой. Если обрезание по маске было сделано неудачно, то от него можно в любой момент отказаться, вызвав команду Object=>Clipping Mask=>Release или нажав на кнопку Make/Release Clipping Mask на палитре Layers .

Обратите внимание, что кнопка Make/Release Clipping Mask на палитре Layers обычно недоступна и становится активной только в том случае, если в палитре Layers активизирована область Group (рис. 21). Кроме того, следует иметь в виду, что любые объекты, которые впоследствии добавляются в группу слоя со слой-маской, также обрезаются по маске (рис. 22) и становятся невидимыми. В то же время объекты, внедренные в слой над группой, будут видимы (рис. 23).

Рис. 22. Результат обрезания добавленных звездочек по слой-маске — часть звездочек стала невидима

Рис. 23. Внешний вид изображения с открытой палитрой Layers — добавленная над группой со слой-маской звездочка видима

Текстурный текст

Очень часто слой-маски используются при создании текстурного текста, то есть текста, вырезанного из какой-то текстуры или просто из фотографии. Для примера воспользуемся фотографией (рис. 24) и напечатаем поверх нее произвольный текст (рис. 25). Выделите текст вместе с контуром фотографии и примените команду Object=>Clipping Mask=>Make . В итоге изображение станет напоминать рис. 26, а палитра Layers примет вид, соответствующий рис. 27. Полученное изображение при желании можно подвергнуть дальнейшему редактированию, например сделать обводку (рис. 28), наложить подходящий фильтр (рис. 29) и пр.

Заливка текстурой произвольных векторных контуров

Откройте подходящую текстуру (рис. 30), которую планируете использовать для заливки некоторого контура (рис. 31) — в данном примере использован фрагмент контура ящерицы, созданный нами в одном из предыдущих уроков, — и через буфер обмена скопируйте контур на текстуру (рис. 32), при необходимости подредактировав его размеры и положение. Чтобы скрыть пространство вне контура, что визуально равносильно заливке контура текстурой, выделите контур вместе с текстурой и воспользуйтесь командой Object=>Clipping Mask=>Make . В итоге изображение станет напоминать рис. 33, а палитра Layers примет вид, соответствующий рис. 34.

Чтобы изображение приняло законченный вид, сделайте копию контура через буфер обмена, щелкните на копии правой кнопкой мыши и для ее зеркального отображения выберите команду Transform=>Reflect с параметрами, как на рис. 35. Разместите копию должным образом (рис. 36) и придайте ящерице слегка изогнутую форму при помощи фильтра Twist (Изгиб) — команда Effect=>Distort & Transform=>Twist (Эффект=>Искажение и трансформация=>Изгиб) примерно с такими параметрами, как на рис. 37. Полученный результат может напоминать рис. 38.

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

Имитация эффекта пересечения объектов

А теперь рассмотрим более сложный вариант создания отсекающей маски — она нам потребуется для имитации эффекта пересечения объектов. Вначале сформируйте три круга (в данном примере их роль будут играть латинские буквы ”o ”) таким образом, чтобы каждый следующий круг частично накладывался на предыдущий (рис. 39). Выделите все три круга и сделайте их копию в буфер обмена командой Edit=>Copy (Редактирование=>Копировать). Затем вставьте копию из буфера при помощи команды Edit=>Paste in Front (Редактирование=>Вставить на передний план) для того, чтобы исходное изображение и его копия оказались наложенными друг на друга. После этого инструментом Restangle сформируйте в месте пересечения первого и второго кругов прямоугольник без заливки и без границ (рис. 40). Обратите внимание, что прямоугольник должен оказаться на том же слое Layer 1 , но выше всех прочих объектов (рис. 41).

Рис. 40. Появление прямоугольника в месте пересечения двух первых кругов

Для создания слой-маски выделите сформированный прямоугольник и первый круг и примените команду Object=>Clipping Mask=>Make (рис. 42). Затем точно так же создайте прямоугольник в месте пересечения второго и третьего кругов и выделите данный прямоугольник вместе со вторым кругом (рис. 43). Если обычным путем сделать это не удастся, то выделите нужные объекты через палитру Layers : для этого при нажатой клавише Shift щелкните на кнопках-кругах, имеющихся для каждого элемента слоя (рис. 44), и в этом случае внешний вид кнопки-круга для каждого выделенного элемента изменится. Создайте отсекающую маску командой Object=>Clipping Mask=>Make — получившееся в итоге изображение станет напоминать рис. 45.

Рис. 44. Окно палитры Layers с выделенными вторым кругом и вторым прямоугольником

Под конец, чтобы изображение стало более эффектным, выделите на палитре Layers три нижних круга и наложите на них тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Тень), а затем оформите фон под кругами градиентом, для чего потребуется создать новый слой Layer 2 . С этой целью активизируйте слой Layer 1 , откройте меню палитры Layers и выберите команду New Layer (Новый слой) — в результате над слоем Layer 1 появится слой Layer 2 . Нарисуйте на нем прямоугольник (это приведет к тому, что круги окажутся под прямоугольником и будут невидимыми), который будет играть роль фона, залейте его подходящим градиентом и наложите тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Тень). Чтобы круги расположились поверх прямоугольника-фона, поменяйте слои Layer 1 и Layer 2 местами, перетащив один на другой в палитре Layers (рис. 46). Возможно, что изображение примет примерно такой вид, как показан на рис. 47.

Рис. 47. Окончательный внешний вид пересекающихся кругов на градиентном фоне

Настройка непрозрачности путем создания Opacity mask

Маска полупрозрачности (Opacity mask ) определяет, какие участки изображения должны быть видны отчетливо, а какие — только частично, то есть полупрозрачны или совсем не видны. При этом видимыми сквозь указанную полупрозрачную маску могут быть любые цвета, а также декоративные и градиентные заливки, расположенные ниже и находящиеся внутри маски.

Процесс формирования маски достаточно прост и заключается в наслаивании двух или нескольких объектов один поверх другого, и в установке для каждого из них необходимого уровня прозрачности и в определении самого верхнего из них в качестве маски с помощью команды Make Opacity Mask (Создать полупрозрачную маску) из меню палитры Transparency . О создании маски непрозрачности будут свидетельствовать появление в палитре Transparency пиктограммы маски рядом с пиктограммой маскируемых объектов, разделенных пиктограммой «цепочки», и изменение видимости фрагментов изображения (рис. 48, 49, 50). Внешний вид палитры Layers будет изменяться в зависимости от того, что активно на данный момент времени — изображение (рис. 51) или маска (рис. 52).

Рис. 50. Палитра Transparency — слева пиктограмма изображения, справа пиктограмма маски

Рис. 51. Изображение и палитры Layers и Transparency — активно изображение

Рис. 52. Изображение и палитры Layers и Transparency — активна маска

Маска непрозрачности создается по форме самого верхнего из выделенных объектов, причем выделены должны быть как минимум два верхних объекта — выделение только одного из них приведет к созданию пустой маски. Добавление новых объектов к изображению никак не влияет на созданную перед этим маску полупрозрачности; все добавленные объекты по умолчанию будут видимы, так как создаются поверх маски (рис. 53), хотя при желании их можно переместить под маску.

Рис. 53. Результат добавления нового объекта в виде рамки поверх маскированного изображения

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

Стоит отметить, что вышеприведенное правило относительно цвета маски и видимости объектов неоднозначно. Так, включение флажка Invert Mask (Инвертировать маску) в палитре Transparency приведет к тому, что черно-белый эффект инвертируется и черные области становятся прозрачными, а белые, наоборот, непрозрачными (рис. 54); включение/выключение же флажка Clip (Обрезка) позволяет менять местами маскированные и немаскированные области.

Рис. 54. Изменение внешнего вида изображения в результате инвертирования маски

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

Для полного удаления маски непрозрачности необходимо выделить ее и воспользоваться командой Release Opacity Mask (Удалить маску прозрачности), а для ее временного скрытия — командой Disable Opacity Mask (Снять маску прозрачности). Обе команды выбираются из меню палитры Transparency .

Эффекты с фотографией

Для начала откройте какую-нибудь фотографию (рис. 55) и сформируйте поверх нее прямоугольник, залейте его линейным градиентом и обработайте фильтром ZigZag (Effect=>Distort & Transform=>ZigZag — Эффект=>Искажение и трансформация=>Зигзаг) (рис. 56).

Рис. 56. Внешний вид объекта? на основе которого будет создана полупрозрачная маска

Создайте маску с помощью команды Make Opacity Mask Transparency . В результате изображение станет напоминать рис. 57, а в палитре Transparency появится пиктограмма созданной маски (рис. 58). А теперь попробуйте отредактировать маску: выделите ее, щелкнув на пиктограмме в палитре Transparency при нажатой клавише Alt , воспользуйтесь эффектом Inner Glow (Effect=>Stylize=>Inner Glow — (Эффект=>Стилизация=>Внутренний свет) и добавьте подходящую тень (Effect=>Stylize=>Drop Shadow — Эффект=>Стилизация=>Тень). Возможно, что изображение станет напоминать рис. 59.

Рис. 57. Внешний вид фотографии после наложения полупрозрачной маски

Текстурный текст

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

Возьмите в качестве исходного изображения, например, рис. 60 и напечатайте поверх него текст черного цвета (как и при создании любого текстурного текста буквы должны быть достаточно большими и широкими) (рис. 61). Выделите текст и фотографию и воспользуйтесь командой Make Opacity Mask (Создать полупрозрачную маску) из меню палитры Transparency при включенном флажке Clip (Обрезка). Возможно, что результат будет напоминать рис. 62, а в палитре Transparency появится пиктограмма созданной маски (рис. 63). Обратите внимание, что в случае неудачного изначального расположения текста его несложно переместить после создания маски, предварительно выделив его инструментами Selection (Выделение) или Direct Selection (Частичное выделение).

Рис. 62. Внешний вид текстурного текста, вырезанного из фотографии с помощью полупрозрачной маски

В заключение попытайтесь придать тексту эффект объемности. Для этого выделите текст и сделайте его копию в буфер обмена командой Edit=>Copy (Редактирование=>Копировать). Затем вставьте копию из буфера при помощи команды Edit=>Paste in Front (Редактирование=>Вставить на передний план) для того, чтобы исходное изображение и его копия оказались наложенными друг на друга. Затем слегка переместите нижнюю копию текста вправо и вниз и на палитре Transparency уменьшите ее прозрачность со 100% примерно до 50-40%. Полученный текстурный текст будет похож на тот, что представлен на рис. 64.

Не менее интересный результат может быть получен при градиентной заливке текста (рис. 65). При этом для формирования в самом конце эффектной тени перед созданием маски скопируйте созданный текст в буфер обмена, а затем создайте маску обычным образом — в таком случае после создание маски палитра Transparency будет иметь тот же вид, что представлен на рис. 66, а текст будет напоминать рис. 67.

Рис. 67. Внешний вид текстурного текста на основе градиентной полупрозрачной маски

Далее вставьте копию текста из буфера командой Edit=>Paste in Back (Редактирование=>Вставить на задний план), чтобы копия оказалась под исходным текстом. Под конец переместите нижнюю копию текста на 2-3 пиксела вправо и вниз (рис. 68).

Полупрозрачный цветной текст

Откройте фотографию, на основе которой будет создан полупрозрачный текст (рис. 69). Напечатайте поверх загруженной фотографии текст любым ярким цветом, например оранжевым (рис. 70) — палитра слоев примет такой вид, как на рис. 71 (обратите внимание, что слой текста расположен поверх слоя с фоном). Поменяйте слои местами обычным перетаскиванием мышью, затем выделите оба слоя в палитре Layers и создайте маску командой Make Opacity Mask (Создать полупрозрачную маску) (рис. 72). Полученный таким способ текст сохранит свой первоначальный цвет (то есть оранжевый), но сквозь него будет весьма эффектно просвечивать фон (рис. 73). По окончании наложите на текст тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Тень) с подходящими параметрами (рис. 74).

Полупрозрачная кнопка

Создайте окружность и залейте ее радиальным черно-белым градиентом (рис. 75). Затем сделайте две копии окружности и разместите каждую копию командой Edit=>Paste (Редактирование=>Вставить) на отдельном слое, после чего в палитре Layers появятся три слоя: Layer 1 , Layer 2 и Layer 3 с одной и той же окружностью на каждом. Временно заблокируйте и сделайте невидимыми слои Layer 2 и Layer 3. Перейдите на слой Layer 1, активизируйте палитру Gradient и измените настройки градиентной заливки примерно так, как показано на рис. 76. В итоге окружность на первом слое примет вид в соответствии с рис. 77, а внешний вид палитры Layers будет напоминать рис. 78.

Разблокируйте слой Layer 2 , выделите инструментом Selection оба нижних слоя и создайте маску с помощью команды Make Opacity Mask (Создать полупрозрачную маску) из меню палитры Transparency при включенных флажках Clip (Обрезка) и Invert Mask (Инвертировать маску). Для проверки маски временно включите режим Transparency Grid (Сетка прозрачности) командой View=>Show Transparency Grid (Вид=>Показать сетку прозрачности), и вы увидите, что круг просвечивает в своей центральной части (рис. 79, 80).

Рис. 80. Внешний вид окружности после создания маски при включенном режиме Transparency Grid

Разблокируйте слой Layer 3 , выделите окружность, залейте ее белым цветом и с помощью инструмента Select Direction (Частичное выделение) измените контур окружности, чтобы она стала похожа на фигуру, показанную на рис. 81. Сформируйте поверх видоизмененной белой окружности прямоугольник так, чтобы он полностью закрыл будущую маску. Затем залейте его линейным черно-белым градиентом (рис. 82). Выделите оба объекта инструментом Selection (Выделение), создайте маску командой Make Opacity Mask (Создать полупрозрачную маску) и настройте параметры прозрачности в соответствии с рис. 83. Полученная кнопка будет напоминать ту, что представлена на рис. 84.

Последним штрихом может стать добавление черной тени справа и снизу от кнопки. Для ее создания поверх слоя Layer 3 создайте новый слой Layer 4 , скопируйте окружность со слоя Layer 1 в буфер обмена и вставьте ее на слой Layer 4 командой Edit=>Paste (Редактирование=>Вставить). Затем удалите заливку окружности, сделайте вокруг нее черную границу толщиной в 4 пиксела, размойте ее по Гауссу с параметров размытия в 5 пикселов (команда Effect>=Blur>=Gaussian Blur — Эффект>=Размытие>=Размытие по Гауссу) и переместите ее с небольшим смещением вправо и вниз в отношении созданной кнопки (рис. 85).

Рис. 82. Формирование прямоугольника поверх контура белой видоизмененной окружности