Лабораторна робота №8

Графічні редактори. Обробка растрових та векторних зображень

Теоретичні відомості

Растровий графічний редактор GIMP

Спочатку скорочення «GIMP» означало «General Image Manipulation Program», а в 1997повну назву було змінено на «GNU Image Manipulation Program» і програма офіційностала частиною проекту GNU. GIMP можна використовувати для обробки цифровихфотографій. Типові області вживання включають створення графіки і логотипів,масштабування і обрізання фотографій, розфарбовування, комбінування зображень звикористанням шарів, ретушування і перетворення зображень в різні формати. Слідзазначити, що GIMP є одним з перших, призначених для користувача, додатків з класувільного ПЗ. Попередні проекти, такі як компілятори GCC, ядро Linux і подібні їм, є восновному інструментами, зробленими програмістами для програмістів.

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

Photoshop містить ліцензовану підтримку системи управління кольоромПантон. Кількість модулів і інших доповнень для Photoshop значно більше. GIMP не підтримує плашечні кольори, що часто використовуються при друці. GIMP підтримує тільки 8 біт на канал кольору, чого недостатньо для лінійнихпредставлень RGB. GIMP практично не підтримує концепцію gamma, тому багато операцій, яківимагають лінійного представлення RGB, насправді виконуються в інших моделях(звичайно в sRGB з нелінійною gamma).

Для версії GIMP під Microsoft Windows існує модуль під назвою PSPI, який дозволяєвикористовувати в GIMP фільтри 8bf для Adobe Photoshop. Для побудови елементівінтерфейсу GIMP використовує GTK+.

Найчастіше GIMP використовує три вікна, які мають кілька областей призначення (рис.1).1. Панель інструментів. Це саме серце GIMP. Містить головне меню, плюс набіркнопок з піктограмами, які можуть бути використані для вибору інструменту.2. Параметри інструментів. Прикріплений нижче за панель інструментів діалог"Параметри інструментів" відображає параметри поточного вибраногоінструменту (в даному випадку це "Аерограф").3. Вікно зображення. Кожне відкрите зображення в GIMP відображається вокремому вікні. Одночасно можуть бути відкриті безліч зображень: лімітдосягається тільки системними ресурсами.4. Діалог "Шари". Цей діалог відображає структуру шарів поточного активногозображення, і дозволяє керувати ними різними способами.5. Пензлі/Шаблони/Градієнти. Панель, розташована нижче за діалог шарівпоказує діалоги управління пензлями, шаблонами, і градієнтами.

Рис.1. Основні вікна редактора GIMP

Створення растрового зображення (3d куля)

