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

ЛАБОРАТОРНА РОБОТА №2

"Обробка растрових та векторних зображень для Web"

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

· уведення в комп'ютерну графіку;

· основи олі фіг [Б1] графічним редактором CorelDraw

Для захисту лабораторної роботи студент повинен в срок та в повному об'ємі відпрацювати п.п. 1-3 завдання та подати викладачу наступні результати:

1. web-сторінку з результатом виконання 1-го етапу;

2. малий герб у форматі GIF, поліфігуру у форматі GIF, банер у форматі JPG.

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

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

Загальні методичні вказівки

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

· векторний

· растровий

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

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

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

Формат GIF

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

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

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

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

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

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

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

Формат JPG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

УВАГА. Методичні вказівки для виконання цього завдання наведено у навчально-методичному виданні "ОСНОВИ WEB – ДИЗАЙНУ. Тема: "Обробка векторних зображень в CorelDraw”. Методичні вказівки та індивідуальні завдання до лабораторних занять. Автори: Барміна В.А., Стратанович Т.Е., Цензура М.О., Шклярський С.М..

Таблиця 1. Індивідуальні завдання для роботи з векторною графікою

Варіант 1	Варіант 2	Варіант 3

Варіант 4	Варіант 5	Варіант 6

Варіант 7	Варіант 8	Варіант 9