У 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(Ефект=>Стилізація=>Тінь). Щоб круги розташувалися поверх прямокутника-фону, поміняйте шари L ayer 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. Формування прямокутника поверх контуру білого видозміненого кола
Як зробити 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, приготований для червоного фону (на білому тлі видно грубу червону межу), другий – збільшений кордон, повністю прибравши який отримаємо «зубці».
У 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(Ефект=>Стилізація=>Тінь). Щоб круги розташувалися поверх прямокутника-фону, поміняйте шари L ayer 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. Формування прямокутника поверх контуру білого видозміненого кола
Про зведення прозорості
Якщо документ або графічний об'єкт містить прозорість, для друку такого документа зазвичай необхідно виконати процедуру, звану зведенням. Ця процедура поділяє прозорий графічний об'єкт на векторну та растровану області. Чим складнішим стає графічний об'єкт (внаслідок змішування зображень, векторів, шрифту, плашкових кольорів, накладання фарб тощо), тим складніша процедура відомості та її результати.
Відомості можуть бути потрібні для друку, а також для збереження або експорту до інших форматів, які не підтримують прозорість. Якщо під час створення PDF-файлу потрібно зберегти прозорість без інформації, збережіть файл у форматі Adobe PDF 1.4 (Acrobat 5.0) або пізнішої версії.
Примітка.
Після збереження файлу неможливо скасувати обробку прозорості.
При зведенні накладені одне на одного зображення поділяються
Примітка.
Для отримання додаткових відомостей про проблеми з прозорістю див. Adobe Solutions Network (ASN) (лише англійською мовою) на веб-сайті Adobe на сторінці «Print Service Provider Resources».
Формати файлів із підтримкою прозорості
У разі збереження файлів програми Illustrator у деяких форматах зберігається оригінальна інформація про прозорість. Наприклад, при збереженні файлу у форматі Illustrator CS (або пізніших версій) EPS у файлі будуть знаходитися вихідні дані Illustrator та дані EPS. При повторному відкритті файлу в Illustrator зчитуються вихідні дані (без відомостей). При відкритті файлу в іншій програмі використовуються дані EPS (з відомостями).
За можливості зберігайте файли у форматі із підтримкою вихідної прозорості. За необхідності такі файли можна вільно редагувати.
Вихідні дані про прозорість зберігаються у таких форматах:
AI9 та пізніших версій
AI9 EPS та пізніших версій
PDF 1.4 та пізніших версій (якщо встановлено прапорець «Зберігати можливість редагування у програмі Illustrator»)
Illustrator виконує зведення ілюстрації під час вибору будь-якої з наступних операцій.
Друк файлу з прозорістю.
Збереження файлу з прозорістю у старих форматах, наприклад, Illustrator 8 та попередніх версій, Illustrator 8 EPS та попередніх версій або у форматі PDF 1.3 (для форматів Illustrator та Illustrator EPS можна вибрати скасування прозорості, а не зведення).
Експортувати файл з прозорістю у векторний формат, який не підтримує прозорість (наприклад, EMF або WMF).
Копіювання та вставлення об'єктів із прозорістю з Illustrator в іншу програму зі встановленими прапорцями «AICB» та «Зберігати оформлення» (у розділі «Обробка файлів та буфер обміну» діалогового вікна «Установки»).
Експортувати у формат SWF (Flash) або використовувати команду «Обробка прозорості», якщо встановлено прапорець «Зберігати альфа-прозорість». Ця команда дозволяє попередньо переглянути, як виглядатиме ілюстрація після експорту у формат SWF.
Примітка.
Докладніше про створення та друк файлів з прозорістю див. у документі «Прозорість» у папці «Technical Info/White Papers» на компакт-диску Illustrator. Додаткову інформацію про друк та інформацію про прозорість можна знайти у форумі користувачів Adobe Illustrator. Це відкритий форум з багатьма порадами та відповідями на запитання, розташований за адресою www.adobe.com/support/forums.
Налаштування параметрів зведення прозорості для друку
Виберіть «Файл» > «Друк».
У лівій частині діалогового вікна «Друк» виберіть «Додатково».
Виберіть стиль обробки в меню «Стиль» або натисніть «Замовити», щоб встановити параметри інформації.
Якщо зображення містить об'єкти з накладанням кольорів, які взаємодіють із прозорими об'єктами, встановіть відповідний параметр у меню "Накладання". Накладання кольорів можна зберігати, імітувати або видаляти.
Примітка.
Якщо ілюстрація не містить прозорості, документ не виконується, параметри відомості не використовуються. Для визначення областей ілюстрації, що містять прозорість, використовуйте палітру
Параметри зведення прозорих областей можна встановити під час створення, зміни або перегляду стилів відомостей у програмах Illustrator, InDesign або Acrobat.
Параметри підсвічування (перегляд)
Ні (перегляд у кольорі)
Скасує перегляд.
Раструвати складні області
Виділяє області, які будуть растровані для підвищення продуктивності (залежно від положення повзунка "Растри/вектори"). Врахуйте, що на межі області світла більша ймовірність появи небажаного ефекту швів (залежно від налаштувань драйвера принтера та дозволу растрування). Щоб звести до мінімуму проблеми, пов'язані з ефектом швів, встановіть параметр «Виконати відсічення складних областей».
Прозорі об'єкти
Виділяє об'єкти, які є джерелом прозорості, наприклад, частково непрозорі об'єкти (включаючи зображення з альфа-каналами), об'єкти з режимами накладання та об'єкти з непрозорими масками. Крім того, зверніть увагу, що стилі та ефекти можуть містити прозорість, і накладені один на одного об'єкти можуть розглядатися як джерела прозорості, якщо їх торкаються прозорі області або накладання необхідно звести.
Усі порушені об'єкти
Виділяє всі об'єкти, на які впливає прозорість: прозорі об'єкти та об'єкти, на які вони накладені. Зведення прозорості торкається виділених об'єктів - їх обведення або візерунки будуть розтягнутими, частина їх може бути растрованою і т.д.
Зачеплені пов'язані файли EPS (тільки в Illustrator)
Виділяє всі пов'язані файли EPS, на які впливає прозорість.
Оброблювані зображення (лише InDesign)
Виділяє весь вміст, що містить прозорість або ефекти прозорості. Ця опція зручна для постачальників послуг, яким для правильного друку необхідно побачити зображення, які потребують особливої уваги.
Розібрані візерунки (Illustrator та Acrobat)
Виділяє всі візерунки, які будуть розібрані, якщо вони містять прозорість.
Обведення у кривих
Виділяє всі обведення, які будуть перетворені на контури, якщо вони містять прозорість або якщо вибрано параметр «Перетворити всі обведення в контури».
Текст, перетворений на криві (Illustrator та InDesign)
Виділяє весь текст, який буде перетворено на контури, якщо він містить прозорість або якщо вибрано параметр «Перетворити весь текст на контури».
Примітка. В остаточному варіанті перетворена на контур обведення і текст можуть виглядати трохи інакше, ніж у початковому. Особливо це стосується дуже тонких ліній та дуже дрібного тексту. Однак при обробці прозорості ці зміни зовнішнього вигляду не відображаються.
Текст та контури з растровою заливкою (лише InDesign)
Виділяє текст та обведення, що отримали растрову заливку в результаті відомості.
Усі растровані області (Illustrator та InDesign)
Виділяє об'єкти та перетину об'єктів, які будуть растровані, оскільки немає іншого способу представлення їх у PostScript або складність їх структури перевищує граничне значення, встановлене повзунком «Растри/вектори». Наприклад, перетин двох прозорих градієнтів завжди буде раструватися, навіть якщо значення "Растри/вектори" дорівнює 100. При встановленому параметрі "Всі растровані області" також відображаються растрові зображення (наприклад, файли Photoshop), в яких є прозорість, а також ефекти растрування - тіні та розтушовування. Зверніть увагу, що цей параметр потребує більше часу для обробки, ніж інші.
Параметри стилю обробки прозорості
Ім'я/стиль
Визначає ім'я стиль. Залежно від діалогового вікна можна ввести ім'я в текстовому полі «Ім'я» або прийняти стандартне ім'я. Щоб змінити існуючий стиль, можна змінити його ім'я. Проте стилі за замовчуванням не можна змінювати.
Баланс растрової/векторної графіки
Визначає обсяг векторної інформації, що зберігається. Високі значення дозволяють зберігати більше векторних об'єктів, а за низьких значень більше векторних об'єктів буде растровано. При проміжних значеннях прості області буде збережено у векторній формі, а складні - растровані. Для растрування всього зображення необхідно вибрати найнижчий параметр.
Примітка. Обсяг растрування залежить від складності сторінки та від типів накладених один на одного об'єктів.
Дозвіл для штрихових та текстових об'єктів
Раструє всі об'єкти, включаючи зображення, векторні графічні об'єкти, текст та градієнти із застосуванням вибраної роздільної здатності. Acrobat та InDesign дозволяють використовувати максимальну роздільну здатність 9600 пікс/дюйм для векторного об'єкта та 1200 пікс/дюйм для сітчастого градієнта. Illustrator дозволяє використовувати максимальну роздільну здатність 9600 ppi як для штрихових об'єктів, так і для сітчастого градієнта. Дозвіл впливає на точність областей перетину під час зведення. Роздільна здатність векторних об'єктів та тексту повинна бути в межах від 600 до 1200 пікс/дюйм для високоякісного растрування, особливо при використанні шрифтів із засічками або малого розміру.
Дозвіл для градієнта та сітки
Визначає роздільну здатність градієнтів та сітчастих об'єктів Illustrator, растрованих в результаті зведення прозорості. Діапазон значень – від 72 до 2400 пікс/дюйм. Дозвіл впливає на точність областей перетину під час зведення. Дозвіл для градієнта та сітки повинен бути в проміжку від 150 до 300 пікс/дюйм, оскільки якість градієнтів, тіней і розтушовки не покращиться при вищій роздільній здатності, але час друку та розмір файлу збільшаться.
Перетворити весь текст на контури
Перетворює всі типи об'єктів (точкові, лінійні та майданні) у контури та видаляє всю інформацію про гліфи на сторінках, що містять прозорі області. Цей параметр гарантує, що ширина тексту під час обробки прозорості залишатиметься узгодженою. Зверніть увагу, що вибір цього параметра призведе до незначного потовщення шрифтів малого розміру під час перегляду їх у вікні Acrobat або друку на настільних принтерах з низькою роздільною здатністю. Цей параметр не впливає на якість друку на принтерах або фотонабірних апаратах з високою роздільною здатністю.
Перетворити всі обведення на контури
Перетворює всі обведення на прості зафарбовані контури на сторінках, що містять прозорість. Цей параметр гарантує, що ширина обведення під час зведення прозорості залишатиметься узгодженою. Зверніть увагу, що встановлення цього параметра призведе до того, що тонкі обведення будуть товстішими, при цьому продуктивність зведення прозорості може впасти.
Вирізати складні ділянки
Гарантує, що межі векторних та растрових ділянок проходитимуть уздовж контурів об'єктів. Цей параметр зменшує кількість небажаних ефектів швів, що виникають, якщо одна частина об'єкта раструється, а інша залишається векторною. Однак при виборі цього параметра можуть виникати занадто складні контури для принтера.
Примітка. Деякі драйвери друку обробляють растрові та векторні ділянки по-різному, що може призводити до появи ефекту колірних швів. Щоб звести ймовірність цієї проблеми до мінімуму, потрібно вимкнути деякі параметри керування кольором у драйвері друку. Ці установки відрізняються для кожного принтера, щоб отримати докладнішу інформацію див. у документації до конкретного принтера.
(Тільки в Illustrator) Зберігати альфа-канали (тільки у діалоговому вікні «Обробка прозорості»)
Зберігає загальну непрозорість зведених об'єктів. При виборі цього параметра режими накладання втрачаються, але вигляд оброблених графічних об'єктів і рівень альфа-прозорості (наприклад, при раструванні графічного об'єкта на прозорому фоні) зберігаються. Збереження альфа-каналів може знадобитися при експорті SWF- або SVG-файлів, оскільки обидва ці формати підтримують альфа-прозорість.
(Тільки в Illustrator) Зберігати плашкові кольори та накладання кольорів (тільки у діалоговому вікні «Обробка прозорості»)
Зберігає плашкові кольори. Крім того, цей параметр зберігає накладання кольорів для об'єктів, які не містять прозорі області. Цей параметр слід вибирати під час друку кольороподілу, якщо документ містить плашкові кольори та об'єкти з накладенням. Зніміть прапорець з цього параметра під час збереження файлів, які використовуються у програмах для створення макетів сторінок. Якщо цей параметр вибраний, області з накладанням кольорів, що взаємодіють з прозорими ділянками, зводяться, а накладання кольорів в інших областях зберігається. Під час виведення цього файлу в програмі для створення макетів сторінок можуть виникати непередбачувані результати.
Зберігати накладання (тільки в Acrobat)
Змішує колір прозорого зображення з фоновим кольором, щоб створити ефект накладання кольорів.
Перегляд областей графічного об'єкта, призначених для інформації
Виділити області, які будуть порушені під час прозорості, можна за допомогою параметрів перегляду у вікні «Попередній перегляд обробки прозорості». Цю інформацію про кодування кольорів можна використовувати для налаштування параметрів прозорості.
Примітка.
Вікно «Попередній перегляд обробки прозорості» не призначене для точного відстеження плашкових кольорів, накладання кольорів та режимів накладання. Для цього використовується режим Перегляд накладання кольорів.
У програмі Illustrator виберіть команду «Вікно» > «Перегляд результатів інформації».
У програмі Acrobat виберіть «Інструменти» > Додрукарська підготовка> "Зведення прозорості".
У InDesign виберіть "Вікно" > "Виведення" > "Зведення прозорості".
Відображення панелі (або діалогового вікна) «Зведення прозорості»:
У меню «Виділення» виберіть типи областей, які потрібно виділити. Наявність параметрів залежить від вмісту графічного об'єкта.
Виберіть потрібні параметри: виберіть стиль або (якщо це можливо) вкажіть конкретні параметри.
Примітка.
(Illustrator) Якщо параметри інформації недоступні, виберіть команду «Показати параметри» з меню панелі, щоб їх відображати.
Якщо зображення містить об'єкти з накладанням кольорів, які взаємодіють із прозорими об'єктами, встановіть у меню "Накладання кольорів" програми Illustrator відповідний параметр. Накладання кольорів можна зберігати, імітувати або видаляти. У програмі Acrobat встановіть параметр "Зберегти накладання", щоб змішати колір прозорого графічного об'єкта з фоновим кольором для створення ефекту накладання.
У будь-який час можна натиснути кнопку «Оновити», щоб переглянути версію з поточними параметрами. Залежно від складності зображення, воно може відобразитися у вікні попереднього перегляду із затримкою в кілька секунд. У InDesign також можна вибрати параметр «Автоматично оновлювати індикацію».
Примітка.
Щоб збільшити зображення, у програмах Illustrator та Acrobat клацніть область попереднього перегляду. Щоб зменшити масштаб виводу, клацніть на попередньому перегляді, утримуючи клавішу Alt або Option. Щоб панорамувати попередній перегляд, натисніть клавішу пробілу та перетягніть вказівник миші в області перегляду.
Огляд панелі «Перегляд результатів інформації»
Параметри попереднього перегляду на панелі «Перегляд результатів інформації» використовуються для виділення областей, на які впливає інформація. Цю інформацію також можна використовувати для налаштування параметрів інформації та збереження стилів зведення прозорості. Щоб відобразити панель, виберіть «Вікно» > «Перегляд результатів інформації».
A.Меню палітри B.Кнопка «Оновити» C.Меню «Виділення» D.Меню "Накладення" E.Параметри обробки прозорості F.Область попереднього перегляду
Параметри меню панелі дозволяють керувати швидкістю та якістю мініатюри. Для швидкого перегляду зображення команду «Прискорений перегляд». Щоб додати параметр «Всі растровані області» в меню «Виділення», виберіть «Детальний перегляд» (цей параметр потребує великих обчислень).
Примітка.
Варто враховувати, що панель «Перегляд результатів інформації» не призначена для точного перегляду плашкових кольорів, кольорових накладень, режимів накладання та роздільної здатності зображення. Щоб попередньо подивитися, як плашкові кольори, накладання кольорів та режими накладання будуть видні на друку, використовуйте режим Перегляд накладання кольорів.
Відомості про стиль обробки прозорості
Якщо регулярно друкувати або експортувати документи, що містять прозорість, зведення прозорості можна автоматизувати. Для цього потрібно зберегти відповідні параметри стилі обробки прозорості. Можна також використовувати ці параметри для друку, а також для збереження та експорту файлів у формати PDF 1.3 (Acrobat 4.0), EPS та PostScript. Крім того, у програмі Illustrator їх можна використовувати при збереженні файлів для попередніх версій Illustrator або при копіюванні їх у буфер обміну, а також у Acrobat їх можна використовувати при оптимізації PDF-файлів.
Крім того, ці параметри керують зведенням під час експорту у формати, що не підтримують прозорість.
Стиль обробки прозорості можна вибрати на панелі «Додатково» діалогового вікна «Друк» або у відповідному форматі діалогового вікна, яке відображається після початкового діалогового вікна «Експорт» або Зберегти як . Можна створити власні стилі відомості прозорості або вибрати стандартні параметри, що постачаються з програмою. Параметри за замовчуванням розроблені таким чином, щоб якість та швидкість відомості відповідали відповідному дозволу растрованих прозорих областей залежно від сфери застосування документа.