Створюємо нове зображення розміром 250х250 пикселів.Обираємо сірий колір (HTML нотація – #828282).Використавши інструмент «Заповнення», створюємо сірий фон.

Обираємо інструмент «Вибір еліпсом» (E, Elliptical Selection-Tool) тастворюємо правильне коло. Після цього створюємо новий пустийшар, вибераємо інструмент «Градієнт» (L, Gradient-Tool). В якостікольору переднього плану обираємо чорний колір, в якості фону –зелений. Градієнт протягуємо з верзу до низу шару.

Виділення повинно залишатися активним. Створюємо новий шар.Зафарбовуємо виділену область чорним кольором. Обираємо меню«Вибір» та застосовуємо команду «Розмиття...» (20px). Натискаємокнопку «Delete» та знімаємо виділення (Вибір – Зняти).Для більш чіткої тіні можна продублювати шар.

Створюємо новий шар. Формуємо нове овальне виділення зверхукулі для створення ефекту глянцу. Встановлюємо білий колір таобираємо градієнт «Передній план до прозорого». Проводимоградієнт з верху до низу виділеної області. Знімаємо виділення ізмінюємо непрозорість шару до 70%.Для додаткового ефекту можна використати фільтр «Гаусоверозмивання».Також можна додати тінь, обравши шар з кулькою та використавшикоманду «Фільтр – Світло та тінь – Тінь…»

Векторний редактор InkScape

Inkscape – відкритий редактор векторної графіки, функціонально схожий з Illustrator,Freehand, CorelDraw або Xara X і використовує стандарт W3C під назвою Scalable VectorGraphics (SVG). У програмі підтримуються такі можливості SVG як фігури, контури, текст,маркери, клони, альфа-канал, трансформації, градієнти, текстури і угрупування.Inkscape також підтримує метадані Creative Commons, правку вузлів, шари, складніоперації з контурами, векторизацію растрової графіки, текст по контуру, зверстаний уфігуру текст, редагування XML-даних безпосередньо і багато іншого. Він імпортує файлив таких форматах як JPEG, PNG, TIFF та інші, і експортує файли у форматі PNG, так само які в деяких векторних форматах.

Основною метою проекту Inkscape є створення потужного і зручного інструменту длямалювання, повністю сумісного з зі стандартами XML, SVG і CSS. Офіційний сайт –inkscape.org

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

Вікно інтерфейсу Inkscape можна розділити на дев'ять основних областей (рис.2).1. Головне меню (головне меню у верхній частині вікна)2. Панель інструментів3. Контекстна панель управління4. Розмітка, лінійки, направляючі та сітки5. Панель елементів керування6. Вікно інструментів7. Полотно8. Палітра9. Рядок стану

Рис.2. Вікно інтерфейсу Inkscape

Описані вище панелі інструментів і управління, доступні в inkscape можуть займатизначний простір на екрані монітора. Щоб зменшити розмір панелі інструментів,виберіть у головному меню «Файл – Налаштувати Inkscape...». Потім виберіть варіант«інтерфейс». Тут ви можете самостійно встановити великі чи маленькі значки панелікоманд, панелі елементів і т.д.

Створення векторного зображення (снечко)

Завантажуємо Inkscape. Обираємо (Створення кіл еліпсів тадуг).Малюємо правильне коло (утримуємо клавішу Ctrl).Обираємо відповідний колір заповнення та ліній.

Обираємо інструмент (Редагування контурів за вузлами). Напанелі інструмента натискаємо на клавішу (Перетворитипозначений об’єкт на контур). Змінюємо форму круга.

Відкриваємо палітру Шари (Шар – Шари…). Перейменовуємоіснуючий шар як «Сонце» і заблокуємо його (закрити колодку).Створюємо новий шар «Румяна».

Намалюємо маленький червоний круг, змінимо колір заповненняі заберемо лінії. У вікні «Заповнення та штрих» на закладці«Заповнення» обираємо радіальний градієнт і встановлюєморозмивання в межах 30-40%.

Копіюємо створений рум’янець на праву частину. Блокуємо шарта створюємо новий, в якому малюватимемо лице.

За допомогою інструмента «Створення кіл еліпсів та дуг»малюємо око.Трошки меншими овалами створюємо зіницю. Групуємо всі триеліпси в один об’єкт (Об’єкт – Згрупувати).

Копіюємо око на праву частину. Скориставшись інструментом (Віддзеркалити позначені об’єкти горизонтально) отримуємоправе око.

Додамо посмішку та ніс. Використавши інструмент (Малювання кривих Базє чи прямих ліній) зобразимо лінію.Обираємо «Редагування контурів за вузлами» і дотягуємо лініюдо відповідного рівня посмішки.Аналогічно створюємо ніс.

Брови та вії малюємо за допомогою інструмента (Малюваннядовільних контурів). Використовуємо наступні налаштування:

для брів – для вій –

Блокуємо шар та створюємо новий для променів.

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

Завдання

1. Створити кулясту іконку будь-якого (окрім зеленого) кольору.2. Додати до отриманої іконки короткий текст (власне ім’я).3. Намалювати сонечко як описано в теоретичних відомостях.4. Додати до свого сонечка бантик і текстовий підпис (власне прізвище).

Вимоги до звіту

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