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

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

Corel DRAW 10

Посібник для практичних занять

Частина 6

Комп’ютерна графіка. Corel Draw 10: Посібник для практичних занять. Частина 6. – 36 c. Ці методичні вказівки є складовою комплексу навчальних посібників для практичних занять з вивчення популярної програми для роботи з векторною графікою Corel Draw 10. У шостій частині комплексу вивчаються способи перетворення векторних зображень на растрові та підготовка зображень для публікації в Інтернет. У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування програми Corel Draw 10. © НМЦ ПОЛИТЕХ Ніяка частина цього видання не може бути тиражована у будь-який спосіб без письмового дозволу правовласників. ® Методичка http://metodichka.com.ua/

ЗМІСТ Тема 11 ............................................................................................................ 4

Перетворення векторних зображень на растрові................................. 4

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

Вправа 11.1. Експорт файлів Corel Draw із векторного формату

*.cdr до растрового формату *.gif...................................................... 4

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

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

*.cdr до растрового формату *.jpg. ..................................................12

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

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

*.cdr до растрового формату *.png. .................................................15

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

Вправа 11.4. Експорт файлів Corel Draw із векторного формату

*.cdr до растрового формату *.tif.....................................................18

На цьому занятті ми розглянули......................................................20

Тема 12 ..........................................................................................................21

Підготовка зображень до публікації у мережі Інтернет...................21

Вправа 12.1. Перетворення файлів формату *.cdr для публікації

в Інтернет. .............................................................................................21

На цьому занятті ми розглянули..........................................................

ТЕМА 11 ПЕРЕТВОРЕННЯ ВЕКТОРНИХ ЗОБРАЖЕНЬ НА РАСТРОВІ Розглянемо процедуру експорту векторних зображень у растрові формати на прикладах.

Експорт файлів до растрового формату GIF Вправа 11.1. Експорт файлів Corel Draw із векторного формату

*.cdr до растрового формату *.gif.

1. Щоб взнати розмір самого зображення, виділіть його інструментом Указатель, і прочитайте розміри об’єкту на панелі властивостей – вихідний розмір зображення складає 1749х2625 пкс. Примітка: Для порівняння: екран 17-дюймового монітору у стандартному режимі має розмір 1024х760 пкс. При цьому порівнянні треба врахувати, що роздільна здатність зображень у форматі CorelDraw складає 300 dpi, а стандартна роздільна здатність екранів моніторів різних типів 72 або 96 dpi.

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

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

30072

=

рази. Тобто дане зображення після перетворення матиме розміри приблизно 420х630 пкс ( 42024,01749 ≈⋅ , 63024,02625 ≈⋅ ).

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

3. У вікні Экспорт: у полі Папка: перейдіть у свою робочу папку; у списку Файлы типа: виберіть значення GIF – CompuServe Bitmap; клацніть кнопку Экспорт – відкриється діалогове вікно Экспорт картинки

4. У вікні Экспорт картинки у списку Цвет: виберіть Палитра (8 разрядов); Размер – 1х1 Разрешение – 72 dpi (результуюче зображення призначене для перегляду тільки на екрані монітора). Значення у лічильниках Ширина та Высота встановляться автоматично – 422 та 632 відповідно (як і було розраховано вище!). Примітка: Якщо результуюче зображення призначене для виключно для перегляду на екрані монітора, то встановлюйте значення параметру Разрешение 72 dpi або 96 dpi. Якщо зображення призначене для якісного друку на лазерному принтері, то значення параметру Разрешение повинно бути не менше, ніж 200 dpi. Якщо зображення призначене для поліграфічного друку (у типографії), то його роздільну здатність встановлюйте рівною 300 dpi.

5. Далі клацніть кнопку ОК – відкриється діалогове вікно Convert to Paletted (Перетворення до палітри):

