<
  • Главная
Статьи

Відсічні контури і альфа-канали: від створення до застосування

  1. Ефект прозорості - обов'язковий атрибут інструментального набору сучасного дизайнера, навіть початківця....
  2. Adobe Photoshop
  3. PhotoPAINT
  4. Adobe Illustrator
  5. Corel DRAW
  6. Формати файлів і прозорість
  7. TIFF
  8. EPS
  9. DCS
  10. автоматичні контури
  11. Опції CorelDRAW при збереженні в EPS
Ефект прозорості - обов'язковий атрибут інструментального набору сучасного дизайнера, навіть початківця. Вирізавши частина зображення, легко накласти її на іншу фонову картинку, створивши колаж (часткове накладення декількох прозорих областей) або інший цікавий ефект.

Інформація про областях з прозорістю в зображенні зберігається в двох видах: векторному і растровому. Але тільки коли мова йде про повну прозорість, якщо ж області в зображенні повинні мати часткову, підходить винятково растровий вигляд. Серед дизайнерської братії для першого випадку в ходу термін відсічний контур (clipping path), а для другого прижилося поняття альфа-канал (alpha channel). Зустрічаються іменування контур (embedded path) і маска (mask). Цікаво, що контури і маски анітрохи не впливають на зображення, існуючи незалежно, тому після накладення маски картинка залишається доступною для редагування без будь-яких обмежень.

Всі сучасні графічні пакети (Adobe Photoshop, Illustrator, CorelDRAW, PhotoPAINT, Macromedia Freehand) обзавелися вбудованими функціями створення і редагування прозорості. Серед форматів, що підтримують цей ефект і розпізнаються графічними пакетами (в порядку зниження поширеності), - EPS, DCS, PDF і TIFF. Для коректної друку перших трьох необхідний PostScript-принтер. Що стосується програм верстки (PageMaker, QuarkXPress, InDesign, Ventura, FrameMaker), то вони, крім імпорту вже готових зображень з прозорістю, володіють власними функціями роботи з масками і контурами.

У статті описаний повний цикл роботи з контурами - від створення в популярних растрових редакторах, використання в складі імпортованих зображень або ж малювання «з нуля» в векторних пакетах аж до управління параметрами масок засобами самих верстальних програм.

відсічний контур

По суті, відсічний контур - замкнута форма (маска), сформована кривими Безьє і визначає абсолютно непрозорі області в зображенні. При масштабуванні або зміні його розмірів первісна точність кривої зберігається. Більш того, шляхи копіюються з одного документа в інший у вигляді областей виділення і, що особливо цінно, безпосередньо переносяться з Photoshop в інші продукти Adobe (Illustrator або InDesign). Області зображення поза межами обтравочного контуру розглядаються підтримують їх програмами як абсолютно прозорі.

Засоби роботи з відсічний контур анітрохи не відрізняються від присутніх в графічних редакторах стандартних інструментів для роботи з векторними об'єктами. Векторні маски залишають поза передачею часткову прозорість, тому мають відносно вузьке застосування. Основна перевага контурів - мінімальний обсяг пам'яті для їх зберігання.

Найчастіше відсічні контури використовуються в якості проміжної операції, коли потрібно відокремити зображення від фону. Підготовлене зображення зберігають в форматі EPS, а потім імпортують в пакети верстки. У растрових редакторах контури застосовуються і для завдання траєкторії руху користувальницької кисті (Stroke Path - креслити шлях), що дає ефекти, важко досяжні звичайними засобами.

Розглянемо роботу з відсічний контур в основних редакторах. Початок традиційно ...

Adobe Photoshop

Механізм і принцип роботи з векторними об'єктами перекочував з невеликими обмеженнями в Photoshop з Illustrator. Доступні два інструменти: Pen (Перо) і FreeForm Pen (Перо для малювання довільних контурів). За допомогою першого контур створюють, встановлюючи контрольні точки і вибираючи форму з'єднує їх кривої. Другий - для малювання «від руки», що вимагає певної вправності.

