Комп’ютерна графіка

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

CorelDraw X3

ПОСІБНИК ДЛЯ ЛАБОРАТОРНО-ПРАКТИЧНИХ ЗАНЯТЬ

ЧАСТИНА 6

Фрагмент методического пособия представлен для ознакомления с продукцией Электронного магазина

МЕТОДИЧКА http://metodichka.com.ua/

МЕТОДИЧКА - Лучшие пособия для самостоятельного

практического обучения!

Тема 11. Перетворення векторних зображень на растрові ..................... Експорт файлів до растрового формату GIF ........................................ Вправа 11.1. Експорт файлів Corel Draw із векторного формату *.cdr до растрового формату *.gif. .......................................................

Експорт файлів до растрового формату JPEG ..................................... Вправа 11.2. Експорт файлів Corel Draw із векторного формату *.cdr до растрового формату *.jpg. ......................................................

Експорт файлів до растрового формату PNG ...................................... Вправа 11.3. Експорт файлів Corel Draw із векторного формату *.cdr до растрового формату *.png. .....................................................

Експорт файлів до растрового формату TIFF ...................................... Вправа 11.4. Експорт файлів Corel Draw із векторного формату *.cdr до растрового формату *.tif ......................................................... На цьому занятті ми розглянули... .......................................................

Тема 12. Підготовка зображень до публікації у мережі Інтернет ......... Вправа 12.1. Перетворення файлів формату *.cdr для публікації в Інтернет. ................................................................................................. На цьому занятті ми розглянули... .......................................................

ТЕМА 11. ПЕРЕТВОРЕННЯ ВЕКТОРНИХ ЗОБРАЖЕНЬ

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

Експорт файлів до растрового формату GIF

Вправа 11.1. Експорт файлів Corel Draw із векторного формату *.cdr до растрового формату *.gif. У цій вправі ми розглянемо процедуру підготовки зображення для використання у мультимедійній презентації. Тобто результуюче зображення буде призначене для демонстрації на екрані монітору. Звідси слідує, що розмір результуючого зображення повинен бути меншим за розміри активної області екрану монітору (інакше зображення не буде повністю видно), а роздільна здатність зображення має бути 72 або 96 dpi (dot per inch – точок на дюйм), відповідно до роздільної здатності моніторів сучасних комп’ютерів. Глибина кольору (кількість кольорів у палітрі зображення) буде залежати від особливостей зображення та обраного растрового формату. Для виконання вправи використаємо файл juggler.cdr, який входить до складу стандартної поставки програми Corel Draw. Звичайно, файл juggler.cdr зберігається у папці за адресою

C:\Program_Files\Corel\ CorelDraw_Graphics_Suitle_13\Draw\Samples\Sample_2 1. Відкрийте файл Sample_2 (Файл>Открыть…) і збережіть його у свою робочу папку під назвою Мій малюнок.cdr (Файл>Сохранить как…). Далі у цій вправі працюємо виключно із файлом Мій малюнок.cdr

2. Розмір растрових зображень, призначених для перегляду на екрані монітора, зручно вимірювати у пікселях. Активізуйте інструмент Указатель і, не виділяючи зображення, на панелі властивостей у полі Единицы измерения: встановіть одиниці вимірювання пкс (піксели). Тепер можна побачити, що розмір робочого аркушу, на якому розміщено дане зображення, складає 3300х2550 пкс (формат А4, альбомний).

3. Щоб взнати розмір самого зображення, виділіть його інструментом Указатель, і прочитайте розміри об’єкту на панелі властивостей – вихідний розмір зображення складає 3894х2896 пкс. G Примітка: Для порівняння: екран 17-дюймового монітору у стандартному режимі має розмір 1024х760 пкс. При цьому порівнянні треба врахувати, що роздільна здатність зображень у

форматі CorelDraw складає 300 dpi, а стандартна роздільна здатність екранів моніторів різних типів 72 або 96 dpi. Зображення для мультимедійного перегляду рекомендується зберігати з роздільною здатністю 72 або 96 dpi. Тобто, якщо перетворене зображення буде мати роздільну здатність 72 dpi, а роздільна здатність вихідного зображення 300 dpi, то реальні

