3.1. Загальні методичні рекомендації

Усі графічні дані в комп’ютері можуть бути представлені у двох форматах:

• векторному;

• растровому.

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

Растровий формат улаштован простіше – він представляє собою прямокутну матрицю (bitmap) розділену на маленькі квадратики – піксели (pixel – picture element). Растрові файли різняться між собою властивістю нести додаткову інформацію: різноманітні колірні моделі, прозорість, інтерлін’яж (черезстрокова підгрузка), анімацію та ін.

Для використання в Web застосовується два основних растрових формата – GIF і JPG. Нині застосовується новий формат для web-графіки під назвою PNG, але він поки ще мало розповсюджений і не всі браузери його інтерпретують.

Формат GIF:

1. Підтримує не більше 256-ти кольорів.

2. Використовує стискання без втрати інформації і, отже, GIF-файли практично не стискаються.

3. Підтримує черезстрокове розгорнення.

4. Є потоковим форматом, тобто показ картинки починається під час перекачування.

5. Дозволяє надати кожному з кольорів у палітрі атрибут прозорос­ті, що застосовується при створенні так званих прозорих GіFів.

6. Зберігає в одному файлі декількох зображень, що застосовується при виготовленні анімованих зображень.

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

Формат JPG:

1. Дозволяє зберігати повнокольорові зображення з кількістю кольо­рів 16,7 млн (або 24bpp), причому, якщо в малюнку менше кольорів, то перед збереженням файла він перетвориться на повнокольорове зображення.

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

3. Підтримує прогресивне розгорнення, тобто зображення з’явля­ється спочатку з поганою якістю і в процесі завантаження поступово поліпшується.

4. Головне призначення формату JPG – збереження зображень фото­графічної якості.

3.2. Практичне завдання та технологія його виконання

Лабораторна робота передбачає виконання таких етапів:

1. Створення поліфігури засобами векторної графіки відповідно до індивідуального завдання.

2. Обробка растрового зображення для публікації у web. Створення банера лабораторного проекту.

3. Обробка векторного зображення для публікації у web засобами пакета CorelDraw.

1. Робота з векторною графікою

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

Для створення поліфігури необхідно виконати такі дії:

1. Запустити графічний редактор CorelDraw та налагодити пара­метри сторінки.

2. За допомогою графічних примітивів та кривих Безьє побудувати поліфігуру згідно із завданням. Використати для цього операції з векторними об’єктами та простіші ефекти.

3. Використовуючи функцію Подгонка текста, розмістити своє ім’я та прізвище відповідно до індівідуального завдання.

4. Зберегти створений малюнок у форматі .cdr у своїй папці на файловому сервері.

УВАГА! Методичні рекомендації для виконання цього завдання наведено у навчально-методичному виданні «Основи web-дизайну» у темі «Обробка векторних зображень в CorelDraw».^

Таблиця 1