Растрові редактори (такі як Photoshop та GIMP) використовують матриці точок (bitmap) для створення зображень.
Сучасні графічні редактори зображень використовуються як програми для малювання з нуля і як програми для редагування фотографій. Растрові редактори дозволяють редагувати фотографії та зображення на екрані комп'ютера, а також експортувати графіку до різних форматів, таких як PNG або JPG.
GIMP - вільний графічний редактор, що підтримує більше тридцяти форматів зображень, вміє працювати з шарами, масками, фільтрами та режимами змішування. В арсеналі програми є величезний спектр інструментів для корекції кольору та обробки будь-яких фотографій і зображень. Завдяки зручному інтерфейсу та приємним особливостям навчитися працювати в Гімпі дуже легко.

Можливості растрових графічних редакторів

GIMP чудово працює з графічними планшетамита іншими пристроями введення.

Динаміка пензлів.Будь-який пензель можна задати ступінь тремтіння, пензля можуть реагувати на ступінь натискання, швидкість руху та змінювати свій колір, розмір, жорсткість та непрозорість у довільному порядку.

Власний форматфайлів XCF підтримує всі можливості графічного редактора. Може зберігати текст, канали, контури, і самі шари зображення.

Зручна робота із буфером обміну.Вміст буфера обміну відразу можна перетворити або на нове зображення, або можна використовувати як пензель або текстуру для заливки.

GIMP може перетягувати практично все, що ви бачите на екрані. Ви можете навіть перетягнути колір з панелі інструментів на зображення і в результаті всі зображення або виділення його заповнені вибраним кольором.

GIMP вміє архівувати зображення «на льоту». Потрібно лише додати до імені файлу gzабо bz2, і зображення буде стиснуто. Надалі зможе відкрити таке зображення як звичайне.

Підтримка пензлів у форматі Фотошопудає величезні можливості малювання дизайнерам та художникам.

Редагування виділення.Після створення прямокутного або еліптичного виділення його розміри та параметри можна відредагувати. Можна змінити розмір виділеної області або, наприклад, закруглити краї виділення.

Пересування полотна.У полотні зображення можна пересувати межі вікна, що допомагає малюванню з обох боків зображень. Зображення можна пересувати, поки в якомусь куті полотна не опиниться центр зображення. Це дуже допомагає при малюванні краями малюнка.

Інтуїтивний інструмент вільного виділення. Одним інструментом можна створювати як багатокутне виділення, і виділення «від руки». Усі точки з'єднання виділення можна редагувати перед застосуванням виділення.

Параметр «Послабити». Можливо не повне скасування попередньої дії, а його часткове ослаблення за рахунок зміни режиму змішування та непрозорості.

Інструмент вирівнювання. Шари можна вирівняти за певними параметрами, які вам потрібні. Правилом вирівнювання може бути напрямна, активний шар чи контур виділення.

Виділення переднього плану.Дуже швидкий і зручний інструмент, який зіставляє кольори на передньому плані, а потім створює виділення тільки переднього плану. У будь-який момент межі переднього плану можна перевизначити пензлем.

Локалізація. GIMP перекладено безліч мов. Він самостійно визначить мову операційної системи при встановленні, і відразу ж почне спілкуватися з вами вашою рідною мовою.

Обробляти фотографії – одне задоволення.Створено безліч плагінів для стилізації та покращення якості фотографій. У GIMP зібрана велика кількість інтуїтивних інструментів для зручної роботи з кольором та композицією фотографій.

Карта зображення.У GIMP стандартного складання доданий плагін, який може створювати HTM-розмітку та саму карту зображення (image map).

Інтелектуальне знебарвлення.При знебарвленні зображення можна вибрати один із запропонованих варіантів знебарвлення.

Підтримка формату файлів PSDзабезпечує хорошу інтеграцію із програмами, які не підтримують формат файлів GIMP.

Інструмент «Контури».Інструмент слугує для створення псевдовекторних кривих. Реалізовано, мабуть, набагато зручніше, ніж у більшості платних векторних редакторів.

Під час кадрування зображення відразу можна вибрати правила, які допоможуть добре кадрувати зображення. Наприклад, "Правило третьої", "Золотий перетин", "Лінії по центру".

Просте створення власних плагінів.Будь-який програміст може створити розширення однією з трьох поширених мов програмування, який зможе розширити можливості редактора. Тому таких плагінів створено велику кількість.

Реальний розмір шару.При активації одного з шарів можна побачити його краї, якщо він навіть знаходиться за межами робочого полотна. Опціонально цю функцію можна вимкнути.

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

векторні