6. У вікні Convert to Paletted є три вкладники. На вкладниці Options (Параметри) встановіть значення параметрів експорту, як показано на малюнку вище, а саме: Palette (Палітра): виберіть значення Adaptive (Адаптивна); Dithering (Спосіб згладжування) – Floyd-Steiberg (алгоритм Флойда-Штайнберга); Dither Intensity (Інтенсивність згладжування) – 100% Colors (Кольори – кількість кольорів у палітрі зображення) – 256. При встановленні параметрів експорту спостерігайте, як змінюється якість перетвореного зображення (у лівому вікні перегляду – оригінальне зображення, у правому – перетворене зображення). Примітка: Значення параметрів на вкладниці Options визначається шляхом підбору і залежить від особливостей оригінального зображення. Параметри встановлюються таким чином, щоб у вікні перегляду одержати найкращу якість

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

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

8. Щоб зробити один з кольорів зображення прозорим, треба встановити перемикач Image Color (Колір зображення) на панелі Transparensy (Прозорість), увімкнути кнопку із зображенням піпетки, і клацнути мишею, на обраному кольорі у лівому вікні перегляду, де подано оригінал зображення – обраний колір стає прозорим. Це буде видно у правому вікні перегляду, якщо увімкнути кнопку Preview (Перегляд).

9. Щоб відмовитися від встановлення прозорого кольору увімкніть перемикач None (Немає) панелі Transparensy.

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

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

12. Спробуйте відкрити файл my_juggler.gif подвійним клацанням на значку файлу – автоматично запуститься одна з програм, асоційованих із файлами формату GIF з числа графічних програм встановлених на комп’ютері. Користуючись можливостями цієї програми встановіть розмір файлу. На малюнку подано зображення відкритого файлу my_juggler.gif у вікні спеціальної програми перегляду файлів ACDSee 6.0:

13. У рядку стану програми ACDSee 6.0 (у нижній частині вікна програми) можна прочитати властивості відкритого файлу: Розмір файлу – 158,4 КВ Розмір зображення – 422х632 пкс при глибині кольору 256 кольорів.

На малюнку – відкритий файл my_juggler_2.gif у вікні програми перегляду файлів ACDSee 6.0 Розмір файлу – 30,1 КВ Розмір зображення – 162х242 пкс при глибині кольору 256 кольорів.

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

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

клацніть кнопку Экспорт, щоб відкрити діалогове вікно Экспорт картинки:

16. У вікні Экспорт картинки: Встановіть значення у лічильнику Ширина рівне 160. При цьому, поруч із лічильником активізується кнопка із зображенням „замочка”. Увімкніть цю кнопку, щоб у лічильнику Высота автоматично встановилося пропорційне значення рівне 239.

17. Закінчіть процедуру експорту, як було описано вище. 18. Відкрийте робочу папку, куди був збережений перетворений файл my_juggler_3.gif

19. Відкрийте файл my_juggler_3.gif подвійним клацанням на значку файлу. Встановіть розмір файлу. На малюнку подано зображення відкритого файлу my_juggler_3.gif у вікні програми ACDSee 6.0:

20. У рядку стану програми ACDSee 6.0 (у нижній частині вікна програми) зазначено властивості відкритого файлу: Розмір файлу – 28,1 КВ Розмір зображення – 160х239 пкс при глибині кольору 256 кольорів. !!! Висновок: Одержане зображення має заданий формат і розмір, зручний для використання у мультимедійній презентації.

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

*.cdr до растрового формату *.jpg.

1. Відкрийте файл my_juggler.cdr (Файл⇒Открыть…) із своєї робочої папки.

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

3. У діалоговому вікні Экспорт виберіть у списку Файлы типа: значення JPG – JPEG Bitmaps і перейдіть далі, натиснувши кнопку Экспорт.

4. У діалоговому вікні Экспорт картинки встановить параметри експорту: Цвет – RGB (24 разряда) увімкніть прапорець Сглаживание Ширина – 160 пкс Высота – 239 пкс (встановиться автоматично) Разрешение – 72 dpi (плануємо екранну презентацію зображення)