розміри зображення після перетворення зменшаться у 24,0

30072

=

рази. Звичайно і дане зображення після перетворення матиме розміри приблизно 936х696 пкс (3894*0,24≈936, 2896*0.24≈696).

4. Щоб розпочати перетворення даного зображення із формату *.cdr до растрового формату *.gif виконайте команду Файл⇒Экспорт… – відкриється діалогове вікно Экспорт:

5. У вікні Экспорт:

• у полі Папка: перейдіть у свою робочу папку; • у списку Тип файла: виберіть значення GIF – растровое изображение CompuServe Bitmap;

• клацніть кнопку Экспорт – відкриється діалогове вікно Преобразование в растровое изображение;

6. У вікні Преобразование в растровое изображение:

• у списку Цветовой режим: виберіть Палитра (8 бит); • у списку одиниць виміру встановіть піксели; • Разрешение – 72 dpi (результуюче зображення призначене для перегляду тільки на екрані монітора). Значення у лічильниках Ширина та Высота встановляться автоматично – 936 та 696 відповідно (як і було розраховано вище!).

G Примітка: Якщо результуюче зображення призначене виключно для перегляду на екрані монітора, то встановлюйте значення параметру Разрешение 72 dpi або 96 dpi. Якщо зображення призначене для якісного друку на лазерному принтері, то значення параметру Разрешение повинно бути не менше, ніж 200 dpi. Якщо зображення призначене для поліграфічного друку (у типографії), то його роздільну здатність встановлюйте рівною 300 dpi.

7. Далі клацніть кнопку ОК – відкриється діалогове вікно Преобразование в палитру:

8. У вікні Преобразование в палитру є три вкладники. На вкладниці Параметры встановіть наступні значення: • Палитра виберіть значення Адаптивный; • Смешивание – алгоритм Флойд-Штайнберг; • Интенсивность смешивания – 100; • Цвета (кількість кольорів у палітрі зображення) – 256. При встановленні параметрів експорту спостерігайте, як змінюється якість перетвореного зображення (у лівому вікні перегляду – оригінальне зображення, у правому – перетворене зображення). G Примітка: Значення параметрів на вкладниці Параметры визначається шляхом підбору і залежить від особливостей оригінального зображення. Параметри встановлюються таким чином, щоб у вікні перегляду одержати найкращу якість результуючого зображення. Спробуйте встановлювати інші значення параметрів і спостерігайте при цьому, як змінюється якість результуючого зображення.

9. Для подальшого перетворення клацніть кнопку ОК – відкриється діалогове вікно Экспорт GIF (експорт у формат GIF). Вікно Экспорт GIF надає можливість призначити один з кольорів зображення прозорим кольором. Тобто, ті частини малюнку, які мають колір, що буде призначений прозорим, після перетворення стануть прозорими, і якщо надалі перетворене зображення буде розміщене на кольоровому фоні, то цей фон буде видно крізь прозорі частини зображення.

10. Щоб зробити один з кольорів зображення прозорим, треба встановити перемикач Цвет изображения на панелі Прозрачность, увімкнути кнопку із зображенням піпетки, і клацнути мишею, на обраному кольорі у лівому вікні перегляду, де подано оригінал зображення – обраний колір стає прозорим. Це буде видно у правому вікні перегляду, якщо увімкнути кнопку Просмотр.

11. Щоб відмовитися від встановлення прозорого кольору увімкніть перемикач Нет на панелі Прозрачность.

12. Натисніть кнопку ОК – перетворений файл у форматі GIF буде збережено у задану папку.

13. Відкрийте робочу папку, куди був збережений перетворений GIF-файл Мій малюнок.gif

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

• Розмір файлу – 248 КБ • Розмір зображення – 936х696 пкс. G Висновок: Одержаний файл занадто великий для мультимедійної презентації: він має занадто велику висоту, і його неможливо буде повністю розглянути на поширеному 15-дюймовому моніторі, якій має стандартні розміри 800х600 пкс.

