Как в adobe illustrator сделать прозрачный фон

Adobe Illustrator

На этой странице

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

О прозрачности

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

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

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

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

Применяйте градиенты и сетчатые объекты, содержащие прозрачность.

Применяйте эффекты или графические стили, содержащие прозрачность, например тени.

Импортируйте файлы Adobe Photoshop, содержащие прозрачность.

Обзор палитры «Прозрачность»

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

Отображение всех параметров в палитре «Прозрачность»

Отображение миниатюры выделенного объекта в палитре «Прозрачность»

Просмотр прозрачности в иллюстрации

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

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

Изменение непрозрачности иллюстрации

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

Если необходимо изменить непрозрачность заливки или обводки, выделите объект, затем выберите заливку или обводку в палитре «Оформление».

Чтобы выделить все объекты с одинаковой непрозрачностью, выделите один из объектов с нужной прозрачностью или отмените выделение всех объектов и введите значение непрозрачности в палитре «Прозрачность». Затем выберите команду «Выделение» > «По общему признаку» > «Непрозрачность».

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

Создание группы частичной прозрачности

В группе частичной прозрачности одни элементы группы не просматриваются через другие.

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

Читать еще:  Таргетинг в инстаграме как сделать

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

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

При создании непрозрачной маски миниатюра маскирующего объекта отображается в палитре «Прозрачность» справа от миниатюры рисунка-маски. (Если эти миниатюры не отображаются, выберите в меню палитры пункт «Показать миниатюры».) По умолчанию рисунок-маска и маскирующий объект связаны (что показано связью между миниатюрами в палитре). При перемещении рисунка-маски маскирующий объект перемещается вместе с ним. Но при перемещении маскирующего объекта рисунок-маска остается на месте. Можно отсоединить маску в палитре «Прозрачность», чтобы закрепить ее на месте и перемещать рисунок-маску независимо от нее.

Можно перемещать маски между программами Photoshop и Illustrator. Непрозрачные маски в программе Illustrator преобразуются в слои-маски в Photoshop и наоборот.

Невозможно перейти в режим изоляции из режима редактирования маски и наоборот.

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

Прозрачность

Палитра Transparency (Прозрачность) предназначена для определения уровня прозрачности объекта, группы или слоя в диапазоне от 0% (полная прозрачность) до 100% (полная непрозрачность, или полная «укрывистость», как говорят художники о краске, которая имеет свойство перекрывать нижележащие слои краски или поверхности). При увеличении значения прозрачности сквозь цветные заливки объекта, к которому применено это свойство, просвечивают нижележащие объекты и тем самым обеспечивается смешение цветов.

При использовании параметров прозрачности необходимо иметь в виду следующие особенности.

  • По умолчанию эффект прозрачности распространяется на объект в целом, т. е. на заливку и обводку. Для того чтобы обеспечить прозрачность только заливки или только обводки, следует выбрать соответствующую строку в палитре Appearance (Внешний облик).
  • Для того чтобы сделать объект, группу или слой целевым ( target ) и применить к ним параметр прозрачности, следует использовать палитру Layers (Слои). Информацию о слоях см. в главе 9.
  • Параметр прозрачности используется в настоящее время практически во всех векторных программах, однако если возникает необходимость экспортирования, то наиболее разумным способом является экспортирование в формат программы Adobe Photoshop (PSD) с сохранением прозрачности слоев в соответствии с установками раздела Transparency (Прозрачность) диалогового окна Document Setup (Параметры документа) (рис. 7.46).

Это диалоговое окно открывается одноименной командой меню File (Файл), в нем можно установить параметры отображения прозрачности (сетки прозрачности), идентичные принятым в программе Adobe Photoshop, а также соотношение качества и скорости печати.

  • В раскрывающемся списке Grid Size (Размер сетки) предлагаются варианты размеров «шашечек»: Small (Маленький), Medium (Средний) и Large (Большой).
  • В раскрывающемся списке Grid Colors (Цвета сетки) можно выбрать три варианта серой сетки: Light (Светлая), Medium (Средняя) и Dark (Темная), а также несколько вариантов цветной: Red (Красная), Orange (Оранжевая), Green (Зеленая), Blue (Синяя) и Purple (Фиолетовая). Вариант Custom (Пользовательская) позволяет определить произвольный цвет.
Читать еще:  Как сделать бетонные блоки своими руками