Створення контура Контрольні точки бувають трьох видів: кутові, гладкі і комбіновані. Якщо, затиснувши клавішу, потягнути мишку, замість прямого сегмента, що з'єднує сусідні точки, буде створений вигнутий. Такі сегменти - відмінна альтернатива постановці великої кількості близько розташованих точок, але з'єднаних прямими відрізками. Це економить час при створенні і редагуванні контуру. Щоб кутову точку перетворити в інший тип, досить вибрати її інструментом Convert Point (Перетворення точки). Якщо при цьому потягнути мишею, з'являться направляючі, якими задається форма криволінійного сегмента. Створення контура Контрольні точки бувають трьох видів: кутові, гладкі і комбіновані

Для перетворення виділеної області в векторний контур в палітрі Path передбачена операція Make Work Path From Selection (Створити робочий контур з виділення). Але якщо область має растушёванную (feathered) кордон, контур пройде по межі, що відповідає 50% прозорості цієї області.

З досвіду, при перетворенні області складної форми, отриманої після Magic Wand, в контур зазвичай виникає невелика похибка. А контур з безліччю контрольних вузликів може стати причиною збою при друку. Тому наступна операція - доведення форми вийшла кривою. Втім, вручну створені області виділення завжди переводяться правильно, а створені за допомогою Magic Wand попередньо сгладьте операцією Smooth (Select, Modify).

У команди Make Work Path From Selection один параметр - Flatness (Випрямлення). Він визначає, з якою точністю інтерпретатор PostScript, вбудований в принтер, аппроксимирует криву. В принципі, можна нічого не вказувати - вивідний пристрій скористається параметрами, встановленими в ньому самому за замовчуванням для обтравочних контурів. Але іноді це призводить до помилок, а тому бажано перестрахуватися.

При виборі значення керуйтеся наступними міркуваннями. Точність інтерпретатора PostScript при перекладі векторних об'єктів в бітову карту визначається розмірами мінімального відтвореного елемента (device pixel). Відповідно, для ФНА його фізичні розміри менше, ніж для принтерів. З урахуванням особливостей зору, в більшості випадків для останніх досить встановити 1 одиницю (орієнтовно відповідає 1/600 дюйма), для перших - побільше (наприклад, 5 - що дасть точність в районі 5/2400 дюйма). Значення нижче лише завантажать процесор, оскільки поліпшення якості вже не помітні оку.

Остаточне доведення форми кривої (якщо виникне необхідність) проходить без проблем - техніка роботи з контрольними вузлами (додавання, видалення, зміна типу) аналогічна прийнятої в Illustrator і CorelDRAW.

Отже, контур отримано. Залишилося його зберегти (Save Path, Новий контур), а потім визначити як відсічний (Path / Clipping Path, Контур / Обтравочний контур).

Експорт Остання операція - збереження зображення в будь-якому з форматів, що підтримують контури (EPS, DCS, PSD або PDF). Для збереження з Photoshop в EPS пропонується три варіанти: Photoshop EPS (* .eps), Photoshop DCS 1 (* .eps) і Photoshop DCS 2 (* .eps). Перший - звичайний EPS, який зберігає інформацію про векторних об'єктах, інші два - його різновиди, що записують зображення у вигляді сепарацій (див. Вставку). На прикладі EPS розглянемо основні параметри, які слід задати.

Preview (Попередній перегляд) створює екранну копію зображення (з низьким дозволом) для роботи в верстальних програмах (FPO - For Positioning Only, Тільки для позиціонування). Для збереження рreview краще вибрати формат TIFF, що забезпечує крос-платформену переносимість файлу. JPEG можна використовувати тільки на Mac OS і за умови, що встановлений QuickTime.

Encoding (Кодування) визначає формат збереження даних зображення. Стандартним є ASCII, хоча використовується і компресія типу JPEG. Тоді за рахунок видалення надмірності розмір файлу істотно зменшується (в 2-5 разів). Але друк буде коректною лише на принтерах з підтримкою PostScript level 2 і вище.

Include Vector Data (Включити векторні дані) зберігає у файлі інформацію про векторних об'єктах. Наприклад, шляхи з заливкою, текст - у векторному ж вигляді для пакетів верстки. Це не стосується обтравочних контурів через їх особливого статусу.