15. Щоб одержати зображення меншого розміру, більш придатне для використання, як елемент мультимедійної презентації, є два шляхи: (1) – можна зменшити геометричні розміри зображення перед тим, як виконати процедуру експорту, (2) – можна зменшити геометричні розміри зображення у процесі експорту. Випробуємо першій спосіб – зменшення геометричних розмірів оригінального зображення перед тим, як виконати експорт. Поставимо завдання: на основі даного оригінального зображення одержати результуюче зображення шириною 160 пкс (пропорційна висота зображення встановиться автоматично). Виконаємо попередні розрахунки: обчислимо користуючись програмою Калькулятор, якими повинні бути розміри початкового зображення, щоб одержати результуюче зображення шириною 160 пкс. Оскільки співвідношення роздільної здатності вихідного та

результуючого зображення рівне 24,0

30072

=, то ширина

вихідного зображення має бути 667

24,0160

≈ пкс.

16. У вікні CorelDraw інструментом Указатель виділіть зображення. На панелі властивостей відтисніть кнопку режиму пропорційної зміни розмірів і встановіть значення ширини зображення рівне 667 пкс. Висота зображення зміниться пропорційно, і автоматично прийме значення 491 пкс.

17. Виконайте експорт зменшеного зображення у формат GIF, як було описано вище. Файлу експортованого зображення дайте ім’я Мій малюнок_2.gif

18. Відкрийте Проводник і проконтролюйте властивості файлу Мій малюнок_2.gif: порівняйте розмір файлу із розміром попереднього файлу Мій малюнок.gif.

19. Випробуємо другий спосіб – зменшення геометричних розмірів зображення у процесі експорту. Нехай знову на основі даного оригінального зображення необхідно одержати результуюче зображення шириною 160 пкс. Відкрийте оригінальне зображення у файлі Мій малюнок.cdr

20. Не змінюючи розмірів зображення розпочніть процедуру експорту командою Файл⇒Экспорт… – відкриється діалогове вікно Экспорт: • у полі Папка: перейдіть у свою робочу папку; • у списку Файлы типа: виберіть значення GIF – CompuServe

Bitmap; • файлу дайте ім’я Мій малюнок_3.gif • клацніть кнопку Экспорт, щоб відкрити діалогове вікно Преобразование в растровое изображение:

21. У вікні Преобразование в растровое изображение: • проконтролюйте встановлення прапорцю Сохранять пропорции; • встановіть значення у лічильнику Ширина рівне 160, у лічильнику Высота автоматично встановилося пропорційне значення рівне 118.

22. Закінчіть процедуру експорту, як було описано вище. 23. Відкрийте робочу папку, куди був збережений перетворений файл Мій малюнок_3.gif • Розмір файлу – 13 Кб • Розмір зображення – 160х118 пкс при глибині кольору 256 кольорів.

G Висновок: Одержане зображення має заданий формат і розмір, зручний для використання у мультимедійній презентації.

24. Перегляньте створені файли за допомогою програми, встановленої на вашому комп’ютері. Для цього дайте команду на відкриття файлу з Проводника. На малюнку подано зображення відкритого файлу Мій малюнок.gif у вікні Программы просмотра зображений и факсов :

С нашим методическим пособием Вы легко освоите профессиональные приёмы преобразования векторных

изображений в растровые. Приобретайте наши методические пособия!

МЕТОДИЧКА http://metodichka.com.ua/

ТЕМА 12. ПІДГОТОВКА ЗОБРАЖЕНЬ ДО ПУБЛІКАЦІЇ У