Примітка: Для параметру Цвет при експорті у формат *.jpg можна встановити максимальне значення рівне 24 розряду (проти 8 розрядів при експорті у формат *.gif). Отже, формат JPEG дозволяє зберігати більшу кількість відтінків кольору у зображенні, ніж формат GIF.

5. Перейдіть далі, натиснувши кнопку ОК. 6. У діалоговому вікні JPEG Export увімкніть кнопку Preview

(Попередній перегляд) і встановіть такі параметри експорту: Encoding Method (Метод кодування) – Progressive (Прогресивний)

Properties (Властивості): Compression (Степінь стискання) – 10 Smothing (Згладжування переходу кольорів) – 10 Ці параметри впливають на розмір файлу та якість результуючого зображення. Спробуйте встановити інші властивості. Спостерігайте, як змінюється розмір результуючого файлу (File Size) та якість зображення у вікні перегляду.

7. Натисніть кнопку ОК, щоб закінчити процедуру експорту і зберегти результуючий файл my_juggler.jpg

8. Відкрийте файл my_juggler.jpg. Перегляньте якість зображення і розмір файлу. Маємо: Розмір файлу – 22,1 КВ Розмір зображення – 160х239 пкс при глибині кольору 24 bit, що відповідає кількості 65536 кольорів.

!!! Висновок: Якщо зображення містить плавні переходи кольорів (градієнти кольору), то при перетворенні зображення у растровий формат краще обирати формат JPEG, якій зберігає більшу кількість кольорів і створює результуючий файл меншого розміру. Формат JPEG не підтримує прозорих кольорів, і тому, у випадку, коли один з кольорів зображення необхідно призначити прозорим (щоб зображення краще виглядало на фоні основи), доводиться використовувати формат GIF або наступний формат PNG. Експорт файлів до растрового формату PNG

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

Формат *.png – це відносно новий портативний растровий формат, який поєднує переваги форматів GIF та JPEG. Він так само підтримує прозорі кольори, як формат GIF, та зберігає більшу кількість кольорів у зображенні, як формат JPEG. При цьому файли растрових зображень у форматі PNG мають також достатньо малі розміри. 1. Відкрийте діалогове вікно Экспорт командою Файл⇒Экспорт… 2. У списку Файлы типа: виберіть значення PNG – Portable

Network Graphics і перейдіть далі, натиснувши кнопку Экспорт.

3. У діалоговому вікні Экспорт картинки встановить параметри експорту: Цвет – RGB (24 разряда) увімкніть прапорець Сглаживание Ширина – 160 пкс Высота – 239 пкс (встановиться автоматично) Разрешение – 72 dpi (пам’ятаємо, що готуємо зображення до екранної презентації)

Як бачимо, в цьому випадку, можна встановити глибину кольору 24 розряду, як при експорті у формат JPEG, але на відміну від експорту у JPEG, активізувався параметр Прозрачный фон:

4. Натисніть кнопку ОК, щоб перейти у діалогове вікно PNG Export. Це вікно, як і вікно експорту у формат GIF, надає можливість призначити один з кольорів зображення прозорим:

5. Встановіть параметри експорту зображення у вікні PNG Export, і натисніть кнопку ОК, щоб завершити процедуру експорту – у робочу папку буде збережено файл my_juggler.png

6. Відкрийте файл my_juggler.png, перегляньте якість зображення та властивості файлу. Порівняйте їх із властивостями файлів my_juggler_3.gif та my_juggler.png.

7. При показаних на малюнку вище параметрах експорту, маємо одержати: Розмір файлу – 68,7 КВ Розмір зображення – 160х239 пкс при глибині кольору 24 bit, що відповідає кількості 65536 кольорів.

8. Самостійно зробіть висновки.

Експорт файлів до растрового формату TIFF Вправа 11.4. Експорт файлів Corel Draw із векторного формату

