Корнута 

В. А. © Кафедра ІКГ, ІФНТУНГ Комп’ютерна графіка, дизайн та геометричне

моделювання
Лабораторна робота № 1 (Л 1.1)
Тема: “Основи роботи з растровою комп’ютерною графікою. Підготовка графічного
матеріалу для публікації в електронному вигляді.”
Мета роботи: вивчити параметри документів, які використовуються при необхідності
створення публікацій в електронному вигляді; навчитися створювати відповідні документи
засобами графічного редактора PhotoShop (або Gimp чи Pixlr).
Теоретичні відомості
Основним елементом растрової комп’ютерної графіки є одинична точка. Точка не має
розміру, однак має властивості, які визначають її розміщення у растровій сітці та колір.
Способи утворення та, відповідно, опису кольору точки відрізняються для різних апаратних
засобів відображення. Також характеристикою апаратного засобу є розмір одиничної точки
та число ліній, які можна утворити з рядів точок (відстань між точками, розміщеними поруч).
Тому, коли характеризуємо зображення, говоримо про його розміри у точках (кількість точок
у перпендикулярних напрямках), а коли характеризуємо відображення зображення на
апаратному засобі, говоримо про дві характеристики: розміри у одній із систем вимірювання
відстаней (м, см, дюйми тощо) та кількості точок на одиницю вимірювання (точок на дюйм,
точок на сантиметр, пікселів на дюйм тощо).
Одиничну точку та папері чи іншому твердому носії називаємо “точка”, а на екрані
[монітора] – “піксел”. Таким чином, на папері роздільну здатність прийнято характеризувати
у dpi, а на екрані – у ppi.
Для друкованих зображень характерними значеннями роздільної здатності є 300 dpi та
600 dpi, для екранів моніторів настільних ПК найбільш поширені значення роздільної
здатності 72 ppi та 93 ppi.
У електронному вигляді зображення зберігають як файли. Файли можуть містити опис
зображення у різних форматах, які призначено для забезпечення різних можливостей.
Формат файла прийнято вказувати у вигляді розширення його імені (хоча це не обов’язково,
оскільки ця інформація міститься у самому файлі). Розширення файлів може також вказувати
на те, яка програма призначена для роботи з ним, або у якій програмі створено відповідний
файл (напр., *.psd – “нативний” формат програми PhotoShop).
Для растрової графіки є кілька форматів, розроблених міжнародними групами
стандартизації або окремими фірмами, які набули загального поширення та мають визначені
області використання (формат файла забезпечує оптимальне співвідношення можливостей
обробки, зберігання якості зображення та розмірів файла у одиницях вимірювання об’єму
інформації типу “біт” чи “байт”). Наприклад, *.gif – призначено для зберігання зображень із
великими моноколірними областями, має можливість зберігання у одному файлі кількох
зображень, які більшість програм з можливістю перегляду растрової графіки (в т. ч.
браузери) можуть відображати, як анімацію; *.jpg – призначено для зберігання
фотозображень, має внутрішні механізми стискання (архівації) із зміною (як правило,
пониженням) якості; *.png – формат, розроблений для використання у Internet замість
пропрієтарних *.gif та *.jpg , однак заміни не відбулось, усі формати використовуються за
бажанням, png поєднує переваги та деякі недоліки *.gif та *.jpg ; *.tif – стандарт для
зберігання зображень для друку, може містити інформацію, потрібну для видавничих систем.

Задача:
Використовуючи власну скановану або цифрову фотографію або надані графічні матеріали
(рисунки з роздільною здатністю 72-300-600 dpi, розміром не менше 3*4 см або рисунок/фото
розміром не менше 600*600 точок) оформити власні логотип та віньєтку, а також звіт по роботі.
Оформлення звіту має містити три рядки (стандартне): у першому рядку – ПІБ студента, група; у
другому рядку – Лабораторна робота № 01; у третьому рядку – тема роботи. Звіт оформляти
копіями екрану, вікон програми та тексту так, щоб у кінці семестру студент, користуючись своїм
же звітом, зміг повторити роботу.

Порядок виконання роботи