МЕРЕЖІ ІНТЕРНЕТ Публікація зображень в Інтернет має свої особливості і вимагає попередньої підготовки. Насамперед, треба знати, що статичні зображення в Інтернеті публікують в одному з трьох портативних растрових графічних форматів: *.gif, *.jpg або *.png. Кожен з цих форматів призначений для публікації зображень різних типів, але всі вони забезпечують значне стискання графічної інформації, що дозволяє швидко завантажувати зображення з Інтернету навіть через низько швидкісні модемні з’єднання, які мають дуже обмежену пропускну здатність. CorelDraw, як і всі сучасні графічні редактори професійного рівня, має розвинуті засоби підготовки зображень до публікації в Інтернет, які дозволяють перетворювати файли векторної графіки всіх форматів, з якими працює CorelDraw, у файли портативної растрової графіки у форматах *.gif, *.jpg або *.png, які придатні для публікації в Інтернеті Вище вже були розглянуті приклади експорту файлів CorelDraw у растрові графічні формати. Всіма розглянутими процедурами можна користуватися для підготовки векторних зображень для розміщення в Інтернет. До файлів, що призначені для публікації в Інтернет, висувається одна головна вимога – розмір файлу має бути якомога меншим. Вважається, що прийнятний розмір файлу зображення складає не більше 30-50 Кб. Отже, задача підготовки зображень для публікації в Інтернет полягає в тому, що необхідно одержати зображення із заданими геометричними розмірами, але таке, що має достатню якість і, разом з тим, невеликий розмір файлу.

Вправа 12.1. Перетворення файлів формату *.cdr для публікації в Інтернет. Для виконання вправи використаємо файл Samples1.cdr, який входить, як приклад, до складу стандартної поставки програми

CorelDraw13. Звичайно, файл Samples1.cdr зберігається у папці за адресою C:\Program_Files\Corel\ CorelDraw_Graphics_Suitle_13\Draw\Samples

1. Відкрийте файл Samples1.cdr (Файл⇒Открыть…) і збережіть його у свою робочу папку під назвою Моя робота.cdr (Файл⇒Сохранить как…). Далі у цій вправі працюємо виключно із файлом Моя робота.cdr

G Примітка: Зображення у файлі Моя робота.cdr призначене для навчальних цілей, тому його окремі елементи можуть бути розгрупованими. Якщо це так, тоді перед початком роботи виділіть все зображення і згрупуйте його. Це зробить подальшу роботу із цим зображенням більш зручною.

2. Активізуйте інструмент Указатель і, не виділяючи зображення, встановіть на панелі властивостей у полі Единицы измерения: одиниці вимірювання пиксели. Тепер можна побачити, що розмір робочого аркушу, на якому розміщено дане зображення, складає 2550х3300 пкс.

3. Щоб взнати розмір самого зображення, виділіть його інструментом Указатель, і прочитайте розміри об’єкту на панелі властивостей – вихідний розмір зображення складає 3809х3305 пкс. G Примітка: Роздільна здатність растрових зображень для Інтернету має бути рівною 72 або 96 dpi, оскільки вони призначені виключно для перегляду на екрані моніторів комп’ютерів. Тобто, якщо перетворене зображення, яке призначене для Інтернету, буде мати роздільну здатність 72 dpi, а роздільна здатність вихідного (оригінального) зображення рівна 300 dpi, то розміри зображення

після перетворення зменшаться у 24,0

30072

= рази. Дане

зображення після перетворення матиме розміри приблизно 915х793 пкс (3809*0,24≈915; 3305*0,24≈793).

4. Щоб розпочати підготовку зображення для публікації в Інтернет, виконайте команду Файл⇒Публикация в Интернет⇒Оптимизатор Web-изображения

– відкриється діалогове вікно Оптимизатор Web-изображения, яке поділено на дві половини. Як у лівій, так і у правій половині зараз подано вихідне (оригінальне зображення):

5. Ознайомтеся з будовою вікна Оптимизатор Web-изображения та його основними елементами управління. ü Верхня частина вікна Оптимизатор Web-изображения містить: § список можливих варіантів швидкості, при якій зображення розміщене в Інтернеті буде завантажуватися для перегляду на локальному комп’ютері користувача;

§ список, якій дозволяє змінювати масштаб перегляду документу;

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

ü Середня частина вікна Оптимизатор Web-изображения містить вікна перегляду зображення. На малюнку їх два, і зараз як у лівому, так і у правому вікні перегляду подано одне й те саме оригінальне зображення, але вже після його перетворення до роздільної здатності 72 dpi.

