Для нашої комп'ютерної миші з'явилася нова мишоловка. Масштабна. З чудовим шматком безкоштовного сиру - форматом SVG. Почнемо по порядку.
Нагадаємо коротко, що векторний графічний формат зберігає зображення у вигляді формул, що описують геометричні фігури, з яких складається зображення. Коло, наприклад, - це радіус, координати центру, товщина і колір кола, колір заливки. Зрозуміло, що такі зображення дуже добре, тобто без втрати якості, масштабируются.
Поширюється він за ліцензією GNU GPL, тобто пакет не тільки доступний для безкоштовного скачування, але і відкритий для участі в своєму розвитку практично всіх бажаючих (для більшості користувачів це означає, що при бажанні можна звернутися до розробників зі своїми пропозиціями щодо поліпшення і розширення алгоритмів ). Зараз вже можна говорити про те, що Inkscape починає наздоганяти за можливостями комерційні продукти. До того ж він пропонує користувачам нові формати зберігання графічної і текстової інформації, які дозволяють домогтися більш високої якості і точності зображення, володіючи істотно меншим розміром файлу.
Найпростіший шлях створити довільну фігуру - намалювати її за допомогою олівця ( "Малювати довільні контури")
За допомогою Пера (інструмент "Малювати криві Безьє і прямі лінії") можна отримати більш правильні фігури. Кожне клацання миші буде створювати вузол, серія клацань створює послідовність з прямих відрізків лінії. Клацання і зміщення створює гладкий вузол Безьє з двома вузлами управління, що лежать на одній лінії, але спрямованими в різні боки. Якщо натиснути при переміщенні вузла управління, буде крутитися тільки один вус, інший зафіксується. Натискання клавіші закінчить лінію. Якщо не вдався останній сегмент незакінченої лінії, його можна скасувати натисканням.
Перо і Олівець створюють так звані "контури". Контур - це послідовність відрізків прямих ліній і / або кривих Безьє, яка, як і будь-який інший об'єкт в Inkscape, може мати власні параметри заповнення і штриха. На відміну від фігур, що створюються за допомогою інструментів для малювання прямокутників, еліпсів, зірок і спіралей, контур може вільно редагуватися зміщенням будь-якого з його вузлів (а не тільки встановлених важелів) або перетягуванням сегмента. Будь-яка фігура або текст може бути перетворена в контур. Ця операція ніяк не змінить зовнішній вигляд об'єкта, але змінить все його специфічні властивості. Уже не можна буде округлити кути прямокутника або редагувати текст, але зате можна буде редагувати їх вузли.
Об'єкти, контури і заливки
Виконавши операцію угруповання декількох об'єктів, можна створювати комбінації об'єктів або новий складний єдиний об'єкт. Незалежно від зовнішнього вигляду будь-векторний об'єкт має ряд загальних характеристик. Область всередині замкнутого кола можна залити одним кольором, сумішшю кольорів або візерунком. У замкнутого об'єкта не може бути різних заливок або сполучних ліній різної товщини і різних кольорів.
Далі, щоб створити потрібний малюнок, потрібно якимось чином змінити форму і розташування створених об'єктів, для чого призначені операції редагування (виділення, переміщення і видалення, створення копій і клонів, зміна розміру і форми об'єктів і т.д.). За допомогою випадкового зміни фігури Зірка, наприклад, можна намалювати чарівну пляму.
+ переміщення вузла по дотичній спотворює зірку випадковим чином
Ще один інструмент для створення сюрреалістичних об'єктів і візерунків - не дивуйтеся - каліграфічне перо. Звичайно, вона створена для того, щоб за допомогою різних налаштувань і тренувань добитися, наприклад, красивого готичного або розгонистого італійського написання.
"Штатний" застосування каліграфічного пера
Але можна таким пером і малювати (дуже незвично виходить), і стилізовані візерунки створювати. Спробуйте "пограти" з установками ширини пера і звуження. Тремтіння при цьому встановіть на максимум (одиниця). Якщо миша при цьому буде пересуватися з різною швидкістю (то різко, то пригальмовуючи), візерунок вийде сам собою.
Крім створення каліграфічних шедеврів, Inkscape володіє і масою інших можливостей для роботи з текстом. Наприклад, можна розмістити текст по поверхні будь-якої створеної кривої. Для цього достатньо вибрати текст і контур одночасно і використовувати функцію "Розмістити по контуру" з меню "Текст". Текст розміститься від початку контуру. Найнадійніший варіант - використовувати окремий контур для заповнення текстом. В цьому випадку ви будете набагато краще контролювати ситуацію, ніж в разі заповнення текстом одного з вже існуючих елементів.
Ще одна цікава функція - текстура по контуру. Це потужне розширення дозволяє гнути, повторювати або розтягувати вже не текст, а текстуру уздовж скелетного контуру. Основні параметри функції - "Копії текстури" (одиночна витягнута копія текстури, повторена витягнута, одиночні і повторені) і "Тип деформації" ( "Змія" гніт текстуру рівно по площині малюнка, ширина не залежить від напрямку, "Стрічка" гніт текстуру як вертикальну стрічку або як каліграфічний штрих з максимальною фіксацією, так що ширина залежить від напрямку).
Інші параметри дозволяють коригувати інтервали між копіями текстури і їх зміщення в двох напрямках (вздовж скелетного контуру і перпендикулярно йому).
Для перетворення растрових зображень в векторні передбачена функція векторизації. Її метою не є створення точної копії вихідного зображення або готового продукту. Жодному векторизатор це не під силу. Все, що можливо, - це отримати набір контурів. Після векторизації рекомендується скористатися функцією Контури / Спростити на отриманому контурі, щоб зменшити кількість вузлів. Результат може вийти грубуватим, але добитися точної копії все одно практично неможливо. Зате після спрощення виходить набір кривих і кінцеве число вузлів, з якими можна працювати далі.
Результати векторизації при різному числі сканувань об'єкта
Нікого сьогодні вже не дивує, що практично вся інформація, розміщена в Інтернеті, - це тим чи іншим чином оформлений / ілюстрований текст. Тобто сайти наповнені і текстом, і графічними об'єктами. Для того щоб сторінки завантажувалися швидше (адже графіка передається набагато повільніше тексту), картинки намагаються зробити невеликими і "оптимізованими", досить низької якості. У кращому випадку на якісні зображення більшого розміру робляться посилання. Але все одно багато користувачів такі зображення не завантажують, економлячи свій час та гроші. Такий стан речей вже досить давно дало поштовх до появи нового графічного формату SVG (Scalable Vector Graphics - масштабована векторна графіка).
Як і будь-який векторний формат, SVG дозволяє домогтися високої якості зображення незалежно від розміру, адже зображення може необмежено збільшуватися без втрати якості. Розмір файлу при цьому дуже невеликий. SVG-файли зазвичай добре піддаються стисненню, та й взагалі виходять менше за розміром, ніж порівнянні за якістю зображення в форматах JPEG або GIF.
Найяскравішою особливістю SVG є той факт, що цей формат об'єднує в собі і графічні дані, і текст, і навіть інтерактивні компоненти. Причому SVG-файл може створюватися навіть в звичайному Блокноті!
Збережіть файл під ім'ям, наприклад, "proba.txt" і потім перейменуйте його в "proba.svg". Тепер відкрийте цей файл в Inkscape. А ось і фокус! Ми нічого не малювали і не компілювали, а вийшов прямокутник!
Результат інтерпретації SVG-файлу
SVG може включати векторну графіку (лінії, кола, криві), текст (з форматуванням, завданням стилів і ефектів), растрові зображення, що впроваджуються в SVG-файл. Формат здатний передавати два види анімації: задану по кадрам і програмно описану. Звичайно, Flash для створення анімації поки все ж більш ефективний. Але зате все текстове наповнення в ньому передається як графіка, а ось в SVG текст є текстом, а не графічним зображенням. З чого випливає, що його, цей самий текст, можна виділяти і копіювати, він індексується пошуковими машинами, не потрібно створювати додаткові метафайли для пошукових серверів. Непогана перспектива для розвитку!
Графічні можливості SVG надзвичайно великі і цілком порівнянні з можливостями пакетів Corel Draw і Adobe Illustrator:
довільні заливки, штрихування, градієнти, заливки заданим растром, а також довільним фрагментом векторного зображення,
різноманітні стилі ліній - лінії довільної товщини, штрихові, з різними стилями кутових і кінцевих точок,
можливість використання кривих Безьє (кубічних і квадратичних),
підтримка прозорості всього зображення або його частини з заданим ступенем,
можливість застосування фільтрів, типових для растрової графіки: розмиття, попіксельне змішування, накладення,
підтримка Unicode - можливість відображення в одному SVG-документі текстів на різних мовах і різними шрифтами,
розташування текстових рядків уздовж довільних кривих,
вбудовані розвинені засоби анімації, що дозволяють без програмування в режимі реального часу міняти практично всі атрибути зображення або його фрагмента,
підтримка каскадних таблиць стилів (CSS), що дозволяє легко маніпулювати візуалізацією даних: досить змінити параметри в одному місці, і дизайн зміниться для всього сайту.
Звичайно, робота з SVG вимагає програмістської підготовки, хоча б аматорської. Але все ж це не основна проблема. Основна в тому, що більшість користувачів поки просто не знає про існування нового формату. Давайте це виправляти!
До елементів SVG-файлу можна застосовувати фільтри - спеціальні модифікатори для створення ефектів, подібних застосовуваним при обробці растрових зображень (розмиття, видавлювання, складні системи трансформації і ін.).
Єдиним доступним в Inkscape фільтром поки що є Гаусове розмивання.
З його допомогою ви можете м'яко і природно розмивати будь-які об'єкти в Inkscape: контури, фігури, групи, текст, растрові зображення. Для розмивання обраного об'єкта потрібно відкрити розділ меню "Заливка і штрих" і встановити повзунок "Розмивання" на потрібне число (у відсотках). Розмивання є і в діалозі "Створення візерунків з клонів". Клони, до речі, успадковують розмивання від оригіналу, але також можуть бути розмиті незалежно від оригіналу. Заливка і штрих розмиваються одночасно, створюючи напівпрозорі області, які плавно переходять в фон.
За допомогою Гауссова розмивання можна також імітувати світіння, освітлення силуету ззаду і створювати інші фотореалістичні ефекти.
Сторінка підручника, присвячена каліграфії
Підручник познайомить навіть з базовими поняттями і правилами дизайну.
Любителі роботи з клавіатурою повинні звернутися за допомогою до розділу меню "Клавіатура і миша" (Довідка / Клавіатура і миша), який видасть величезну довідкову таблицю. Правда, на англійській мові.
Огляд тематичних ресурсів