Image Interpolation (Інтерполяція картинки) згладжує різкі переходи яскравості і кольору при друку зображення в низькій якості.

При збереженні у вигляді DCS доступні ті ж опції (оскільки формат базується на EPS). Додатковий параметр - тип DCS. Якщо обраний формат TIFF, то ще простіше: ніяких специфічних параметрів вказувати не треба - тільки самі звичайні. Якщо планується подальша робота із зображенням в Illustrator або ж вставка в публікацію InDesign, його можна зберегти у форматі PSD - «рідний» формат підтримується повністю. CorelDRAW розпізнає PSD з деякими обмеженнями, зокрема, не «бачить» в ньому контурів.

PhotoPAINT

Як і в Photoshop, тут є все для комфортної роботи з контурами - інструменти управління типом вузликів (symmetrical, cusp, smooth), їх додавання і видалення. Є й такі відомі по CorelDRAW інструменти, як поворот / Збільшення частини кривої, - але це вже екзотика. Якщо деяка область зображення виділена, її можна по аналогії з Photoshop перетворити в контур (Mask / Create / Mask to path) і, навпаки, перетворити контур в маску. Для збереження контуру в якості обтравочного потрібно вибрати пункт Set as Clipping Path (сувій Path) - праворуч від назви контуру в свиті з'явиться характерний знак, який вказує, що контур став обтравочним.

Відмінності програм по взаємодії з контурами мінімальні. Основне - PhotoPAINT дозволяє вказувати в якості обтравочного лише один контур. Далі: при роботі з PhotoPAINT необхідно пам'ятати про «маленьких» неприємності - в форматі TIFF редактор векторні контури не зберігається. Єдиний вихід - EPS. У вікні діалогу потрібно вказати точність відтворення його форми вивідним пристроєм (Flatness). Там же є опція збереження тільки частини зображення всередині обтравочного шляху, істотно скорочує розмір результуючого файлу за рахунок виключення інформації про невидимих ​​областях. І ще один нюанс: якщо при експорті зображення з контуром в EPS вибрати для preview тип 8-bit color, то в деяких програмах верстки (наприклад, PageMaker) прозорі області будуть заповнені суцільним кольором. Втім, на друку все буде коректно. Обхідний шлях - зберегти чорно-біле preview. Відмінності програм по взаємодії з контурами мінімальні

Adobe Illustrator

Як і в растрових, в векторних редакторах можна задавати для зображення відсічний контур. Єдина відмінність - не вказується параметр Flatness.

Якщо потрібно відкрити в Illustrator зображення з обтравочним контуром, створене в растровому редакторі, виберіть команду File / Place (Файл / Розмістити). Бажано відключити опцію Link, щоб усунути проблеми при друку. В результаті в документ буде включено групу з кількох об'єктів - саме растрове зображення і стільки контурів, скільки їх є в зображенні. Для доступу до них окремо служить операція Ungroup (Розгрупувати) або інструмент Direct Selection (Безпосереднє виділення). Редагування маски, створеної в Photoshop, без проблем триває в Illustrator, що явно показує переваги продуктів Adobe.

Зверніть увагу: імпорт контурів підтримується тільки в форматі EPS - при впровадженні TIFF редактор втрачає всю векторну інформацію.