ü Нижня частина вікна Оптимизатор Web-изображения містить: відомості про розмір файлу зображення, розмір файлу, даний в % від розміру вихідного файлу, геометричні розміри зображення (у пікселах) та відомості про час, який потрібен для повного завантаження даного зображення з Інтернету при заданій швидкості з’єднання з Інтернетом (у секундах):

§ Розмір файлу: 438 Кб (роздільна здатність 72 dpi !); § Розмір файлу в % від оригіналу: зараз 100% (файл ще не був підданий стисканню);

§ Геометричні розміри зображення: 340х440 пкс; § Час завантаження з Інтернету при заданій швидкості з’єднання 14,4 Kb/c рівний 243,49 с.

6. Перейдіть у чотирьохвіконний режим перегляду, і увімкніть кнопку Просмотр у нижній частині вікна Оптимизатор Web-изображения.

7. У списку, що пропонує можливі варіанти швидкості з’єднання з Інтернетом виберіть значення 33,6 К (це типове значення для „домашнього” підключення до Інтернету через модем).

8. Збільшить масштаб перегляду зображення. Встановіть його рівним 200%. Так буде зручніше порівнювати якість результуючого зображення у різних форматах *.gif, *.jpg або *.png

9. Під кожним з чотирьох вікон перегляду є група елементів управління, яка містить список вибору формату, список вибору варіантів формату та кнопку Дополнительно (додаткові параметри) відкриває діалогове вікно для більш точного налагодження параметрів перетворення:

Список Вибір формату пропонує п’ять можливих варіантів: § По касательной – оригінальне зображення § Gif – дане зображення у форматі GIF § Jpeg – дане зображення у форматі JPEG § Png8 – дане зображення у форматі PNG (8 розрядів – глибина кольору 8 біт, т.т. палітра зображення містить 256 кольорів)

§ Png24 – дане зображення у форматі PNG (24 розряди – глибина кольору 24 біт, т.т. палітра зображення містить 65536 кольорів)

Встановіть для всіх чотирьох вікон перегляду різні формати: для лівого верхнього – Gif для правого верхнього – Jpeg для лівого нижнього – Png8 для правого нижнього – Png24

10. Оцініть якість зображення та порівняйте його характеристики для різних растрових форматів:

Формат файлу

Оцінка за якість

зображення (макс. 5 балів)

Розмір файлу, КВ

Час завантаження з Інтернету, с

Gif 3 43,4 10,32

Jpeg 1 37,1 8,82

Png8 3 47,0 11,18

Png24 4 129 30,89

G Примітка: Якість зображення оцінюється суб’єктивно („на око”). Тому при порівнянні якості зображення краще перейти до більшого масштабу. Щоб переглянути окремі деталі зображення у великому масштабі, перетягуйте мишею зображення у лівому верхньому вікні перегляду. Зображення в усіх інших вікнах перегляду будуть рухатися синхронно.

З наведеної таблиці зробіть висновки, що до розміщення в Інтернет, на власний розсуд. Враховуйте розмір зображення, кольорову гаму зображення, а також час завантаження файлу з Інтернет.

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

12. Якщо якість результуючого зображення задовільна, натисніть кнопку OK. G Примітка: Перед натисненням кнопки ОК, проконтролюйте, щоб виділеними червоною рамкою була група елементів правого вікна (тобто призначеного для збереження формату)

13. Відкриється вікно Сохранить Web-изображение на диск. У цьому вікні вкажіть папку, куди необхідно зберегти перетворений файл і натисніть кнопку Сохранить – файл буде збережено у вказану папку під назвою Моя робота. Тип формату файлу буде пропонований автоматично.

14. Відкрийте Проводник і оцініть параметри щойно створеного файлу: розміри та роздільну здатність.

Відрийте файл у програмі перегляду, яка встановлена на вашому комп’ютері. Для цього з Проводника відкрийте файл подвійним клацанням. Оцініть якість зображення файлу.

Ваш надёжный помощник и учитель

http://metodichka.com.ua/

МЕТОДИЧКА – Электронный магазин учебно-методической литературы