Як зробити 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, приготований для червоного фону (на білому тлі видно грубий червоний кордон), другий - збільшена межа, повністю прибравши яку отримаємо зубці.
Працюючи із зображеннями, доводиться відокремлювати мух від котлет, тобто. фон від зображення.
Існує безліч місць, де можна завантажити чудові кліпарти, які, переважно, йдуть з білим тлом. Від нього, зрозуміло, потрібно позбавлятися. Я згадав чотири способи, як це можна зробити. Про них і йтиметься у цій статті.
Спосіб 1
Прибрати біле тло у зображення, застосувавши інструмент Чарівна гумка .
Це один із найпростіших і найшвидших способів виконання такого роду операції. Вибравши гумку на панелі інструментів, клацніть по білому тлі. В результаті всі білі пікселі будуть видалені і ви побачите шахове тло, яке говорить про наявність прозорості замість фону.
Але може так статися, що окрім білого фону, на самому зображенні можуть вийти пікселі близькі до білого відтінку.
Як бачите, на зображенні вище, віддалилася частина меча і деякі елементи на обладунках лицаря. Існують дві причини такого неприємного ефекту. Звернемося до панелі параметрів інструмента.
1. Суміжні пікселі. подивіться, чи варто галочка в цьому налаштуванні. Її відсутність говорить про те, що будуть видалені всі пікселі подібного кольору (саме тому зникли вищезгадані частини зображення). Поставте галочку і фотошоп видалятиме лише ті пікселі, які стикаються між собою.
2.Допуск.Часто фон складається з цілого набору відтінків, наприклад того ж білого кольору. Чим вище значення допуску, тим більше відтінків програма видалить. Найчастіше це відноситься до облямівки навколо зображення (невелика окантовка з пікселів, що залишилися від фону). Збільшуйте допуск і облямівка буде все менше і менше.
Є ще одна корисна команда для видалення облямівки: Шар - Обробка країв - Прибрати облямівку.
Спосіб 2Виділення фону за допомогою інструмента Чарівна паличка.
Найважливіше – не забути розблокувати фоновий шар. Я про це вже неодноразово писав, але повторю знову. Якщо на палітрі шарів біля мініатюри шару є маленький замочок, значить він заблокований. Подвійний клік по цьому шару Утворює його в новий, який можна буде редагувати.
Тепер, обравши Чарівну паличку, зробіть клік на тлі. Він виділиться «Маршуючими мурахами». Залишається лише натиснути клавішу Backspace. З'явиться знову шахове тло.
Як і з чарівною гумкою, зверніть увагу на параметри допуску та суміжних пікселів. Вони працюють аналогічно.
Спосіб 3
Коротко це виглядає так:
1. У нас є зображення. Хочемо прибрати все біле, щоб залишилося лише прозоре тло.
2. Створюємо дублікат синього каналу. Натискаємо Ctrl+L. З'явилося вікно "Рівні". Починаємо рухати повзунки так, щоб все сіре стало максимально близьким до чорного. Іншими словами, потрібно досягти такого результату, щоб те, що хочемо видалити, стало білим, а решта чорним.
3. Тепер клацаємо по мініатюрі створеного нами дублікаті каналу із кнопкою Ctrl. З'явилося виділення. Швидше за все виділення доведеться інвертувати — натискаємо Shift+Ctrl+I. Тепер можна або натиснути Backspace, щоб видалити зайве або створити дублікат шару, натиснувши Ctrl+J, щоб перенести виділення на новий шар. На своєму прикладі я додав текстуру, як вийшло:
Спосіб 4
Якщо попередніх способах після видалення залишалася прозора частина, нині ми навчимося змінювати інше фон. Цей спосіб пов'язаний з особливістю режимів накладання затемнення та множення.
Отже, на малюнку нижче, зліва ми маємо все того ж лицаря, а праворуч текстуру.
На панелі шарів текстуру розміщуємо вгорі і вказуємо накладення затемнення або множення. Лицаря стало видно. Але є проблема. Деякі елементи зображення, які також були білими, стали кольорами текстури.
Нині виправимо. До верхнього шару (з текстурою) додамо шар-маску. Взявши інструмент «Пензель», починаємо прати текстуру з видимих місць. Акуратно, не поспішаючи, в результаті вийшло так:
У 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-файлів.
Крім того, ці параметри керують зведенням під час експорту у формати, що не підтримують прозорість.
Стиль обробки прозорості можна вибрати на панелі «Додатково» діалогового вікна «Друк» або у відповідному форматі діалогового вікна, яке відображається після початкового діалогового вікна «Експорт» або Зберегти як . Можна створити власні стилі відомості прозорості або вибрати стандартні параметри, що постачаються з програмою. Параметри за замовчуванням розроблені таким чином, щоб якість та швидкість зведення відповідали відповідному дозволу растрованих прозорих областей залежно від сфери застосування документа.