При укладанні зображення в відсічний контур засобами Illustrator потрібно створити необхідну криву (по точках обвести потрібні області), а потім вибрати пункт Object / Clipping Path / Make (Об'єкт / Маска / Застосувати). Ділянки зображення, що виходять за межі контуру, будуть приховані, створиться ефект прозорості. Редагування форми контуру доступно через уже відомий Direct Selection Tool. Допускається включення однієї відсічній групи в іншу.

Отриманий об'єкт можна без будь-яких обмежень використовувати в складі більш складної векторної композиції, доповнювати її іншими фрагментами з відсічний контур - повна свобода дій. Зберігайте отриману векторну композицію в форматі EPS (File / Save) і розміщуйте в верстку.

Серед налаштувань збереження документа - сумісність з різними версіями Illustrator (з міркувань максимальної переносимості бажано вибирати «вісімку»), опція Include Document Font, що включає в файл використовувані шрифти, сумісність з PostScript-пристроями (Level 1, 2, 3).

Corel DRAW

Процес застосування обтравочного контуру в CorelDRAW мало схожий на аналогічну процедуру в Illustrator. По-перше, перед операцією потрібно перевірити, вимкнена опція Auto Center New PowerClip Contents (Автоматично центрировать вміст конверта) в настройках програми (Options / Workspace / Edit). Далі: операція доступна через Effects / PowerClip / Place inside Container (Ефекти / Конверт / Розмістити всередині контейнера), а об'єкт отримує назву PowerClip Object. По-третє, контур в DRAW зберігає свої параметри (заповнення і окантовку) і після перетворення в маску. А щоб відредагувати всередині контуру потрібно перейти в спеціальний режим, при якому редагування інших об'єктів буде неможливо.

Створення контура Щоб всередині конверта розмістити об'єкт, потрібно виділити його, вибрати відомий пункт меню, а потім вказати з'явилася стрілкою на об'єкт, який буде грати роль маски. Іноді на цьому етапі виникають складнощі: програма не "відчуває" об'єкт. Вихід зі становища дає збільшення робочого області і точне позиціонування курсору-стрілки.

Для редагування маски використовуються всі наявні в редакторі інструменти. Доступ до самого маскувати об'єкту виконується операцією Edit Contents (Редагувати вміст), вміст витягується через Extract Contents (Витягти вміст). Обидві команди займають самі верхні позиції в контекстно-залежному меню, що спливає по кліку правої кнопки мишки при виборі об'єкта-маски. Інший варіант доступу до вмісту маски - клацання по ній, утримуючи. Повернення в звичайний режим редагування - Finish Editing this Level.

За замовчуванням редактор жорстко прив'язує позицію маски до об'єкта (Lock Contents to PowerClip), тому для її незалежного переміщення опцію потрібно вимкнути. Така розгалужена система команд в DRAW дозволяє з легкістю маніпулювати об'єктом з маскою в складі складної композиції, не вдаючись до верствам. На жаль, в Illustrator без цього обійтися вельми складно.

DRAW дозволяє власними силами створювати для зображення і растрову маску - функцією Bitmap Color Mask, що нагадує Magic Wand з Photoshop. Вказуючи в зображенні піпеткою на ті кольори, які планується замаскувати, і вибираючи діапазон захоплення сусідніх відтінків (Tolerance), можна добитися необхідного результату. Але пам'ятайте, що редактор шукає пікселі з зазначеними параметрами цвіту по всьому зображенню (а не тільки прилеглі до обраної області). Вплинути на це не можна, і застосування функції обмежена.

Імпорт / Експорт Якщо ви хочете використовувати заздалегідь підготовлену ілюстрацію з маскою в складі макета, слід враховувати, що векторні маски в зображеннях, збережених в форматі TIFF, CorelDRAW, як і Illustrator, не розпізнає. Обхідний шлях - використовувати EPS. Вставити заготовку можна операцією Import, примусово вказавши формат читання файлу як Encapsulated PostScript. На жаль, подальше редагування маски засобами редактора неможливо - про це потрібно пам'ятати на стадії її створення.

Готовий макет для включення в верстку експортують в форматі EPS. Але оскільки він не підтримує растрові маски прозорості, CorelDRAW йде на хитрість: вийшло растрове зображення розбивається на безліч дрібних (прямокутних), із заданою точністю відновлюють початкове. В результаті растровий процесор принтера може захлинутися в потоці інформації (для високоякісної ілюстрації йому буде потрібно обробити кілька тисяч дрібних зображень).

Про автора: Михайло Борисов ( [email protected] ), Пише для Publish огляди програмного забезпечення та корисні поради з додрукарської підготовки та веб-дизайну.

Формати файлів і прозорість

Не всі графічні формати підтримують прозорість, а в деяких ця можливість з'являється тільки в окремих колірних моделях (див. Таблицю).

підтримка прозорості
ФорматОбтравочний контурАльфа-канал

TIFF + + EPS + DCS + + (версія 2.0) GIF + (RGB) PICT + (RGB) PNG + (RGB) JPEG + PCX + BMP +

Не всі редактори реалізують потенціал того чи іншого формату в повній мірі. Наприклад, PhotoPAINT при збереженні в TIFF автоматично перетворює векторний контур в альфа-канал.

Розглянемо детально перші три формату як найбільш актуальні для поліграфії. Інформація про інші приведена в якості довідки.

TIFF

Найпоширеніший формат для передачі растрових зображень, використовується всіма графічними та видавничими редакторами. Назва (Tag Image File Format) отримав через можливість вбудовування в нього, крім власне бітової карти зображення, різноманітних додаткових даних. Це дозволило зберігати в ньому документи Photoshop. Кількість підтримуваних каналів кольоровості - 1, 3 і 4.

EPS

Стандартний формат для обміну векторною і змішаної графікою між графічними додатками. Підтримується без обмежень всіма професійними редакторами (з іншими будьте обережнішими: часто підтримка EPS в них чисто декларативна). Зручний для збереження окремих ілюстрацій і цілих сторінок. Кількість підтримуваних каналів кольоровості не обмежена (формат використовується для збереження файлів у панелях duo- і triotone, зі сумішевими квітами). У складі EPS є інструкції (часом досить складні), написані на мові PostScript (звідси назва - Encapsulated PostScript - «Що містить PostScript»).

Щоб зручніше маніпулюваті файлами EPS, при збереженні в них зазвічай включаються отрастрірованное з Дозволи 72 dpi екранах уявлення (preview). Деякі редактори, запісуючі в него інформацію, вместо прозорості підставляють білий колір. Правильно розпізнають preview не всі верстальних пакети, іноді замість областей з прозорістю також відображаючи білий колір. І хоча це являє певні незручності при верстці макету, при друку на PostScript-принтері все буде правильно. На принтері без підтримки PostScript буде надруковано тільки зберігається в заголовку файлу екранне уявлення з низьким дозволом.

DCS

Формат DCS (Desktop Color Separations) розроблений Quark і являє собою різновид стандартного формату EPS, а тому і розширення файлів DCS точно таке ж - * .eps. Записане зображення зазвичай складається з п'яти файлів: складального (екранна версія його вмісту плюс назви пов'язаних з ним файлів) і чотирьох (або більше) кольороподілених сепарацій зображення.