*.cdr до растрового формату *.tif Необхідність перетворення векторного зображення на растрове зображення формату *.tif виникає, коли необхідно передати закінчену роботу у типографію, і при цьому зберегти високу якість зображення. 1. Відкрийте діалогове вікно Экспорт командою Файл⇒Экспорт… 2. У списку Файлы типа: виберіть значення TIF – TIFF Bitmap; у списку Тип сжатия: встановіть значення Uncompressed (Без стискання) і перейдіть далі, натиснувши кнопку Экспорт. Примітка: У списку Тип сжатия: пропонуються й інші види стискання зображення. Якщо скористатися будь-яким з запропонованих варіантів, це дасть змогу зменшити розмір результуючого файлу, але за рахунок часткової втрати якості зображення, що неприйнятно для поліграфії. Наприклад, варіант LZW Compression – це алгоритм стискання зображення, аналогічний тому, якій застосовується при експорті до формату GIF.

3. У діалоговому вікні Экспорт картинки встановить наступні параметри експорту: Цвет – CMYK (32 разряда) (Растрові зображення, призначені для друку у типографії необхідно створювати у кольоровій моделі , яка забезпечує можливість відтворення близько 16,7 млн. кольорів – 32 розряди)

4. Натисніть кнопку ОК, щоб завершити процедуру експорту – у робочу папку буде збережено файл my_juggler.tif

5. Відкрийте файл my_juggler.tif, перегляньте якість зображення та властивості файлу. Порівняйте їх із властивостями файлу my_juggler.gif.

6. При встановлених вище параметрах експорту, маємо одержати: Розмір файлу – 17,7 МВ Розмір зображення – 1759х2635 пкс при глибині кольору 32 bit, що відповідає кольоровій палітрі з приблизно 17,7 млн. кольорів.

На цьому занятті ми розглянули... - поняття та процедуру експорту файлів векторної графіки у найбільш уживані растрові графічні формати GIF, JPEG, PNG, TIFF:

- формати GIF, JPEG, PNG використовують переважно для створення растрових зображень, призначених для перегляду на екрані монітора;

- формат TIFF використовують для зберігання растрових зображень, призначених для високоякісного друку;

- познайомилися з особливостями кожного з растрових графічних форматів, можливостями їх застосування, та особливостями процедури експорту;

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

Вправа 12.1. Перетворення файлів формату *.cdr для публікації в Інтернет.

Для виконання вправи використаємо файл princess.cdr, який входить, як приклад, до складу стандартної поставки програми CorelDraw. Звичайно, файл princess.cdr зберігається у папці за адресою C:\Program_Files\Corel\Graphics_10\Draw\Samples\princess.cdr 1. Відкрийте файл princess.cdr (Файл⇒Открыть…) і збережіть його у свою робочу папку під назвою my_princess.cdr (Файл⇒Сохранить как…). Далі у цій вправі працюємо виключно із файлом my_princess.cdr

Примітка: Зображення у файлі my_princess.cdr призначене для навчальних цілей, тому його окремі елементи можуть бути

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

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

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

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

режим, двохвіконний режим по вертикалі (ввімкнений зараз), двохвіконний режим по горизонталі, чотирьохвіконний режим.

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

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

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

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

3. Перейдіть у чотирьохвіконний режим перегляду, і увімкніть кнопку Preview (Попередній перегляд) у нижній частині вікна Web Image Optimіzer.

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

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

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

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

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

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

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

Формат файлу

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

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

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

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

Місце

Gif 3 20,92 0,62 3

Jpeg 1 59,79 1,78 4

Png8 3 15,34 0,46 1

Png24 4 21,39 0,64 2

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

9. Якщо якість результуючого зображення задовільна, натисніть кнопку OK. Відкриється вікно Save Web Image to Disk (Зберегти Web-зображення на диск). У цьому вікні вкажіть папку, куди необхідно зберегти перетворений файл і натисніть кнопку Сохранить – файл буде збережено у вказану папку під назвою у форматі my_princess.png.

Примітка: Якщо необхідно, назву файла можна змінити. Але розширення файлу, яке відповідає формату файлу, змінювати не можна.

10. Відкрийте щойно створений файл my_princess.png у будь-якій програмі перегляду та ще раз оцініть його якість та характеристики.