Рис. 7.46. Раздел Transparency диалогового окна Document Setup

  • Флажок Simulate* Paper (Имитировать бумагу) позволяет моделировать ситуацию, когда документ предполагается печатать на тонированной (цветной) бумаге. В настоящий момент дистрибьюторы офисных бумаг предлагают широкую номенклатуру тонированных материалов для печати, использование которых в определенных ситуациях может сберечь затраты на полиграфическое исполнение буклетов или листовок ограниченного тиража.
  • Когда в векторном документе используется прозрачность, то программа Adobe Illustrator вынуждена разбирать изображение на составляющие ( flattening ) для того, чтобы очертить и сохранить области прозрачности (ведь по сути дела такие области по законам векторной графики обязаны быть отдельными объектами). Действительно, программа отыскивает области пересечений с полупрозрачными свойствами, а затем принимается решение, как представить эти области: как векторные объекты или пиксельные изображения. В большинстве случаев такой процесс обеспечивает отличные результаты, однако когда документ содержит сложное сочетание полупрозрачных объектов и требуется печать или экспортирование с высоким разрешением, пользователь может сам регулировать соотношение векторных и пиксельных Процедур. В группе Flattening Settings (Параметры разделения на плоскости) можно определить степень растеризации полупрозрачных областей в процессе печати или экспортирования. В полосе Raster/Vector Balance (Баланс пиксельной и векторной графики) представлены следующие положения:
  • самое левое положение Rasters (Пиксельные изображения) или «О» в цифровом обозначении обеспечивает растеризацию всех объектов, что требуется при печати или экспортировании очень сложных изображений. В этом положении становятся недоступными все флажки, зато в поле Rasterization Resolutio n (Разрешение растеризации) можно определить значение разрешения в диапазоне от 1 до 9600 ppi;
  • следующие положения в диапазоне от 1 до 99 обеспечивают соответствующее преобладание того или .иного способа. При этом становятся доступными все флажки и поле Rasterization Resolution (Разрешение растеризации);
  • самое правое положение Vectors (Векторные изображения) или «100» в цифровом обозначении сохраняет все объекты векторными. При этом становятся недоступными поле Rasterization Resolution (Разрешение растеризации) и флажок Clip Complex Regions (Удалять сложные области);
  • флажок Convert All Text to Outlines (Конвертировать все тексты в контуры) устанавливается, если требуется обеспечить единство размеров строк текста;
  • флажок Convert All Strokes to Outlines (Конвертировать все обводки в контуры) устанавливается, если требуется обеспечить единство обводок;
  • флажок Clip Complex Region s (Обтравка сложных областей) устанавливается, если требуется обеспечить границу между векторным и пиксельным изображениями;
  • флажок Preserve Overprints When Possible (Сохранить надпечать, если возможно) устанавливается, если требуется цветоделение и в документе присутствуют области с надпечатками ( overprint ).

Рис. 7.47. Отображение сетки прозрачности

Для того чтобы отобразить на экране сетку прозрачности в качестве фона для документа (рис. 7.47) следует выполнить команду Show Transparency Grid (Показать сетку прозрачности) меню View (Просмотр), а для удаления сетки — команду Hide Transparency Grid (Спрятать сетку прозрачности) того же меню.

Читать еще:  Из чего сделать крышу для беседки недорого

Делаем прозрачный PNG в Illustrator

Как сделать PNG с прозрачностью в Adobe Illustrator? Очень просто. Открываем нужный файл и заходим в меню File > Save for Web & Devices (Alt+Ctrl+Shift+S). В открывшемся окне в списке Optimized file format выбираем PNG и отмечаем флажок Transparency (Прозрачность).

Затем определяем, какие цвета будут прозрачными. Все цвета, присутствующие в изображении, содержатся во вкладке Color Table (Таблица цветов) и отображаются в виде цветных квадратиков. Выбираем в панели инструментов в левой части окна инструмент Eyedropper (пипетка).

Определить цвета можно двумя способами. Проще всего указать цвет пипеткой непосредственно на изображении — после этого цвет выделится на таблице цветов темной обводкой. Если вы точно знаете, какой цвет должен быть прозрачным, можно выделить его прямо на таблице цветов, нажав соответствующий цветной квадратик. И в первом и втором случае при необходимости выбора нескольких цветов нужно работать с нажатой клавишей Shift (или Ctrl). Теперь сделаем выбранные цвета прозрачными. Для этого нажимаем иконку Maps selected colors to Transparent (Сделать выбранные цвета прозрачными). На верхнем рисунке эта иконка обведена кружком, и красный цвет выбран прозрачным. На изображении появится прозрачная область, а квадратик на таблице цветов изменит свой вид — часть его станет белым треугольником. Повторное нажатие на иконке Maps selected colors to Transparent отменит прозрачность выбранного цвета.

Несколько слов о способе задания прозрачности. За него отвечает выпадающее меню Specify Transparency Dither Algorithm, по-русски — Алгоритм имитации прозрачности (рис. внизу). Можно сделать четыре выбора: No Transparency Dither — нет алгоритма, Diffusion Transparency Dither — диффузный алгоритм, Pattern Transparency Dither — алгоритм на основе узора и Noise Transparency Dither — алгоритм на основе шума. В режиме диффузного алгоритма становится активным ползунок Amount (Величина), позволяющий менять значение диффузии. Что применять на практике? В зависимости от цели и изображения. Я же всегда оставляю по умолчанию — No Transparency Dither.

Нажимаем Save — прозрачный PNG готов. Работа производилась в Adobe Illustrator версии CS4, но все действия и клавиатурные сокращения актуальны и для более ранних версий.

Если изображение имело четкие границы, то дальнейшей обработки не требуется. В случае использования теней либо если границы прозрачности не совсем четкие иногда приходится повозиться, заново открыв созданный прозрачный PNG в Photoshop и стирая резинкой по одному пикселю границы изображения. В случае, если прозрачный PNG сделан кем-то другим, а вам нужно использовать его и при этом цвет фона изображения существенно отличается от цвета фона web-страницы, то такая обработка краев просто необходима. Придется инструментом Pencil выравнивать по краям цвета, подбирая близкие к фону страницы. При этом необходимо перед обработкой перевести изображение в RGB, а по окончании ее — обратно в индексированные цвета. На рисунках показано, как это делается. Первый рисунок — прозрачный PNG, приготовленный для красного фона (на белом фоне видна грубая красная граница), второй — увеличенная граница, полностью убрав которую получим «зубцы».

Третий рисунок — края уже обработаны, четвертый — примерная схема обработки краев.

Источники:

http://helpx.adobe.com/ru/illustrator/using/transparency-blending-modes.html

http://illustrator.demiart.ru/book10/Glava7/Index30.htm

http://webserg.com/content/web/?p=art-tranpng-i

Ссылка на основную публикацию
Статьи на тему:

Adblock
detector