DCS має два різновиди. DCS 1 в кольоровій моделі CMYK інформацію про альфа-каналах не підтримує. Цього недоліку позбавлений DCS 2, який зберігає інформацію про альфа-каналі і декількох сумішевих (spot channel).

***

автоматичні контури

Альтернативний варіант створення обтравочного контуру - автоматичне перетворення в нього виділеної області. Найпростіші інструменти для отримання області - Lasso (Лассо) і Polygonal Lasso (Багатокутні ласо). Іноді для спрощення кропіткої роботи допомагає інструмент Magic Wand (Чарівна паличка), що має всього один параметр - діапазон захоплення прилеглих квітів Tolerance: чим значення вище, тим більш далекі кольору будуть включені в область виділення. Як правило, при створенні контурів опцію Continuous (Безперервний) відключають. При виборі точки на зображенні, базової для пошуку кольорів в заданому діапазоні, потрібно враховувати, що Photoshop включить в нього кольору, що знаходяться в стандартній колірній гамі по обидва боки. Після використання Magic Wand зазвичай потрібна доведення інструментами групи Lasso.

З п'ятої версії в Photoshop з'явився Magnetic Lasso (Магнітне ласо) - інструмент, на думку розробників, значно спрощує створення складних масок. Але хороші результати він дає, тільки якщо контур маски проходить по досить контрастною кордоні. Якщо ж вона не має чітких обрисів або навколо безліч безладно розташованих контрастних пікселів, користі від нього ніякої. Так, в ньому є налаштування, іноді відкривають переваги «прогресивного» методу. Параметр Width (Ширина) відповідає за ширину області, в чиїх межах буде проводитись пошук контрастних пікселів. Edge contrast (Контрастність краю) визначає поріг, при якому перепад яркостей сприймається як межа області виділення. Установка Frequency (Частота) на рівні 25-30 дозволяє в разі некоректної трасування виправити становище (при таких значеннях контрольні точки ставляться досить рідко), але і дає недостатньо точну межу. Більш високими значеннями користуватися важко - прибрати помилково поставлене в процесі трасування контрольну точку можна. Саме тому дизайнери частіше віддають перевагу старим, давно перевірених методів, що забезпечує повний контроль за формою області, що виділяється.