Векторні графічні редактори використовуються для створення та редагування малюнків, у яких існують чіткі контури (емблеми, ілюстрації до книги, візитки та плакати, етикетки, схеми, графіки та креслення). Так як векторні малюнки складаються з окремих графічних об'єктів, вони легко редагуються (кожен з об'єктів може бути переміщений, видалений, збільшений або зменшений і т. д.).
Формати векторні графічні файли.Широко поширеним форматом векторних графічних файлів є форматWMF, який використовується для зберігання графічних зображень Microsoft Clip Gallery. Деякі програми обробки зображень використовують оригінальні формати, які розпізнаються тільки програмою, що створює (наприклад, векторний редактор OpenOffice Draw зберігає файли у власному форматіSXD, а система комп'ютерного креслення Компас - у форматіFRM).

Можливості векторних графічних редакторів

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

Векторні графічні редактори є системи комп'ютерного креслення. При класичному кресленні за допомогою олівця, лінійки та циркуля проводиться побудова елементів креслення (відрізків, кіл та прямокутників) з точністю, яку надають креслярські інструменти. Використання систем комп'ютерного креслення дозволяє створювати креслення з більшою точністю. Крім того, системи комп'ютерного креслення дозволяють вимірювати відстані, кути, периметри та площі накреслених об'єктів (рис. 1).

Мал. 1. Система комп'ютерного креслення Компас

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

Запитання №1 Вікно графічного редактора Paint. Растрова та векторна графіка. Графічний формат. Системи кольору у графічному редакторі: RGB, HSB.

Paint– найпростіший графічний редактор, призначений для створення та редагування растрових графічних зображень в основному форматі Windows (BMP) та форматах Інтернету (GIF та JPEG). Він прийнятний для створення найпростіших графічних ілюстрацій, в основному схем, діаграм та графіків, які можна вбудовувати у текстові документи; у Paint можна створювати рекламу, буклети, оголошення, запрошення, привітання та ін.

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

У вашому розпорядженні різні засоби та інструменти для “художньої” творчості – палітра кольорів, пензель, аерозольний балончик, гумки для стирання, “олівці” для малювання геометричних фігур (ліній, прямокутників, еліпсів, багатокутників). Редактор дозволяє вводити тексти і багатий набір шрифтів з комплекту Windows дають можливість виконувати на картинках ефектні написи. Є й “ножиці” для вирізування фрагментів картинки, - вирізаний елемент можна перемістити, скопіювати, зменшити, збільшити, розгорнути тощо.

Основні можливості Paint

· Проведення прямих та кривих ліній різної товщини та кольору.

· Використання кистей різної форми, ширини та кольору.

· Побудова різних фігур – прямокутників, багатокутників, овалів, еліпсів – зафарбованих та не зафарбованих.

· Приміщення тексту на малюнок.

· Використання перетворень - поворотів, відображень, розтягувань та нахилу

Перегляд вікна Paint.

Вікно графічного редактора Paint має стандартний вигляд. У лівому верхньому куті виводиться ім'я файлу малюнка, а потім назва редактора Paint. У меню редактора входять команди “Файл”, “Правка”, “Вигляд”, “Малюнок”, “Параметри” та “?”. У палітру інструментів входять кнопки “Виділення довільної області” та “Виділення”, “Ластик” та “Заливка”, “Вибір квітів” та “Масштаб”, “Олівець” та “Пензель”, “Розпилювач” та “Напис”, “Лінія ” та “Крива”, “Прямокутник” та “Багатокутник”, “Еліпс” та “Округлений прямокутник” (по порядку зверху вниз). У лівому нижньому кутку розташована панель квітів. При деяких операціях із малюнком на екрані тимчасово з'являються інші Панелі. Керувати роботою в Paint можна за допомогою меню та панелі інструментів. Існують команди, що викликаються або через меню, або тільки через панель інструментів.

Графічний редактор Paint відноситься до редакторів з растрової графіки. Розглянемо, які існують види графіки та чим вони відрізняються.

Растрові редактори

Растровий графічний редактор – це інструмент, призначений, передусім, обробки вже готових зображень. Це програмне забезпечення гарантує максимально точну передачу тонів та напівтонів. Складається растрове зображення з множини точок, званих пікселями. Растрові картинки відрізняються максимальною реалістичністю. Якість при цьому визначається кількістю пікселів, а також їхньою здатністю передавати колір. Чим більше точок різних відтінків містить зображення, тим воно чіткіше. Растрові графічні редактори мають невеликий недолік. Вільне масштабування зображень з їх використанням без втрати якості неможливе. Справа в тому, що кожна картинка містить строго фіксовану кількість крапок. Тому, припустимо, зі збільшенням зображення точки просто побільшають. Тобто картинка втратить чіткість. Найчастіше растрове зображення зберігається у форматі jpeg. Однак більшість редакторів підтримує і такі поширені формати, як bmp, gif, tif і т.д.

Векторні графічні редактори

Векторний графічний редактор – це програма для створення зображень високої точності. Це може бути, наприклад, креслення чи схеми. Такі картинки відрізняються набагато більшою чіткістю, ніж растрові. Усі елементи векторного зображення описуються математично. Тому збільшення такого малюнку може виконуватися абсолютно без втрати чіткості. Однак такої реалістичності зображення, як растровий редактор, векторний забезпечити не може. Графічні редактори векторної графіки дозволяють як виконувати малюнки вручну, а й перетворювати на схеми растрові зображення. Для цього використовується так званий метод трасування. Таким чином, наприклад, звичайне фото можна перетворити на стильний постер. Файли, в яких зберігаються векторні малюнки, у порівнянні з растровими файлами мають невеликий об'єм.

Будь-яке зображення, що зберігається на комп'ютері, має графічний формат. Кожен із графічних форматів має свої властивості та своє призначення. На сьогоднішній день існує безліч графічних форматів. Але лише частина їх застосовується у переважній більшості програм. Як правило, несумісні формати мають файли растрових, векторних, тривимірних зображень, хоча існують формати, що дозволяють зберігати дані різних класів. Багато програм орієнтовані на власні «специфічні» формати, перенесення їх файлів в інші програми змушує використовувати спеціальні фільтри або експортувати зображення до «стандартного» формату.

BMP (Windows Device Independent Bitmap).Формат ВМР є рідним форматом Windows, він підтримується всіма графічними редакторами, які працюють під керуванням. З форматом BMP працює величезна кількість програм, тому що його підтримка інтегрована в операційні системи Windowsта OS/2. Файли формату BMP можуть мати розширення .bmp, .dib та .rle. Крім того, дані цього формату включаються в двійкові файли ресурсів RES і PE-файли. У форматі BMP можна зберігати зображення з глибиною кольору (числом бітів, що описують один піксел зображення) 1, 4, 8 і 24 біт, що відповідає максимальній кількості використовуваних кольорів 2, 16, 256 і 16777216. Файл може містити палітру, що визначає кольори , відмінні від прийнятих у системі.

TIFF(Tagged Image File Format). Формат призначений для зберігання високоякісних растрових зображень (розширення імені файлу.TIF). TIFF апаратно-незалежний формат, його підтримують практично всі програми на РС і Macintosh, так чи інакше пов'язані з графікою. TIFF є найкращим виборомпри імпорті растрової графіки у векторні програми та видавничі системи. Йому доступний весь діапазон колірних моделей від монохромної до RGB, CMYK та додаткових кольорів Pantone. TIFF може зберігати шари, відсічні контури, альфа-канали, інші додаткові дані. TIFF має два різновиди: для Macintosh та РС. Це з тим, що процесори Motorola читають і записують числа зліва направо, а процесори Intel - навпаки. Сучасні програмиможуть без проблем використовувати обидва варіанти формату. Рідна програма для цього формату Photo-Styler на сьогоднішній день "знята з виробництва", але формат продовжує розвиватися та доповнюватися новими можливостями. Фірма Letraset запровадила скорочену версію TIFF-формату під назвою RIFF (Raster Image File Format). У форматі TIFF може бути використана LZW-, JPEG-, ZIP-компресія. Ряд старих програм (наприклад, QuarkXPress 3.x, Adobe Streamline, багато програм-розпізнавачів тексту) не вміють читати стислі файли TIFFОднак, якщо ви користуєтеся новим програмним забезпеченням, немає причин не використовувати компресію. TIFF, незважаючи на всі алгоритми стиснення все одно - самий «багатоваговий» растровий формат, тому для використання в Інтернеті він не годиться.

PSD(PhotoShop Document). Власний формат програми Adobe Photoshop(Розширення імені файлу.PSD), один з найбільш потужних за можливостями зберігання растрової графічної інформації. Дозволяє запам'ятовувати параметри шарів, каналів, ступеня прозорості, масок. Підтримуються 48-розрядне кодування кольору, кольороподіл та різні колірні моделі. Основний недолік виражений у тому, що відсутність ефективного алгоритму стиснення інформації призводить до великого обсягу файлів. Відкривається не всіма програмами.

PCX. Формат з'явився як формат зберігання растрових даних програми PC PaintBrush фірми Z-Soft і є одним із найпоширеніших (розширення імені файлу. PCX). Відсутність можливості зберігати кольорові зображення, недостатність колірних моделей та інші обмеження призвели до втрати популярності формату. Нині вважається застарілим.

JPEG (Joint Photographic Experts Group).Формат призначений для зберігання растрових зображень (розширення імені файлу JPG). Дозволяє регулювати співвідношення між ступенем стиснення файлу та якістю зображення. Методи стиснення, що застосовуються, засновані на видаленні «надлишкової» інформації, тому формат рекомендують використовувати тільки для електронних публікацій. Формат файлу JPEG був розроблений компанією C-Cube Microsystems як ефективний метод зберігання зображень з великою глибиною кольору, наприклад, одержуваних при скануванні фотографій з численними ледь вловимими відтінками кольору. Найбільша відмінність формату JPEG від інших форматів полягає в тому, що JPEG використовується алгоритм стиснення з втратами інформації. Алгоритм стиснення без втрат так зберігає інформацію про зображення, що зображення в точності відповідає оригіналу. При стисканні з втратами приноситься в жертву частина інформації про зображення, щоб досягти більшого коефіцієнта стиснення. Розпаковане зображення JPEG рідко відповідає оригіналу абсолютно точно, але дуже часто ці відмінності настільки незначні, що їх можна виявити. JPEG - алгоритм стиснення, заснований не так на пошуку однакових елементів, як і RLE і LZW, але в різниці між пікселями. Кодування даних відбувається у кілька етапів. Спочатку графічні дані конвертуються в колірний простір типу LAB, потім відкидається половина або три чверті інформації про колір (залежно від реалізації алгоритму). Далі аналізуються блоки 8х8 пікселів. До кожного блоку формується набір чисел. Перші кілька чисел представляють колір блоку загалом, тоді як наступні числа відбивають тонкі робили. Спектр деталей базується на зоровому сприйнятті людини, тому великі деталі помітніші. На наступному етапі, залежно від обраного вами рівня якості, відкидається певна частина чисел, що становлять тонкі деталі. На останньому етапі використовується кодування методом Хафмана для більш ефективного стиснення кінцевих даних. Відновлення даних відбувається у зворотному порядку. Таким чином, чим вищий рівень компресії, тим більше даних відкидається, тим нижча якість. Використовуючи JPEG, можна отримати файл в 1-500 разів менше, ніж ВМР! Формат апаратно незалежний, повністю підтримується на РС та Macintosh, проте він відносно новий і не розуміється старими програмами (до 1995 року). JPEG не підтримує індексовані палітри кольорів. Спочатку в специфікаціях формату не було і CMYK, Adobe додала підтримку кольороподілу, проте CMYKJPEG у багатьох програмах робить проблеми. Найкращим рішенням є використання JPEG-стиснення у Photoshop EPS-файлах, яке описується нижче. Існують підформати JPEG. Baseline Optimized – файли дещо краще стискаються, але не читаються деякими програмами. JPEG Baseline Optimized розроблено спеціально для Інтернету, всі основні браузери його підтримують. Progressive JPEG також розроблений спеціально для Мережі, його файли менше стандартних, але трохи більше Baseline Optimized. Головна особливість Progressive JPEG у підтримці аналога через рядковий виведення.

Зі сказаного можна зробити такі висновки. JPEG'ом краще стискаються растрові картинки фотографічної якості, ніж логотипи чи схеми - у яких більше півтонових переходів, серед однотонних заливок з'являються небажані перешкоди. Краще стискаються і з меншими втратами великі зображення для web або з високою друкованою резолюцією (200-300 і більше dpi), ніж з низькою (72-150 dpi), т.к. у кожному квадраті 8х8 пікселів переходи виходять м'якіші, за рахунок того, що їх (квадратів) у таких файлах більше. Небажано зберігати з JPEG-стиском будь-які зображення, де важливі всі нюанси передачі кольору (репродукції), оскільки під час стиснення відбувається відкидання колірної інформації. У JPEG'і слід зберігати тільки кінцевий варіант роботи, тому що кожне перезбереження призводить до нових втрат (відкидання) даних і перетворення вихідного зображення в кашу.

GIF (Graphics Interchange Format).Незалежний від апаратного забезпечення формат GIF був розроблений в 1987 (GIF87a) фірмою CompuServe для передачі растрових зображень по мережах. У 1989-му формат був модифікований (GIF89a), було додано підтримку прозорості та анімації. GIF використовує LZW-компресію, що дозволяє непогано стискати файли, де багато однорідних заливок (логотипи, написи, схеми). GIF дозволяє записувати зображення "через рядок" (Interlaced), завдяки чому, маючи тільки частину файлу, можна побачити зображення цілком, але з меншою роздільною здатністю. Це досягається за рахунок запису, а потім підвантаження спочатку 1, 5, 10 і т.д. Рядків пікселів і розтягування даних між ними, другим проходом слідують 2, 6, 11 рядки, роздільна здатність зображення в інтернетівському браузері збільшується. Таким чином, задовго до закінчення завантаження файлу користувач може зрозуміти, що всередині та вирішити, чи варто чекати, коли файл підніметься весь. Черезрядковий запис трохи збільшує розмір файлу, але це, як правило, виправдовується властивістю, що купується. У GIF'e можна призначити один або більше кольорів прозорими, вони стануть невидимими в інтернет-браузерах і деяких інших програмах. Прозорість забезпечується за рахунок додаткового Alpha-каналу, що зберігається разом із файлом. Крім того, файл GIF може містити не одну, а кілька растрових картинок, які браузери можуть підвантажувати одну за одною із зазначеною у файлі частотою. Так досягається ілюзія руху (GIF-анімація). Актуальність концепцій, реалізованих у форматі GIF, з особливою очевидністю виявилася у зв'язку з розширеним використанням електронних видань (у вигляді Web-сторінок або Web-сайтів). Незважаючи на все зростаючу пропускну спроможністьмережевих апаратних засобів, і, зокрема, модемів, досить гостро постає питання обсягу графічних елементів електронних видань. З одного боку, наочність та ефективність електронного видання багато в чому залежить від якості графічних елементів, і, в першу чергу, від роздільної здатності та глибини кольору пікселів зображення. Тому зрозуміло прагнення розробників електронних публікацій використовувати багатобарвні графічні зображення. З іншого боку, вимоги до компактності файлів, що передаються мережевим каналам, не відійшли на другий план. Графічні файли великого об'єму вимагають великого часу для завантаження зображення в браузер. Тому однією з основних завдань професіоналів у галузі Web-дизайну якраз і є відшукання належного балансу між художністю, інформативністю сторінки Web та її обсягом. GIF - один з небагатьох форматів, що використовують ефективний алгоритм стиснення, що майже не поступається програмам-архіваторам. Іншими словами, GIF-файли не потрібно архівувати, тому що це рідко коли дає відчутний виграш обсягом. Тому формат GIF, головною перевагою якого є мінімальний розмір файлів, зберігає своє значення основного графічного формату World Wide Web. Основне обмеження формату GIF полягає в тому, що кольорове зображення може бути записане лише у режимі 256 кольорів. Для поліграфії цього явно замало. Існують дві специфікації GIF. Перша відноситься до формату GIF87а, в якому передбачається запис множини зображень, і GIF89а, який орієнтований на зберігання як текстових, так і графічних даних в одному файлі.

GIF87aпередбачав такі можливості GIF-файлу:

Чергування (interlacing). Спочатку завантажується тільки "кістяк" зображення, потім, у міру завантаження, воно деталізується. Це дозволяє на повільних лініях не вантажити весь графічний файл повністю для того, щоб отримати про нього уявлення.

Стиснення (compression) за алгоритмом LZW. Ця характеристика GIF-файлів тримає в лідерах по найменшому обсягу файла.

Розміщення кількох зображень в одному файлі.

Розташування зображення на логічному екрані. Тобто формат дозволяв визначити логічну екранну область для виведення зображень, і поміщати їх у довільному місці цієї області.

Надалі цей стандарт був розширений специфікацією GIF89a, яка додала такі можливості:

Увімкнення графічного файлу коментарів (не відображаються на екрані, але можуть бути прочитані програмою, що підтримує GIF89a).

Управління затримкою перед зміною кадрів (задається в 1/100 секунд або очікування введення користувача).

Керування видаленням попереднього зображення. Попереднє зображення може бути залишено, замінено на колір тла або те, що було перед ним.

Визначення прозорого кольору.

Виведення тексту.

Створення блоків управління прикладними програмами (application-specific extensions). Всередині файлу GIF можна створити блок, який ігноруватиметься всіма програмами, крім тієї, для якої він призначений.

PNG (Portable Network Graphics). PNG – розроблений відносно недавно формат для Мережі, покликаний замінити собою застарілий GIF. Використовує стиск без втрат Deflate, подібний до LZW (саме через патентування в 1995-му році алгоритму LZW виник PNG). Стислі індексовані файли PNG, як правило, менше аналогічних GIF"ів, RGB PNG менше відповідного файлу у форматі TIFF. Глибина кольору у файлах PNG може бути будь-який, аж до 48 біт. Використовується двомірний interlacing (не тільки рядків, а й стовпців), який, як і в GIF"е, злегка збільшує розмір файла. На відміну від GIF, де прозорість або є чи ні, PNG підтримує також напівпрозорі пікселі (тобто в діапазоні прозорості від 0 до 99%) за рахунок Альфа-каналу з 256 градаціями сірого. У файл формату PNG записується інформація про гамма-коригування. Гамма є деяким числом, що характеризує залежність яскравості світіння екрану вашого монітора від напруги на електродах кінескопа. Це число, зчитане з файлу, дозволяє ввести виправлення яскравості при відображенні. Потрібно воно для того, щоб картинка, створена на Масі, виглядала однаково і на РС і на Silicon Graphics. Таким чином, ця особливість допомагає реалізації основної ідеї WWW – однакового відображення інформації незалежно від апаратури користувача. PNG підтримується в Microsoft Internet Explorer починаючи з версії 4 для Windows та з версії 4.5 на Макінтош. Netscape додала підтримку PNG для свого браузера у версіях, починаючи з 4.0.4 для обох платформ. Тим не менш, досі не реалізована підтримка таких важливих функцій формату, як плавно перехідна прозорість і гамма-корекція.

PNG і GIF89a мають такі властивості:

· Формат організований у вигляді потоку даних

· "Стиск без втрат"

· Дозволяє зберігати індексовані зображення з палітрою до 256 кольорів

· Прогресивне відображення надрядкових даних

· Підтримка "прозорого кольору"

· Можливість зберігати дані загального та обмеженого доступу

· Не залежать від "заліза" та платформи

Переваги PNG над GIF:

· Більш швидке прогресивне відображення черезрядкових схем

· Розширені можливості зберігання даних користувача

Можливості PNG відсутні у форматі GIF:

· Зберігання повнокольорових 48-бітових зображень

· Зберігання 16-бітових чорно-білих зображень

· Повний Альфа-канал

· Покажчик на контрастність

· CRC - метод виявлення помилок у потоці даних

· Стандартний інструментарій для розробки програм читання та запису PNG

· Стандартний набір тестових зображень для перевірки цих програм

Можливості GIF, відсутні в PNG версії 1.0:

· Можливість зберігання кількох зображень в одному файлі

· Анімація

WMF (Windows MetaFile).Формат зберігання векторних зображень операційної системи Windows (розширення імені файлу WMF). За визначенням підтримується всіма програмами цієї системи. Однак відсутність засобів для роботи зі стандартизованими палітрами кольорів, прийнятими в поліграфії, та інші недоліки обмежують його застосування (WMF спотворює колір, не може зберігати ряд параметрів, які можуть бути присвоєні об'єктам в різних векторних редакторах).

EPS (Encapsulated PostScript).Формат опису як векторних, так і растрових зображень мовою PostScript фірми Adobe, фактичному стандарті в області додрукарських процесів та поліграфії (розширення імені файлу .EPS). Так як мова PostScript є універсальною, у файлі можуть одночасно зберігатися векторна та растрова графіка, шрифти, контури відсічення (маски), параметри калібрування обладнання, колірні профілі. Для відображення на екрані векторного вмісту використовується формат WMF,а растрового – TIFF.Але екранна копія лише загалом відображає реальне зображення, що є істотним недоліком. EPS.Справжнє зображення можна побачити лише на виході вивідного пристрою, за допомогою спеціальних програм перегляду або після перетворення файлу у формат PDF у програмах Acrobat Reader, Acrobat Exchange. Зображення, записане в EPS-форматі, може бути збережене в різних кольорах: Grayscale, RGB, CMYK, Lab, Multi-channel. Формат Encapsulated PostScript можна назвати найнадійнішим та універсальним способом збереження даних. Він використовує спрощену версію PostScript: не може містити в одному файлі більше однієї сторінки, не зберігає низку установок для принтера. Як і у файли друку PostScript, в EPS записують кінцевий варіант роботи, хоча такі програми, як Adobe Illustrator та Adobe Photoshop, можуть використовувати його як робочий. EPS призначений для передачі векторів та растру у видавничі системи, створюється майже всіма програмами, що працюють із графікою. Використовувати його можна тільки тоді, коли висновок здійснюється на PostScript-пристрої. EPS підтримує всі необхідні для друку колірні моделі, серед них така, як Duotone, може записувати, так само, дані в RGB, відсічний контур, інформацію та трепінгу та растрах, впроваджені шрифти. У форматі EPS зберігаються дані в буфері обміну (Clipboard) програми Adobe для обміну між собою. Разом із файлом можна зберегти ескіз (image header, preview). Це копія низької роздільної здатності у форматі PICT, TIFF, JPEG або WMF, яка зберігається разом із файлом EPS і дозволяє побачити, що всередині, оскільки відкрити файл на редакцію можуть лише Photoshop та Illustrator. Всі інші імпортують ескіз, замінюючи його під час друку на PostScript-принтері оригінальною інформацією. На принтері, що не підтримує PostScript, друкується сам ескіз. Якщо ви працюєте на Photoshop для Macintosh, зберігайте ескізи у форматі JPEG, інші маківські програми зберігають ескізи у форматі PICT. Ці та JPEG-ескізи не можуть використовувати Windows-програми. Якщо ви працюєте на комп'ютері або не знаєте, де буде використовуватися файл, зберігайте ескіз у форматі TIFF (коли надається вибір). EPS має багато різновидів, що залежить від програми-творця. Найнадійніші EPS створюють програми виробництва Adobe Systems: Photoshop, Illustrator, InDesign. З 1996 року програми Adobe мають вбудований інтерпретатор PostScript, тому можуть відкривати EPS та редагувати їх. Інші графічні редактори відкривати EPS не можуть, мало того, створювані ними файли EPS іноді виявляються, м'яко кажучи, особливими. Серед найпроблемніших Quark EPS, що створюється функцією Save Page As EPS та FreeHand editable EPS, що створюється функцією Save As. Не варто особливо довіряти Corel'івським EPS версії 6 і нижче та EPS із CorelXARA. У EPS-файлів з CorelDraw 7 і вище зберігається проблема додавання полів до Bounding Box (умовний прямокутник PostScript, що описує всі об'єкти на сторінці). Перш, ніж експортувати з CorelDRAW, CorelXARA і, меншою мірою, з FreeHand'а EPS-файли варто конвертувати багато ефектів програм ( напівпрозорі заливкинаприклад) в растрові або прості векторні об'єкти. Товсті контури (більше 2 pt), можливо, має сенс також конвертувати в об'єкти, коли програма дає таку можливість. Перевірити EPS-файл можна Adobe Illustrator"ом, якщо він відкриває - значить все гаразд.

PDF (Portable Document Format).Формат опису документів розроблений фірмою Adobe (розширення імені файлу.PDF). Хоча цей формат в основному призначений для зберігання документа, його вражаючі можливості дозволяють забезпечити ефективне представлення зображень. Формат є апаратно-незалежним, тому виведення зображень допустимо на будь-яких пристроях – від екрана монітора до фотоекспонуючого пристрою. Потужний алгоритм стиснення із засобами керування підсумковою роздільною здатністю зображення забезпечує компактність файлів при високій якості ілюстрацій. У цей формат можна перетворити будь-який документ або відскановане зображення. Однак для того, щоб це зробити, в більшості випадків потрібен повний пакет Adobe Acrobat, який містить Adobe Acrobat Distiller та Adobe Acrobat Writer. PDF з 1 липня 2008 року є відкритим стандартом ISO 32000. Формат PDF дозволяє впроваджувати необхідні шрифти (рядковий текст), векторні та растрові зображення, форми та мультимедіа-вставки. Підтримує RGB, CMYK, Grayscale, Lab, Duotone, Bitmap, кілька типів стискування растрової інформації. Має власні технічні формати для поліграфії PDF/X-1, PDF/X-3. Включає механізм електронних підписівдля захисту та перевірки справжності документів. У цьому форматі поширюється велика кількість супутньої документації. Для перегляду можна використовувати офіційну безкоштовну програму Adobe Reader, а також програми сторонніх розробників. Традиційним способом створення PDF-документів є віртуальний принтер, тобто документ як такий готується у своїй спеціалізованій програмі - графічному або текстовому редакторі, САПР тощо, а потім експортується у формат PDF для розповсюдження електронному вигляді, передачі у друкарню тощо.

CDR (CorelDRAW Document).Формат файлу CDR – векторне зображення або малюнок, створений за допомогою програми CorelDRAW. Даний формат файлу розроблений компанією Corel для використання у власних програмних продуктах. CDR-файли не підтримуються багатьма програмами, призначеними для редагування зображень. Однак, файл можна експортувати за допомогою CorelDRAW в інші, більш поширені та популярні формати зображень. Також файл CDR можна відкрити програмою Corel Paint Shop Pro. Формат відомий у минулому низькою стійкістю та поганою сумісністю файлів, тим не менш, користуватися CorelDRAW надзвичайно зручно. У файлах цих версій застосовується роздільна компресія для векторних та растрових зображень, можуть впроваджуватися шрифти, файли CDRмають величезне робоче поле 45х45 метрів, підтримується багатосторінковість.

Ai (Adobe Illustraror).Векторний файл зображення, створений у програмі Adobe Illustrator; замість растрових даних, складається з шляхів чи ліній, з'єднаних точками; може включати об'єкти, колір і текст. Документи Ai можуть бути відкриті у Photoshop, але зображення буде "розшифровано", це означає, що воно буде перетворене з векторного зображення в растрове. Формат AI інкапсулює та формалізує у структурованому файлі підмножину мови опису сторінки (PDL) PostScript. Такі файли призначені для відображення на принтері PostScript, але можуть включати й растрову версію зображення, забезпечуючи тим самим його перегляд. PostScript в повній реалізації є потужною і складною мовою і здатний визначати майже все, що може бути відображено на двовимірному пристрої виведення, формат AI адаптований для зберігання традиційних графічних даних: малюнків, креслень та декоративних написів. Зазначимо все ж таки, що файли AI можуть бути дуже складними. Потужність PostScript обумовлена ​​в основному можливістю визначати послідовності операцій і об'єднувати їх простими синтаксичними засобами. Ця прихована складність у файлах Adobe Illustrator іноді (але не завжди) зводиться до мінімуму.

Також у графічних редакторах використовуються як різні формати зображень, а й різні колірні системи. Розглянемо деякі з них.

Колірна модель RGB.Це найпоширеніша модель уявлення кольору. У ній будь-який колір розглядається як відтінки трьох основних (або базових) кольорів: червоний (Red), зелений (Green) та синій (Blue). При цьому існує два види цієї моделі: восьмибітне уявлення, де колір задається числами від 0 до 255 (наприклад, колір буде відповідати синьому, а - жовтому), і шістнадцятибітне, яке найчастіше використовується в графічних редакторах і html, де колір задається числами від 0 до ff (зелений - #00ff00, синій - #0000ff, жовтий - #ffff00).

Різниця уявлень у тому, що у восьмибітному вигляді для кожного базового кольору використовується окрема шкала, а у шістнадцятибітному вже відразу вводиться колір. Особливість цієї моделі у цьому, що новий колір виходить шляхом додавання відтінків основних кольорів, тобто. "змішування". Це найпоширеніша модель у веб-дизайнерів та програмістів. Недолік цієї моделі в тому, що вона залежить від апаратної частини, іншими словами, одна і та ж картинка неоднаково виглядатиме на різних моніторах.

Тривимірна реалізація HSV. HSV (або HSB) означає Hue, Saturation, Value (ще може іменуватися Brightness), де:

Hue – колірний тон, тобто. відтінок кольору.

Saturation – насиченість. Чим вищий цей параметр, тим «чистіше» буде колір, а чим нижчий, тим ближче він буде до сірого.

Value (Brightness) – значення (яскравість) кольору. Чим вище значення, тим яскравішим буде колір (але не білішим). А що нижче, то темніше (0% - чорний)

HSL - Hue, Saturation, Lightness

Hue - Ви вже знаєте

Saturation – аналогічно

Lightness - це світло кольору (не плутати з яскравістю). Чим вищий параметр, тим світліший колір (100% – білий), а чим нижчий, тим темніший (0% – чорний).

Найбільш поширена модель - HSV, вона часто використовується разом з моделлю RGB, де HSV показана у візуальному вигляді, а числові значення задаються RGB.

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

Комп'ютерна графіка – дуже широке поняття. Комусь при згадці цього терміну на думку спадуть тривимірні шедеври від студій Pixar та Dreamworks, інші подумають про цифрову фотографію, треті вирішать, що йдеться про оформлення комп'ютерних ігор. Але також обов'язково знайдеться чимало тих, хто зв'яже це словосполучення з векторною графікою. Незважаючи на надзвичайну популярність векторної графіки, багато користувачів абсолютно незнайомі з особливістю векторних малюнків. Що ж криється за словами «векторна графіка» і чому вона така популярна?

Звичайний растровий малюнок є деяким масивом точок. Цей масив може візуалізуватись з максимальною точністю або приблизною. У першому випадку інформація про точковий малюнок передається без втрат, але займає багато пам'яті. У другому випадку графічне зображення може бути передано з умовною точністю. Напрошується пряма аналогія зі звуком, який стискується без відчутних втрат у формат MP3. Для графіки подібний формат - JPG. При помірному і не дуже високому ступені стиснення вихідний масив точок цілком вгадується. Алгоритми візуалізації растрової графіки можуть відрізнятися, але їх суть однакова — картинка має жорстку прив'язку до піксельної матриці.

Для візуалізації векторного зображення використовується зовсім інший підхід. Кожен векторний малюнок створюється за допомогою геометричних фігур та кривих. Використання математики при описі малюнка дає величезну перевагу: при масштабуванні векторних елементів вихідна картинка нітрохи не втрачає якості. Растровий малюнок при зміні розмірів поводиться інакше — лінії об'єктів на зображенні при збільшенні обростають помітним «гребінцем». Ці артефакти присутні на зображенні спочатку, оскільки растровий малюнок апріорі не може містити безперервних елементів — ліній, геометричних форм тощо. Все це в растрі виглядає як матриця пікселів, яка тим помітніша, чим сильніше збільшений растровий малюнок.

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

У промисловій поліграфії векторні формати однаково добре виглядають під час друку зображень будь-яких розмірів — великих та маленьких. Растрові картинки зі збільшенням як перетворюються на мозаїку, а й можуть містити артефакти компресії. Крім цього, векторні формати зручно використовувати у програмуванні, оскільки вони легко описуються математичними виразами.

Професійні дизайнери використовують для створення векторної графіки інструменти, перевірені роками, наприклад, Adobe Illustrator та CorelDraw. Але любителю, якому потрібно швидко створити логотип для друку на футболці або технічну ілюстрацію, не потрібно вдаватися до таких громіздких і дорогих додатків. Можна обійтися безкоштовними, а іноді навіть онлайновими інструментами. З їхньою допомогою можна перевести растрове зображення у векторне, зробити малюнок нескладного дизайну, згенерувати візерунок гільйоша і так далі.

⇡ «Малюнки Google» – найпростіший векторний редактор, який завжди під рукою

Найвідоміший, найпростіший і найдоступніший онлайновий векторний редактор — це «Малюнки» у сервісі «Google Диск». Ця веб-програма входить до складу онлайнового офісу від Google і більше орієнтована на спільну роботу та додавання графічних елементів до офісних документів інших типів, ніж на створення векторної графіки. Однак все ж таки деякі базові засоби для роботи з нею тут є.

За допомогою веб-програми «Малюнки» можна створювати різні фігури, стрілки, виноски, графічні елементи формул, додавати прямі лінії, криві, ламані, стрілки та каракулі. Також є додавання текстових елементів, імпорт растрових зображень. Векторні малюнки можна імпортувати, але редагувати — ні (доступний лише перегляд).

⇡ Autotracer — безкоштовний конвертер растрових картинок у вектор.

Коли йдеться про складні векторні малюнки, іноді буває простіше не створювати їх з нуля, а векторизувати растрове зображення, тобто перетворити його на векторний формат. Цей процес також називають трасуванням.

Відповідні засоби є практично в будь-якому векторному редакторі, але векторизація може бути ще більш простою завдяки онлайновим інструментам. Можна знайти не один веб-сервіс, який пропонує такі послуги. Наприклад, дуже зручний у роботі безкоштовний ресурс Autotracer. З його допомогою можна перетворити файли PNG, BMP, JPEG та GIF у векторний формат та зберегти у формат SVG, EPS, PDF, DXF.

Сервіс повністю безкоштовний, але є одне обмеження: розмір вихідного файлу не повинен перевищувати одного мегабайта. Перед перетворенням можна задати деякі налаштування: визначитися з кількістю кольорів, які будуть залишені на растровому зображенні перед векторизацією, а також позбутися зашумленості, вказати, у яких випадках лінії будуть прийняті за криві. Сам процес відбувається дуже швидко, тому, якщо якість кінцевого малюнка невідповідна, завжди можна поекспериментувати з налаштуваннями та спробувати знову.

⇡ Vector Paint — векторний редактор у Chrome, який може працювати без браузера.

Vector Paint — це веб-додаток для Google Chrome, створений на HTML5, однак працювати він може і без браузера. Воно відноситься до нового покоління додатків, представлених на початку вересня цього року. Запускати такі програми можна прямо з робочого столу — відкритий браузер, як і доступ до Інтернету, для їх використання не потрібні.

Vector Paint містить досить велику колекцію різних попередньо встановлених форм, які можна використовувати в проектах: тут і годинник, і хмаринки, і стрілочки, і тварини, і нотки, і багато іншого. Форми можна створювати і вручну, використовуючи прямі та ламані лінії, інструмент для малювання довільних форм, прямокутник, еліпс. Для кожного елемента є можливість вибрати колір, товщину та тип обведення, а також колір заливки, зробити його частково прозорим, додати один із безлічі ефектів (спотворення, тіні, текстури, псевдо-3D та інше). Передбачені й інструменти для керування елементами у проекті: їх можна переміщати на передній план або переносити назад. Для більш точної розміщення елементів є численні засоби вирівнювання, також можна включити відображення лінійки.

За замовчуванням робота ведеться одному шарі, але за необхідності можна додати можливість роботи з кількома шарами. Ця можливість реалізована як доповнення. Для його встановлення не потрібно нічого завантажувати, досить просто вибрати плагін в однойменному меню. Робота з шарами включає можливості об'єднання вибраних шарів, приховування деяких із них, перенесення вибраних елементів на окремий шар.

У Vector Paint передбачені й інші доповнення, які можуть бути легко додані в додаток. Це розширені можливості для роботи з текстом (додаткові шрифти, налаштування інтервалів, окремих елементів написів), додавання маркерів, використання зображень для створення малюнків на формах, що повторюються. З меню Plugins також включаються додаткові параметри обведення та заливання.

Готові проекти зберігаються у форматі SVG, а також можуть бути експортовані до PNG та JPEG.

⇡ SVG-Edit — векторний векторний редактор

SVG-Edit – це векторний редактор, створений на основі JavaScript, який може працювати у будь-якому браузері. Його можна використовувати у вигляді онлайнового сервісу (у цьому випадку для доступу використовується демоадреса), а також як веб-додаток (у цьому випадку потрібно завантажити архів із файлами SVG-Edit, розпакувати його та запустити файл програми у будь-якому браузері).

SVG-Edit повноцінно працює з файлами SVG, даючи можливість як зберігати проекти у цьому форматі, так і відкривати такі файли та вносити до них зміни. Окрім цього, файл SVG може бути імпортований у проект як окремий елемент.

Для створення елементів векторної графіки SVG-Edit можуть використовуватися ламані лінії, прямокутники, квадрати, еліпси, круги, багатокутники, контури, текст. Є можливість виконувати заливку елементів кольором, а також використовувати градієнти, у тому числі радіальні. Підтримується робота з шарами, показ сітки та відображення елементів у вигляді каркасу. Існують засоби для зміни розташування елементів (вище, нижче), для швидкого клонування виділених векторних форм, для їх угруповання. Багато команд доступні з контекстного меню (як у звичайних редакторах для робочого столу). Достатньо багато уваги приділено інструментам для вирівнювання на полотні: можна вирівняти елементи по відношенню до виділених об'єктів, до найбільшого або до найменшого об'єкта.

У програмі велика бібліотека готових форм (та сама, яка використовується в Vector Paint), але, крім цього, реалізований доступ до величезної безкоштовної бібліотеки елементів векторної графіки IAN Image Library. Для роботи з нею буде потрібна реєстрація, але потім можна прямо з редактора переглядати колекції зразків векторної графіки і відразу ж додавати їх до поточного або нового проекту.

⇡ Chittram - простий онлайновий редактор

Chittram – це ще один векторний редактор, який може працювати як веб-додаток. На відміну від SVG-Edit, він реалізований як повноцінний онлайновий сервіс із можливістю збереження проектів на сервері. Для перегляду та редагування створених раніше проектів використовується обліковий запис Google.

Можливості Chittram скромніші, ніж у SVG-Edit, зате цей редактор напевно здасться більш доброзичливим для користувачів-початківців. У додатку є можливість використовувати растрове зображення як підкладку, але вибрати картинку з жорсткого дискане можна лише вказати посилання на файл. Імпорту локальних векторних зображень теж немає, проте можна додавати в проект файли з галереї користувачів веб-сервісу та редагувати їх. На сайті реалізовано пошук у галереї по ключовим словам, а також за мітками.

Для створення власних проектів можна використовувати стандартний набір інструментів: прямі лінії, криві, криві Безьє, багатокутники, кола, овали, прямокутники та квадрати. Доступно також створення тексту. Для кожного елемента є можливість задати розмір обведення, колір заливки, колір та напрямок градієнта, відсоток прозорості. Для більш точного малювання можна використовувати сітку, на яку налаштовується величина клітини. Також можна керувати розміром полотна та його орієнтацією.

Якщо у проекті використовується кілька форм, зручно відобразити панель, на якій представлено список усіх елементів. Вона служить для перейменування та швидкого виділення об'єктів. Така сама панель використовується для роботи із шарами.

⇡ Inkscape — повноцінна альтернатива комерційним пакетам

Векторний редактор Inkscape має багато переваг. По-перше, він кросплатформовий (може запускатися в середовищі Windows, Linux, Mac). По-друге, він підтримує велику кількість популярних векторних форматів, серед яких SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF та інші.

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

Варто звернути увагу на інтегровані засоби для векторизації растрових зображень. Щоб при трасуванні фотографій враховувалися важливі об'єкти на передньому плані, задіюється алгоритм SIOX (Simple Interactive Object Extraction), що допомагає автоматично визначити такі об'єкти.

⇡ ZebraTRACE — безкоштовне створення гільйошей

Будь-які грошові банкноти, а також документи державної ваги (дипломи, грамоти, посвідчення тощо) легко дізнатися з першого погляду. Цю «впізнаваність» дизайну документа надають тонкі візерунки, що повторюються, які проходять по всьому основному малюнку. Такі лінії називаються гільошем.

Гільоші можна малювати вручну у векторному редакторі, проте без спеціальних доповнень і навичок створення подібних візерунків цей процес може затягнутися. Безкоштовна утиліта ZebraTRACE допомагає у вирішенні таких завдань.

Ця програма трасує зображення та поєднує їх із візерунком гільйоша. ZebraTRACE використовує параметричну генерацію гільйошу. Кожен тип візерунка, який можна створити за допомогою програми, визначається математичною формулою. Так що за наявності бажання та вільного часу для експериментів користувач може отримати унікальні малюнки.

Створювати нові гільоші дуже просто. Спробуйте внести незначні зміни у формулу генерації візерунка, наприклад, змінивши значення коефіцієнта з 2 на 3, і малюнок зміниться. Для тих, хто не бажає займатися творчістю з ZebraTRACE, до програми включено півтора десятки попередніх налаштувань із формулами, що дозволяють отримати найпоширеніші гільоші.

⇡ Висновок

Безкоштовні інструменти для роботи з векторною графікою зустрічаються не так часто, як хотілося б, проте вони є. Тішить і те, що з розвитком стандарту HTML5 та інших веб-технологій стало можливим використання браузера як редактор векторної графіки — раніше про це можна було тільки мріяти. Для нескладних проектів подібні інструменти економлять багато часу, а якщо взяти на озброєння Inkscape, взагалі можна відмовитися від придбання векторного редактора для потреб дизайну.

Графічні редактори– це інструменти комп'ютера для отримання та обробки графічних зображень: малюнків, картинок, креслень, діаграм, графіків тощо, які виходять на екрані монітора та можуть бути надруковані.

Звертаємо вашу увагу на те, що в сучасних графічних редакторах зазвичай є можливість роботи як з растром, так і з векторними об'єктами. Наприклад, використовувати в растрових редакторах криві Безьє, текстові символи. Проте переважна спрямованість працювати з графікою певного типу зберігається.

Редактори для роботи з векторною графікою:

Adobe Illustratorдозволяє створювати векторні зображення будь-якого рівня складності, використовуючи стандартні в цій галузі інструменти малювання та можливості керування кольором. Зрозумілий інтерфейс та легкий доступ до всіх функцій програми забезпечують професійний рівень контролю всього процесу створення графіки.

Corel Draw– один із найпотужніших пакетів, призначених для створення векторної графіки. За допомогою інструментів CorelDraw можна створювати різні складності ілюстрації, буклети, логотипи тощо. У програмі є засоби редагування кривих, створених з допомогою мишки.

Macromedia FreeHand– унікальне багатосторінкове середовище для створення складних ілюстрацій та макетів для публікації у пресі. На відміну від Adobe Illustrator, програма підтримує роботу з багатосторінковими документами, що дозволяє використовувати її для верстки. Починаючи з одинадцятої версії редактора, в документ можна вставляти SWF-ролики.

Inkscape– векторний редактор, що вільно розповсюджується. Має гнучкі інструменти для малювання, потужний інструмент для роботи з текстом, дозволяє використовувати криві Безьє та Кореня.

Редактори для роботи з растровою графікою

ADOBE PHOTOSHOPє безумовним лідером серед професійних графічних редакторів за рахунок своїх найширших можливостей, високої ефективності та швидкості роботи. У цьому редакторі є всі необхідні засоби для створення, корекції, монтажу та підготовки зображень до друку.

Основне призначення програми – створення фотореалістичних зображень, робота з кольоровими зображеннями, ретушування, корекція кольорів, колажування та ін. Adobe Photoshop має у своєму розпорядженні всі засоби для роботи з точковими зображеннями з можливістю роботи з багатошаровими зображеннями.

PAINT- Простий растровий графічний редактор компанії Microsoft, що входить до складу операційної системи Windows. Відрізняється інтуїтивним та інноваційним інтерфейсом користувача. У нової версії Paint.NET стали доступними засобами для роботи з шарами, а також з'явилися нескінченне скасування дії, спеціальні ефекти та широке розмаїття інших корисних інструментів.

COREL PHOTO-PAINTпризначений для обробки растрових зображень. З його допомогою можна виконувати професійну підготовку зображень для публікації, як у друкованих виданнях, так і в мережі Internet, а також форматі PDF. Має засоби для створення нестандартних інтерфейсів програм, Web-графіки, створення зображень на основі монтажу, колажу, малювання кистями та готовими об'єктами.

Не має такої популярності як Adobe Photoshop, але можна порівняти з ним за технічними можливостями. GIMP- графічний растровий редактор, що вільно розповсюджується, що підтримує більше тридцяти форматів зображень, містить засоби для роботи з шарами, масками, фільтрами і режимами змішування. В арсеналі програми є величезний спектр інструментів для корекції кольору та обробки будь-яких фотографій і зображень. Функціонал графічного редактора можна доповнити численними плагінами і розширеннями, написаними спеціально для GIMP. Зазвичай їх створюють не відомі компанії, а звичайні програмісти, але незважаючи на це, деякі плагіни не мають аналогів навіть у відомих програмах для малювання та обробки фотографій.

GIMP підтримує роботу з фільтрами, пензлями, градієнтами та палітрами. Кисті можуть бути векторними, растровими та анімованими. Є підтримка пензлів Photoshop.

Усі використовують редактори зображень по-своєму. Деякі обробляють фотографії, інші малюють, треті роблять рекламні матеріали. Для кожного завдання потрібен різний інтерфейс.

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

GIMP – програма, створена для мільйонів. Щоб обробляти фотографії, в ній створені численні інструменти, фільтри з зручним інтерфейсомта інформативні панелі. Художникам буде приємно працювати з кистями, які можуть реагувати на силу натискання, напрямок та швидкість руху по полотну.

Як відомо, загальну картину створюють дрібниці, тут дрібних "зручностей" достатньо. Наприклад, при першому ж запуску GIMP сам визначить мову вашої операційної системи і буде з вами спілкуватися рідною мовою.

Так уже повелося, що GIMP – вільна програма. Це означає, що його розробкою займається команда фахівців; ентузіастів, які працюють на добровільних засадах.

GIMP, на відміну від Photoshop, - абсолютно безкоштовний графічний редактор, і завдяки ліцензії GNU GPL, під якою він створюється, його можна копіювати та розповсюджувати без будь-яких обмежень. Його можна використовувати як в освітніх установах, так і будь-яких комерційних організаціях.

Ключові терміни

Комп'ютерна графіка- Це область інформатики, що займається створенням, зберіганням та обробкою різних зображень (малюнок, креслень, мультиплікації) на комп'ютері.

Растрова графіка– спосіб представлення зображень у вигляді сукупності окремих точок (пікселів) різних кольорів чи відтінків.

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

Піксель- Найменший елемент зображення, точка.

Роздільна здатність зображення- ступінь деталізації зображення, число пікселів (крапок), що відводяться на одиницю площі.

Фізичний розмір зображення– висота та ширина зображення у пікселях (для відображення на екрані) або в одиницях довжини (міліметрах, сантиметрах, дюймах) – для друку на папері.

Колірна модель- Опис кольорових відтінків за допомогою змішування декількох основних кольорів.

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

Список ключових термінів наводиться наприкінці кожного модуля. Вони призначені для того, щоб учень зміг перевірити їх засвоєння та дати визначення кожному терміну.

Викладачі використовують список термінів під час усного опитування.

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

Короткі підсумки

Комп'ютерна графіка - це область інформатики, що займається створенням, зберіганням та обробкою різних зображень (малюнок, креслень, мультиплікації) на комп'ютері.

Комп'ютерну графіку поділяють на векторну та растрову.

Під растровим розуміють спосіб представлення зображення як сукупності окремих точок (пікселів) різних кольорів чи відтінків.

У векторной графіці всі зображення описуються як математичних об'єктів – контурів, тобто. зображення розбивається на низку графічних примітивів – точки, прямої, ламаної, дуги, багатокутника.

Обидва способи кодування графічної інформації мають свої особливості і недоліки.

Ступінь деталізації зображення, число пікселів (крапок) відведених на одиницю площі називають роздільною здатністю.

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

Колірні моделі описують відтінки кольорів за допомогою змішування декількох основних кольорів. Будь-який колір можна розкласти на відтінки основних кольорів та позначити його набором цифр – колірних координат.

Колірна модель RGB (Red (червоний), Green (зелений), Blue (синій)).

Для опису конкретного відтінку потрібно описати кількість (інтенсивність) кожного з основних кольорів: спочатку червоного, потім зеленого, потім синього. Наприклад, (240, 160, 25) – помаранчевий колір.

Колірна модель CMYK (Cyan (блакитний), Magenta (пурпуровий), Yellow (жовтий), Black (чорний)).

Модель використовують для отримання поліграфічного відбитку. Колірна модель HSB

Модель HSB (H - Відтінок (hue), S - Насиченість (saturation), B - Яскравість (brightness))

3. Поняття тривимірної графіки. Редактори, які використовуються для створення тривимірних зображень

4.Поняття колірного простору, основні колірні моделі (RGB, CMYK)

5. Поняття графічного формату. Основні графічні формати (GIF, JPEG, PNG), їх відмінні риси, переваги та недоліки

Література

1. Визначення векторної та растрової графіки, основні відмінності, переваги та недоліки

Векторна графіка

Описує зображення з використанням прямих і вигнутих ліній, які називають векторами, а також параметрів, що описують кольори і розташування. Наприклад, зображення деревного листа описується точками, якими проходить лінія, створюючи цим контур листа. Колір листа задається кольором контуру та області усередині цього контуру. Під час редагування елементів векторної графіки змінюються параметри прямих і вигнутих ліній, що описують форму цих елементів. Можна переносити елементи, змінювати їх розмір, форму і колір, але це не вплине на якість їх візуального подання. Векторна графіка залежить від дозволу, тобто. може бути показана у різноманітних вихідних пристроях з різною роздільною здатністю без втрати якості. Векторне уявлення полягає в описі елементів зображення математичними кривими із зазначенням їх кольорів та заповнюваності. Ще одна перевага – якісне масштабування у будь-який бік. Збільшення чи зменшення об'єктів здійснюється збільшенням чи зменшенням відповідних коефіцієнтів у математичних формулах. На жаль, векторний формат стає невигідним під час передачі зображень з великою кількістю відтінків або дрібних деталей (наприклад, фотографій). Адже кожен найменший відблиск у цьому випадку представлятиметься найскладнішою математичною формулою або сукупністю графічних примітивів, кожен з яких є формулою. Найбільш популярними векторними редакторами є Corel Draw, Corel XARA та Adobe Illustration.

Растрова графіка

Якщо векторної графіці базовим елементом зображення є лінія, то растрової графіці - точки, звані пікселі, розташовані на сітці. Растрова графіка залежить від роздільної здатності, оскільки інформація, що описує зображення, прикріплена до сітки певного розміру. При редагуванні растрової графіки якість її подання може змінитися. Зокрема, зміна розмірів растрової графіки може призвести до "розкушування" країв зображення, оскільки пікселі будуть перерозподілятися на сітці. Виведення растрової графіки на пристрої з нижчою роздільною здатністю, ніж роздільна здатність самого зображення, зменшить його якість. Основою растрового представлення графіки є піксель (точка) із зазначенням її кольору. При описі, наприклад, червоного еліпса білому тлі доводиться вказувати колір кожної точки як еліпса, і фону. Зображення представляється у вигляді великої кількостіточок - чим їх більше, тим візуально якісніше зображення та більше розмір файлу. Тобто. одна і та ж картинка може бути представлена ​​з кращою або найгіршою якістю відповідно до кількості точок на одиницю довжини - роздільною здатністю (зазвичай, точок на дюйм - dpi або пікселів на дюйм - ppi). Крім того, якість характеризується ще й кількістю кольорів та відтінків, які може набувати кожна точка зображення. Чим більшою кількістю відтінків характеризується зображення, тим більше розрядів потрібно їх описи. Червоний може бути кольором номер 001, а може і - 00000001. Таким чином, чим якісніше зображення, тим більший розмір файлу. Растрове подання зазвичай використовують для зображень фотографічного типу з великою кількістю деталей або відтінків. На жаль, масштабування таких картинок у будь-який бік зазвичай погіршує якість. При зменшенні кількості точок губляться дрібні деталі та деформуються написи (щоправда, це може бути не так помітно при зменшенні візуальних розмірів самої картинки - тобто збереження дозволу). Додавання пікселів призводить до погіршення різкості та яскравості зображення, т.к. новим точкам доводиться давати відтінки, середні між двома і більш квітами, що межують. Найпоширенішими програмними засобами створення растрових зображень є: Painter компанії Fractal Design, FreeHand компанії Macromedia, Fauve Matisse, PixelPaint Pro компанії Pixel Resources і Photoshop компанії Adobe.

Таким чином, вибір растрового або векторного формату залежить від цілей та завдань роботи із зображенням. Якщо потрібна фотографічна точність кольору, то краще растровий формат. Логотипи, схеми, елементи оформлення зручніше представляти у векторному. Зрозуміло, що і в растровому і векторному поданні графіка (як і текст) виводяться на екран монітора або друкарський пристрій у вигляді сукупності точок. В Інтернеті графіка представляється в одному з растрових форматів, які розуміють браузери без встановлення додаткових модулів- GIF, JPG, PNG.

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

Тенденція розвитку графічних програм полягає у завоюванні тих областей, до роботи з якими вони спочатку не призначалися. Таким чином, растрові та векторні редактори прагнуть зблизитися один з одним за широтою охоплення та потужністю своїх засобів. Наприклад, Adobe Photoshop зараз не є чисто растровим редактором, а CorelDRAW має досить розвинені засоби роботи з растровою графікою.

2. Графічні редактори, що використовуються для створення векторних та растрових зображень

Редактори растрової графіки

Microsoft Paint - простий (або краще сказати - найпростіший) редактор, що входить до стандартного постачання операційних систем Microsoft. Він має набір найпростіших функцій (пензлик, олівець, гумка і т.д.), які дозволяють створювати нехитрі картинки. На жаль, для опрацювання графіки він практично не придатний. Картинку, яку ви бачите праворуч – це більше, на що здатний цей редактор.

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

Пакет пропонує, наприклад, засоби для відновлення пошкоджених зображень, ретушування фотографій або створення найфантастичніших колажів, які тільки можуть дозволити собі уяву. Загалом, потенціал цього пакета справді величезний. Починаючи з версії 5.5 в пакет включена програма Adobe ImageReady, що надають величезні можливості обробки графіки під WEB (оптимізація зображень, створення анімованих gif, "розрізання" картинок на дрібніші і т.д.). Девіз розробників Adobe Photoshop - "Camera of your mind" - передбачає не лише технічну досконалість, а й повну свободу творчості, на яку людина, яка працює з цією програмою, просто приречена.

PhotoPaint - ще один не менш відомий графічний редактор (з пакету Corel Draw) для обробки растрової графіки, який конкурує з Adobe Photoshop. Тут також є всі необхідні інструментидля обробки графіки, різноманітні фільтри, текстури. Різниця лише у зручності роботи, інтерфейсі та швидкості накладання фільтрів - накладання відбувається трохи повільніше.

Painter - редактор надає чудові можливості для емуляції реальних інструментів малювання: графіт, крейда, олія тощо. Також дозволяє імітувати фактуру поверхні матеріалів, живопис, створювати анімацію. Дуже зручний для розробки фонових малюнків або веб-сторінок у стилі живопису. Користуючись цією програмою почуваєшся справжнім художником.

Існує ще низка редакторів (Microsoft Photo Editor, Microsoft Photo DRAW), що також дозволяють реалізувати найпростіші завдання, але не задовольняють запитам професіоналів.

Редактори векторної графіки

Adobe Illustrator - пакет дозволяє створювати, обробляти та редагувати векторну графіку. За своєю потужністю він еквівалентрастровому редактору Adobe Photoshop: має аналогічний інтерфейс, дозволяє підключати різні фільтри та ефекти, розуміє багато графічних форматів, навіть такі як .cdr (Corel Draw) та .swf (Flash).

CorelDraw - безумовно, такий відомий графічний пакет було неможливо обійтися без засобів обробки векторної графіки. Пакет за своєю потужністю практично не поступається графічним редакторам Adobe Photoshop та Adobe Illustrator. Крім обробки векторної графіки, у цьому пакеті існує обробник растрової графіки (Photo Paint), трасувальник зображень, редактор шрифтів, підготовки текстур та створення штрих-кодів, а також величезні колекції із зображеннями (CorelGallery). Adobe Streamline - ще один продукт фірми Adobe, призначений для трасування (переведення) растрової графіки у векторну. Це невеликий, але дуже корисний та потужний продукт. Особливо корисний, якщо ви створюєте Web-сторінки за допомогою векторної графіки, наприклад, технології Flash.

Концепція тривимірної графіки. Редактори, які використовуються для створення тривимірних зображень

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