1 Оформити звіт, зберегти його у папці відповідної лабораторної роботи.
Корнута В. А. © Кафедра ІКГ, ІФНТУНГ Комп’ютерна графіка, дизайн та геометричне
моделювання
2 Використовуючи надану інформацію або за допомогою пошукової машини знайти
інформацію про растрову комп’ютерну графіку (що це таке, основні поняття, основні
параметри растрових документів). Занести знайдену інформацію у описовому вигляді у
звіт.
3 Отримати базове зображення одним із запропонованих шляхів та зберегти його на
студентський диск (S:) у папку відповідної лабораторної папки групи:
а) записати одну із фотографій, опублікованих Вами у мережі Інтернет (у соцмережах,
месенджерах чи на якомусь сайті); фотографія має містити якийсь фон, окрім власне
Вашого зображення, розміри фото – не менше 600×600 ppi за довільної роздільної
здатності;
б) скористатись сканером для отримання цифрової копії власної фотографії (розмірне
менше 3×4 см, роздільна здатність сканування – не менше 300 dpi);
в) намалювати довільне зображення у рисунку з параметрами: роздільна здатність 300 ppi,
розміри 5*5 см., кольорова модель RGB (редактор MS Paint не можна використовувати
для виконання даного завдання, оскільки він працює з фіксованою роздільною здатністю
72 ррі).
4 Відкрити у графічному редакторі (напр., PhotoShop) базове графічне зображення (власне
фото, наданий графічний матеріал чи намальоване Вами зображення) та виокремити за
допомогою інструментів виділення (напр., “Прямокутник”, “Лассо” на панелі інструментів
зліва зверху чи за допомогою їх комбінування) потрібну інформацію без фону або з його
мінімально можливою площею (напр., обличчя із погруддям, зображення пристрою,
описуваного предмета, тощо) та зробити її копію у буфер обміну.
5 Створити у PhotoShop новий документ (Файл\Новий), не змінюючи його параметрів у
діалоговому вікні, яке відкриється. Копію діалогового вікна (Alt+PrintScreen) занести у
звіт. Зверніть увагу, що при натисканні Alt+PrintScreen зображення у буфері обміну буде
замінено на відображення діалогового вікна. Тому Вам необхідно, після натискання Ok у
діалоговому вікні створення нового файлу, повернутись до базового зображення
(скориставшись розділом меню Вікно у PhotoShop або клацнувши ЛКМ на заголовку
відповідного документа у вікні PhotoShop). У вікні базового зображення повторно
викликати команду копіювання виділеної інформації у буфер обміну.
6 Перейти до вікна новоствореного документа PhotoShop та вставити зображення з буфера
обміну (Ваше погруддя чи іншу потрібну інформацію). Зберегти документ під
стандартним іменем файла лабораторної роботи, задавши у кінці відповідний номер. Це
зображення далі у завданнях згадуватимемо, як основне.
7 Створити у PhotoShop новий рисунок із розміром 6 см висота та 6 см ширина, роздільна
здатність – 300 пікселів на дюйм, кольорова модель – RGB, прозорий фон (напр.
у PhotoShop: Файл\Новий і у вікні, яке з’являється задати відповідні одиниці вимірювання
та параметри).
8 Оформити із основного зображення овальну віньєтку (використовуючи інструмент
вирізання; фотографія має виглядати як вставлена у фото рамку з овальною прозорою
областю). Зберегти віньєтку у новому документі із прозорим тлом.
9 Використовуючи раніше створену віньєтку оформити власний логотип (додати до
зображення текст якийсь текст; текст має частково перекривати зображення або повністю
розміщатись на його фоні). Зберегти логотип у окремому документі.
10 Змінити графічні матеріали (рисунок розміру 6×6 см, віньєтку та логотип) відповідно до
базових вимог публікації зображень в електронних документах (мінімальний розмір,
мінімальна необхідна роздільна здатність, відповідна кольорова модель, палітра —
параметри, із котрими Ви ознайомились у п. 2). Рекомендовані значення параметрів
знайти за допомогою пошукової машини або у літературі та занести відповідну
інформацію у звіт. Змінені зображення збережіть в окремих файлах.
11 У звіті перелічити назви всіх створених документів, зберегти всі потрібні дані та
завершити роботу
Контрольні запитання
Корнута В. А. © Кафедра ІКГ, ІФНТУНГ Комп’ютерна графіка, дизайн та геометричне
моделювання
1 .