***

Опції CorelDRAW при збереженні в EPS

Всі опції тематично розділені по двом закладок - General і Advanced. У першій зібрана інформація загального плану, що стосується параметрів відображення документа на екрані (Image header), вибору політики збереження тексту і управління передачею кольору.

Header представляється або у вигляді растрового зображення формату TIFF (тоді можна вказати його дозвіл і глибину кольору), або у векторному вигляді (у форматі WMF). Недолік WMF - текст не завжди відображається коректно на інших ПК, а колірні розтяжки імітуються накладенням один на одного безлічі об'єктів, що істотно збільшує розмір заголовка. Недолік TIFF - практично завжди більший, ніж у WMF, розмір заголовка. Transparent Background повністю імітує прозорі області в екранної версії файлу, що дозволяє в пакеті верстки оцінювати дизайн макета прямо на екрані, без роздруківки на принтері.

Тут же можна задіяти опцію конвертації тексту в криві або ж включення шрифту в EPS для коректного відкриття там, де макет буде виводитися на плівки (Export Text as Curves / Text). Текст бажано зберігати у вигляді кривих за умови, що в макеті використовується великий кегль - незважаючи на деяке збільшення розміру файлу, це не викличе жодних проблем. В іншому випадку можливо зорове потовщення символів і погіршення читабельності.

Для управління передачею кольору служать настройки Color Management: колірний профіль можна впровадити в макет, і результат друку стане більш передбачуваний.

Серед додаткових налаштувань - конвертація всіх растрових зображень в необхідну колірну палітру (Save Bitmap as, за замовчуванням - CMYK), що убезпечить від потенційних проблем при використанні в макеті безлічі зображень з різних джерел. Опція Auto Increase Fountain Steps відповідальна за плавність переходу кольорів в об'єктах з заливкою Fountain Fill. Включайте цю функцію в будь-якому випадку, а не тільки при слабоконтрастних колірних переходах: кількість градацій кольору буде максимальним на будь-якому принтері.

У закладці Advanced зібрані більш тонкі налаштування. Сompatibility відповідає за сумісність з різними принтерами (від старих, що підтримують PostScript Level 1, до новітніх - 3). Якщо планується кольороподіл з інших редакторів, залишайте сумісність з Level 1, якщо ні - виберіть більш нові і тоді вкажіть для зображення JPEG-компресію і коефіцієнт стиснення.

Опція Bounding Box задає розміри документа: вони можуть відповідати розмірам експортованої області та всьому об'єму сторінки. Останнє зручно замість створення невидимого прямокутника за розмірами сторінки, що дозволяє в пакетах верстки точно позиціонувати EPS щодо нижерасположенного зображення.

Коригувати параметри Trapping потрібно тільки в особливих випадках. Always Overprint Black сигналізує RIP запечатувати області з чорним кольором поверх інших квітів, Preserve Document Overprint Settings зберігає у файлі параметри overprint, зазначені в програмі вручну.

Bleed Area встановлює величину вильоту документа за розміри сторінки (за замовчуванням в EPS обрізається вся інформація, що виходить за її межі).

Якщо виникають сумніви в коректності створеного файлу, оптимальний спосіб перевірки - растрирование в будь-якому растровому редакторі (наприклад, в Photoshop), а найкраще - в програмному RIP. Звичайно, такі випробування не дають повної гарантії успіху, але практично завжди дозволять виявити потенційні проблеми і вжити адекватних заходів для їх усунення.



Новости
  • Виртуальный хостинг

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

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью