Брошура by Dima Kedrun

Міністерство освіти та науки, молоді та спорту України Хмельницька обласна державна адміністрація Департамент освіти і науки, молоді та спорту Відділ освіти, молоді та спорту Теофіпольської районної державної адміністрації Теофіпольський НВК «ЗОШ І ступеня-гімназія» Інформаційно-комунікаційні технології

Практичні завдання по растровому графічному редакторі GIMP та векторному графічному редакторі Inkscape (посібник)

Кедрун Д.М. вчитель інформатики ІІ категорії

Теофіполь 2014

Кедрун Д.М. Практичні завдання по растровому графічному редакторі GIMP та векторному графічному редакторі Inkscape. — Теофіполь, 2014. – 48с. Посібник містить практичні завдання по растровому графічному редакторі GIMP та векторному графічному редакторі Inkscape. Посібник допоможе вчителям інформатики, які ведуть курс за вибором «Основи комп’ютерної графіки», виконувати програму курсу використовуючи на уроках вільне програмне забезпечення. Для вчителів, учнів, студентів та всіх бажаючи хто хоче самостійно опанувати основні навички роботи у растровому графічному редакторі GIMP та векторному графічному редакторі Inkscape. Укладач: Кедрун Д.М. — вчитель інформатики Теофіпольського НВК «ЗОШ І ступеня-гімназія» Рецензент: Цісар С.С. — районний методист відділу освіти

Рекомендовано радою Теофіпольського методичного кабінету (протокол №4 від 19 грудня 2013року)

ЗМІСТ Розділ І. Редактор растрової графіки GIMP....................................5 Вправа 1. «Створення простих зображень засобами GIMP»....5 Вправа 2. «Інструменти виділення в GIMP»..............................6 Вправа 3. «Робота зі шарами»......................................................9 Вправа 4 «Створення колажу за допомогою інструментів трансформації»............................................................................10 Вправа 5. «Кольорова корекція зображення»...........................13 Вправа 6. «Створення напису на зображенні».........................15 Вправа 7. «Ретушування зображення»......................................18 Вправа 8. «Робота із фільтрами»...............................................21 Розділ ІІ. Векторний графічний редактор Inkscape.......................25 Вправа 1. «Створення простих зображень»..............................25 Вправа 2. «Заповнення об’єктів»...............................................27 Вправа 3. «Робота із кривими»..................................................29 Вправа 4. «Робота з текстом».....................................................30 Вправа 5. «Створення складного контуру»..............................32 Вправа 6. «Створення перспективи в Inkscape».......................35 Вправа 7. «Ефекти контуру та фільтри в Inkscape».................42 Вправа 8. «Створення 3D об’єктів»...........................................46 Список використаних джерел.........................................................49

Передмова За програмою курсу за вибором «Основи комп’ютерної графіки» виділяється по 8 навчальних годин на вивчення тем редактор растрової графіки та редактор векторної графіки. Програма націлена на використання графічних редакторів Adobe Photoshop та CorelDraw. Даний посібник пропонує розробки практичних завдань з даного курсу за вибором у растровому графічному редакторі GIMP та векторному графічному редакторі Inkscape. Посібник складається з двох розділів. У першому розділі містяться

практичні

завдання

по

растровому

графічному

редакторі GIMP, у другому — по векторному графічному редакторі Inkscape. Кожний розділ складається з 8 практичних завдань. Практичні завдання максимально охоплюють основні можливості програмних продуктів, що дозволяє набути основних навичок роботи по створенню та редагуванню як растрових так і векторних зображень. Перед пояснити

кожним

учням

практичним

принципи

завдання

використання

вчитель

має

інструментів

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

Розділ І. Редактор растрової графіки GIMP Вправа 1. «Створення простих зображень засобами GIMP» Мета: навчитися створювати зображення використовуючи інструменти Пензель, Олівець, Заповнення, Піпетка. 1. Запустіть GIMP. Створіть нове зображення розміром 640х640, колір фону білий (Файл→Створити…). 2. Задайте колір переднього плану сірий. Виберіть інструмент Пензель, і задайте йому параметри: розмір – 20, гладкий контур. 3. Намалюйте контур голови койота Вілбера (мал. 1). 4. Активізуйте інструмент Заповненя і задайте колір в HTMLрозмітці 504733, поріг 100. Зафарбуйте внутрішню частину створеного зображення (мал. 2).

Мал. 1

Мал. 2

5. Виберіть інструмент Пензель і задавши відповідний колір та параметри інструменту: непрозорість – 100, розмір – 100, гладкий контур, створіть круг (мал. 3). Змінюючи розмір Пензля і колір створіть око (мал. 4). 6. Аналогічно пункту 5 створіть друге око. Використовуючи інструмент Піпетка вибирайте відповідні кольори Пензля з раніше створеного ока (мал. 5).

Мал. 3

Мал. 4

Мал. 5

7. Задавши параметри інструменту Кисті: непрозорість – 100, розмір – 160, відношення сторін – 0,50, кут – 45, гладкий контур і чорний колір, створіть ніс койота (мал. 6).

Мал. 6

8. Аналогічно до пункту 5 створіть ніс койота змінюючи колір і параметри інструменту (мал.7-9).

Мал. 7

Мал. 8

Мал. 9

9. Задайте параметри інструменту Карандаш: непрозорість – 100, розмір – 15, співвідношення сторін – 2, кут – 0, гладкий контур і намалюйте рот (мал. 10).

Мал. 10

10. Збережіть файл у власну папку з іменем Койот Вібер.xcf. Вправа 2. «Інструменти виділення в GIMP» Мета: навчитись використовувати інструменти групи виділення, Градієнт, Палець. 1. Запустіть GIMP. Відкрийте файл (Файл→Відкрити…) Автомобіль.jpg. Виберіть інструмент Вибір пов’язаної ділянки. Задайте параметри інструменту: згладжування, розмивати межі – 10, поріг - 80 і клацніть по білому фону зображення. 2. Активуйте інструмент Градієнт і виберіть тип градієнту Horizon 1. Проведіть лінію створення градієнту від верхньої межі зображення до нижньої (мал. 1). 3. Активуйте інструмент Вибір еліпсом. Намалюйте коло за допомогою клавіші Shift у правому верхньому куті (мал. 2).

Мал. 1

Мал. 2

4. Задайте за допомогою інструменту Піпетка колір переднього плану, вибравши його в виділеній області, колір тла – жовтий. Поміняйте кольори переднього плану та тла за допомогою стрілки. 5. Виберіть інструмент Градієнт, задайте параметр Передній план до тла. Перекресліть виділену область навскоси (мал. 3). 6. Активувавши інструмент Вільне вибирання і задавши параметри згладжування і розмивання меж – 10, намалюйте хмарину у небі (мал. 4).

Мал. 3

Мал. 4

7. За допомогою інструменту Заповнення з параметром – заповнити все вибране, залийте виділену область білим кольором (мал. 5). 8. Виберіть інструмент Палець з параметрами: розмір – 30, гладкий контур (якість – 20, вага - 50), надайте хмарині реалістичного вигляду (мал. 6). 9. За допомогою інструменту Вільне вибирання (згладжування, розмиті межі – 10) виділіть нижню частину під автомобілем (мал. 7). 7

Мал. 6

Мал. 5

10. Задайте колір переднього плану, який буде використаний в якості неонової підсвітки автомобіля (наприклад, фіолетовий) і залийте виділену область за допомогою інструменту Заповнення (непрозорість - 50) (мал. 8).

Мал. 8

Мал. 7

11. Аналогічно виділіть область під передньою частиною автомобіля і зафарбуйте її (мал. 9).

Мал. 9

12. Збережіть файл з новим іменем Авто.jpg. 8

Вправа 3. «Робота зі шарами» Мета: навчитися створювати, переміщувати, перейменовувати і видаляти шари. 1. Відкрийте файли Руки.jpg та Земля.jpg. Створіть нове зображення розміром 414х280 з прозорим фоном. 2. Скопіюйте зображення рук за допомогою команди Зміни→Копіювати. Перейдіть на створене зображення з прозорим фоном та вставте щойно скопійоване зображення як новий шар (Зміни→Вставити як→Новий шар). 3. За допомогою інструменту Вибір еліпсом з параметрами: згладжування, розмивати межі – 5, створіть виділення розміром 190х190 (мал. 1).

Мал. 1

4. Активуйте інструмент Вільне вибирання з параметрами: згладжування, розмивати межі -5. Задайте режим віднімання і акуратно обведіть пальці на руках (мал. 2). Для зручного виділення контурів пальців збільшіть масштаб зображення. 5. Виберіть інструмент Гумка непрозорість – 100 і зітріть зображення всередині виділення (мал. 3).

Мал. 2

Мал. 3

6. Перейдіть на зображення Землі і за допомогою інструменту Вибір еліпсом (згладжування, розмиті межі – 5, розмір 190х190) виділіть зображення планети (мал. 4). 7. Скопіюйте виділений фрагмент і вставте його як новий шар на створене зображення з прозорим фоном. За допомогою інструменту Переміщення розташуйте зображення планети на прозоре місце (мал. 5).

Мал. 5

Мал. 4

8. Перемістіть шар із зображенням планети нижче зображення рук (мал. 6). Надайте відповідні назви шарам зображення. Збережіть файл з іменем Колаж.xcf.

Мал. 6

Вправа 4 «Створення колажу за допомогою інструментів трансформації» Мета: навчитися застосовувати інструменти трансформації. 1. Створити нове зображення розміром 640х400 з прозорим фоном. Застосувати градієнтну заливку з чорного у білий колір. 2. Відкрити зображення Стіл.jpg. Інструментом Вибір пов’язаної ділянки з параметрами: поріг – 20, режим – додати 10

до поточного, виділіть білий фон. За допомогою команди Вибір→Інвертувати виділіть стіл і скопіюйте його. 3. Перейдіть на створене зображення і вставте як шар щойно скопійоване зображення (мал. 1). 4.За допомогою інструменту Масштаб збільшіть розмір стола приблизно у два рази. Інструментом Переміщення розмістіть стіл так, як показано на малюнку (мал. 2).

Мал. 1

Мал. 2

5. Відкрийте зображення Телевізор.jpg. Виділіть зображення телевізора, як виділяли зображення стола. Скопіюйте його. 6. На створеному зображенні вставте зображення телевізора як новий шар. 7. Застосуйте до зображення телевізор інструмент Масштаб, щоб зменшити його у розмірах (мал. 3). 8. Застосуйте інструмент Обертання до зображення телевізор і поверніть його у правий бік (мал. 4).

Мал. 3

Мал. 4

9. Продублюйте шар із зображення телевізора. Застосуйте до щойно створеного зображення інструмент Дзеркало із вертикальним типом віддзеркалення. Перемістіть його шар під шар із зображенням телевізора (мал. 5). 11

10. Поверніть віддзеркалене зображення так, щоб нижні краї телевізора були розміщенні паралельно (мал. 6).

Мал. 6 Мал. 5

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

Мал. 7

Мал. 8

13. Скопіюйте виділений фрагмент і вставте його як новий шар. Шар із зображення віддзеркаленого телевізора відключаємо на панелі Шарів. Фрагмент телевізора розміщуємо у виділенні (мал. 9). 14. На панелі Шарів переміщуємо шар із фрагментом під шар, що містить зображення телевізора. До фрагменту застосовуємо інструмент Градієнт з параметрами Передній план до прозорості (колір переднього плану чорний), обертаємо градієнт. Градієнт необхідно так застосувати, щоб на фрагмент було нанесено незначну частину чорного кольору. Знімаємо виділення (мал. 10). 12

Мал. 9

Мал. 10

15. Збережіть результат з іменем Віддзеркалення.xcf. Вправа 5. «Кольорова корекція зображення» Мета: навчитися застосовувати кольорову корекцію зображення. 1. Відкрийте зображення Небо.jpg. 2. Виконайте команду Колір→Криві… Задайте кривизну для всіх каналів як на малюнку (мал. 1).

Мал. 1

3. Виконайте команду Колір→Автоматично→Підсилити колір. Це надасть зображенню біль яскравіших кольорів (мал. 2). 4. Створіть новий шар з прозорим тлом. Активуйте інструмент Вибір еліпсом та намалюйте коло (мал. 3). 13

Мал. 2

Мал. 3

5. Інструментом Прямокутне вибирання з режимом Відняти від поточної виділеної області створіть виділену область як на малюнку (мал. 4). 6. За допомогою інструменту Піпетка виберіть в якості основного кольору, фрагмент кольору під виділеною областю. 7. Залийте виділену область даним фрагментом кольору. Припасуйте виділену область до хмар на зображенні (мал. 5).

Мал. 4

Мал. 5

8. Виконайте команду Колір→Баланс кольорів і задайте значення згідно зразка (мал. 6).

Мал. 6

9. Збережіть результат роботи у файл Захід.xcf. Вправа 6. «Створення напису на зображенні» Мета: закріпити навички роботи з шарами та елементами трансформації, навчитися використовувати інструмент Текст. 1. Створити нове зображення розміром 768х1024 с білим тлом. Відкрити файл Замок.jpg. Скопіювати все зображення і вставити новим шаром у створене зображення. 2. Застосувати до вставленого зображення інструмент Масштаб задавши розмір зображення 768х700. Продублюйте даний шар зображення. Застосуйте інструмент Дзеркало (вертикальне). Застосуйте до перевернутого зображення інструмент Масштаб (розмір 768х322) і розмістіть його під вихідним зображенням (мал. 1). 3. Додайте альфа-канал до шару, що містить перевернуте зображення. Застосуйте Градієнт (з білого до чорного кольору). Застосуйте маску шару (мал. 2).

Мал. 1

Мал. 2

4. Відкрийте зображення Шрек.jpg. Інструментом Вибір пов’язаної ділянки (поріг – 20, режим – додавання) виділіть тло навколо Шрека. Інвертуйте виділення (Вибір→ Інвертувати). 15

Скопіюйте виділене і вставте як новий шар у створене зображення. 5. Застосуйте інструмент Масштаб (230х354). Розмістіть зображення як на малюнку (мал. 3). 6. Відкрийте зображення Фіона.jpg. Інструментом Вибір пов’язаної ділянки (поріг – 30, режим – додавання) виділіть тло навколо Фіони. Інвертуйте виділення (Вибір→ Інвертувати). Скопіюйте виділене і вставте як новий шар у створене зображення. 7. Застосуйте інструмент Масштаб до зображення Фіони та інструмент Дзеркало (горизонтальне). Розмістіть зображення як на малюнку (мал. 4).

Мал. 3

Мал. 4

8. Відкрийте зображення Віслюк.jpg і виконайте все як у пункті 6. Застосуйте інструмент Масштаб. Відкрийте зображення Кіт.jpg і виконайте все як у пункті 6. Застосуйте інструмент Масштаб. Розмістіть зображення як на малюнку (мал. 5). 9. Залишіть видимими зображення герої мультфільму. У контекстному меню панелі Шари виберіть команду Об’єднати видимі шари… Включіть видимість усіх шарів. Продублюйте шар із героями мультфільму. Застосуйте до нього інструмент Дзеркало (вертикальне). Розмістіть даний шар під вихідним шаром. 16

10. Створіть до шару із дзеркальним зображенням альфа-канал. Виконайте все як у пункті 3 (мал. 6).

Мал. 5

Мал. 6

11. Активуйте інструмент Текст (шрифт – Sans, колір – зелений, розмір – 300) і напишіть слово «ШРЕК» (мал. 7). 12. Продублюйте шар із текстом. Інструментом Заповнення перефарбуйте букви у темно-зелений колір. Перемістіть шар лівіше, щоб надати ефект об’ємного тексту (мал. 8).

Мал. 7

Мал. 8

13. Ще раз продублюйте шар із текстом і перефарбуйте букви у чорний колір. Перемістіть його в правий бік, щоб утворився 17

ефект тіні тексту. Інструментом Різкість чи розмиття (вид – розмиття, розмір кисті більше 400) розмити букви. Задати обом шарам із зображення замка непрозорість 80 (мал. 9).

Мал. 9

14. Збережіть роботу у файл з іменем Текст.xcf. Вправа 7. «Ретушування зображення» Мета: навчитися застосовувати інструменти ретушування 1. Відкрийте зображення Портрет.jpg. 2. Інструментом Лікувальний пензель (розмір - 20) замалюйте зморшки, вибираючи фрагменти зображення поряд із ними (мал. 1). 3. Активуйте інструмент Вибір за кольором і задайте йому наступні параметри: згладжування, розмивати межі, радіус – 30, вибрати прозорі ділянки, вибір – складений, поріг - 30. Виділіть обличчя із шиєю на зображенні. Скопіюйте і вставте як новий шар виділений фрагмент зображення.

Мал. 1

Мал. 2

4. Задайте створеному шару непрозорість 50%. Виконайте команду Колір→Криві… і надайте приблизного вигляду кривої каналу значення як на малюнку (мал. 2). 5. Перейдіть на шар з основним зображенням. Інструментом Вибір пов’язаної ділянки з параметрами: згладжування, розмивати межі з радіусом – 30, вибрати прозорі ділянки, поріг – 10, виділіть зуб на зображенні (мал. 3).

Мал. 3

6. Відбілимо зуби виконавши команду Колір→Відтінок та насиченість. Задайте значення жовтого та червоного кольорів як на зразку (мал. 4).

Мал. 4

7. Виділіть область рота (мал. 5). Скопіюйте і вставте як новий шар. Оставте видимим шар із зображенням рота. Інструментом Ластик зітріть все, щоб залишились тільки губи (мал. 6).

Мал. 6

Мал. 5

8. За допомогою команди Відтінок та насиченість меню Колір задайте значення червоного кольору (мал. 7). Включіть видимість усіх шарів зображення (мал. 8).

Мал. 7

Мал. 8

9. Збережіть файл з іменем Портрет_ретушування.xcf. Вправа 8. «Робота із фільтрами» Мета: навчитися застосовувати фільтри для створення і редагування зображення. 1. Створіть нове зображення розміром 640х400 з білим фоном. Застосуйте фільтр Різні плями… (Фільтри→Візуалізація→ Хмари→Різні плями…). Задайте параметри як на малюнку (мал. 1).

Мал. 1

2. Застосуйте фільтр Освітлення… (Фільтр→Світло та тінь→Освітлення…) з параметром відстань 0,07. 21

3. Застосуйте фільтр Брижі…(Фільтр→Викривлення→ Брижі…) з наступними параметрами (мал. 2). 4. Задайте тонування зображення (Колір→Тонування) (мал. 3).

Мал. 3

Мал. 2

5. Продублюйте шар із зображенням. Застосуйте до першого шару фільтр Хвилі… (Фільтри→Викривленя→Хвилі…) з параметрами режим – розмити, амплітуда – 26, фаза – 0, довжина хвилі – 30. А також фільтр Гаусеве розмивання групи Розмивання з радіусом розмивання по вертикалі та горизонталі 6 пікселів, тип розмивання RLE. 6. Для дублюючого шару застосовуємо ті ж фільтри Хвилі… (амплітуда – 10, фаза – 0, довжина хвилі - 10) і Гаусеве розмивання… (радіус розмивання – 6, тип - RLE). 7. На шарі із тлом за допомогою інструменту Вибір еліпсом з параметром згладжування та розмивати межі – 20 виділяємо внутрішню частину зображення і очищаємо її (мал. 4). Переміщаємо шар із Тлом перед дублюючим шаром (мал. 5). 22

Мал. 4

Мал. 5

8. Створюємо новий шар із прозорим фоном. За допомогою інструменту Вибір еліпсом малюємо коло розміру 50 над центром зображення (мал. 6).

Мал. 6

9. Задаємо основний колір білий і настроюємо інструмент Градієнт (мал. 7). Застосовуємо інструмент Градієнт до виділення щоб отримати наступне зображення (мал. 8).

Мал. 7

Мал. 8

10. Створюємо новий шар із прозорим фоном. Розміщуємо його під шаром із зображенням каплі. Застосовуємо до створеного шару інструмент Градієнт (форма – лінійна, градієнт – передній план до прозорого, основний колір - білий) так, щоб була покрита ним тільки верхня частина зображення. Для цього необхідно починати градієнт за межами зображення, а завершити захопивши невелику частину зображення (мал. 9). 11. В результаті ми отримаємо зображення поверхні води в яку падають краплі і залишають круги на її поверхні (мал. 10). Збережіть файл з іменем Вода.xcf.

Мал. 10

Мал. 9

Розділ ІІ. Векторний графічний редактор Inkscape Вправа 1. «Створення простих зображень» Мета: навчитися створювати зображення використовуючи найпростіші фігури 1. Запустіть Inkscape. Ви маєте намалювати Чебурашку (мал. 1).

Мал. 1

2. Для малювання тіла використаємо інструмент Створення еліпсів, кіл та дуг. Виберіть цей інструмент на панелі інструментів і намалюйте еліпс, який буде задавати форму тіла. 3. Не знімаючи виділення на палітрі кольорів, лівою кнопкою миші клацніть зразок темно-коричневого кольору і тіло Чебурашки буде зафарбовано. 4. Виберіть інструмент Створення еліпсів, кіл та дуг і намалюйте еліпс меншого розміру поверх щойно намальованого. При необхідності інструментом Позначення та трансформація об’єктів перемістіть еліпс верх, щоб він дотикався в верхній точці до більшого еліпса. 5. Знову перейдіть на палітру кольорів і виберіть світлокоричневий колір. 6. Аналогічно інструментом Створення еліпсів, кіл та дуг намалюйте голову Чебурашки і розфарбуйте її тими ж самими кольорами. Намалюйте очі, більший еліпс зафарбуйте в білий колір, а менший в чорний. 7. Намалюйте брови, виберіть інструмент Створення еліпсів, кіл та дуг і створіть еліпс над оком. На панелі параметрів 25

задайте початок 180º та кінець 360º і виберіть Перейти до дуги. Не знімаючи виділення з дуги клацніть правою кнопкою миші на палітрі кольорів коричневий колір. У контекстному меню виберіть Встановлення штриха. Скопіюйте дугу і вставте її над другим оком. 8. Виберіть інструмент Створення зірок та багатокутників. На панелі параметрів задайте кількість кутів – 3 і намалюйте носа. Розфарбуйте його в сірий колір. 8. Виберіть інструмент Створення еліпсів, кіл та дуг і створіть еліпс, який буде ротом. Задайте на панелі параметрів початок 0º, кінець 180º, і виберіть Перетворення на сегмент. Розфарбуйте його також у сірий колір. 9. Виберіть інструмент Створення еліпсів, кіл та дуг і створіть еліпс, який буде вухом. Перемістіть еліпс до голови, щоб частина його накривала голову. Змінюйте на панелі параметрів значення початку та кінці поки дуга сектора не буде дотикатися до голови. Потім виберіть на панелі параметрів Перейти до дуги. Розфарбуйте його темно-коричневим кольором. 10. Створіть еліпс меншого розміру всередині щойно створеного. Аналогічно, як і пункті 9 створіть дугу і розфарбуйте її в світлокоричневий колір. 11. За допомогою інструменту Позначення та трансформація об’єктів виділіть вухо, скопіюйте його і вставте, і не знімаючи виділення на панелі параметрів виберіть Віддзеркалити по горизонталі. Перемістіть вухо на другу сторону голови. 12. Намалюйте за допомогою еліпса руку. Інструментом Позначення та трансформація об’єктів поверніть його на невеликий кут. Не знімаючи виділення виберіть інструмент Створення еліпсів, кіл та дуг і на панелі параметрів змінюючи початок та кінець, створіть дугу, яка дотикається до тіла. Потім виберіть Перейти до дуги і зафарбуйте в темно-коричневий колір. 13. Не знімаючи виділення виберіть інструмент Позначення та трансформація об’єктів, скопіюйте і вставте руку, на панелі параметрів виберіть Віддзеркалити по горизонталі. Перемістіть на другу сторону тіла руку. 26

14. Створіть ногу Чебурашки за допомогою інструменту еліпс. Задайте на панелі параметрів початок 180º і кінець 360º, виберіть Перетворити на сегмент. Зафарбуйте в темнокоричневий колір. Скопіюйте дане зображення і вставте його. Інструментом Позначення та трансформація об’єктів перемістіть ноги до тіла Чебурашки. 15. Збережіть зображення в файл Чебурашка.svg. Вправа 2. «Заповнення об’єктів» Мета: навчитися застосовувати різні способи заповнення до об’єктів 1. Запустити Inkscape. Ви маєте створити будинок за допомогою простих фігур і їх заповненням різними способами (мал. 1).

Мал. 1

Створіть прямокутник за допомогою інструменту Створення прямокутників та квадратів. На палітрі кольорів задайте палітру Gold. Виконайте команду Об’єкт→Заповнення та штрих. Виберіть лінійний градієнт, один колір градієнта задайте світлим відтінком, другий – темним, повтор – відбитий. 27

Зменшіть розміри перетікання градієнту до отримання ефекту об’єму колод дерева. Відключіть колір штриха на вкладці Колір штриха. 2. За допомогою інструмент Малювання кривих Безьє створіть контур даху будинку. Аналогічно як в пункті 1 створіть градієнтну заливку, задавши додаткові параметри розмивання – 0,5%. Відключіть колір штриха на вкладці Колір штриха. 3. Створіть прямокутник, який виконує роль комина. Залийте його суцільним кольором коричневого відтінку. За допомогою інструменту Малювання довільних контурів намалюйте контур диму із комину. Залийте його суцільним кольором – чорний, розмивання – 20, непрозорість – 20%. Відключіть колір штриха на вкладці Колір штриха. 4. Створіть прямокутник, який буде вікном. Задайте заповнення візерунком – сукно, стиль штриха: товщина – 1, з’єднання гостре. 5. За допомогою інструменту Створення зірок та багатокутників задавши кількість кутів – 3, створіть трикутник. Змініть розміри, щоб трикутник був вписаний у щойно створений прямокутник. Продублюйте його (Зміни→ Дублювати). Одному з трикутників задайте заповнення суцільним білим кольором, відключіть колір штриха. До другого трикутника застосуйте заповнення типу радіальне з перетіканням від голубого до прозорого. Відключіть колір штриха. Розмістіть трикутник із білим кольором під трикутником із градієнтом. Розмістіть обидва трикутники на вікні. Продублюйте готове вікно і розмістіть його з другої сторони будинку. 6. Створіть прямокутник, який буде дверима. Заповнення задайте суцільним коричневим кольором, товщина штриха – 3. Створіть ручку на дверях за допомогою еліпса, заповнення відсутнє. Створіть завіси на двері за допомогою трикутників, заповнення суцільним чорним кольором. 7. Створимо доріжку до дверей за допомогою прямокутника. Викривимо його до вигляду паралелограма, заповнення візерунком – пісок, колір штриха відключаємо. 8. Збережіть файл у власну папку з іменем Будинок.svg. 28

Вправа 3. «Робота із кривими» Мета: навчитися працювати з кривими та вузлами кривих 1. Створимо логотип графічного редактора Inkscape (мал. 1). Запустіть Inkscape.

Мал. 1

2. Активуйте інструмент Малювання кривих Без’є та прямих ліній. Створіть за допомогою прямих ліній контур логотипу (мал. 2). 3. Не знімаючи виділення з створеного контуру активуйте інструмент Редагування контурів за вузлами. Роблячи вузли гладкими за допомогою панелі параметрів та змінюючи положення важелів трансформації відредагуйте контур, як на малюнку (мал. 3).

Мал. 2

Мал. 3

4. За допомогою інструменту Малювання довільних контурів створіть замкнені контури всередині створеного. За допомогою команди Контур→Спростити зменшіть кількість вузлів. Дану 29

команду застосуйте кілька разів, щоб кількість вузлів стала мінімальною. Відредагуйте їх за допомогою інструменту Редагування контурів за вузлами аналогічно як у пункті 3 (мал. 4) 5. Зафарбувати внутрішні контури білим кольором, а великий контур чорним кольором. 6. Інструментом Малювання довільних контурів намалюйте замкнені контури з боків зображення. Спростіть контур (Контур→Спростити) декілька разів. Відредагуйте вузли контурів, щоб отримати аналогічне зображення (мал. 5). Зафарбуйте їх в чорний колір.

Мал. 4

Мал. 5

7. Збережіть зображення у файл з іменем Inkscape_logotype.svg. Вправа 4. «Робота з текстом» Мета: навчитися працювати з інструментом для створення та зміни текстових об’єктів 1. Запустіть Inkscape. В параметрах документа (Файл→Параметри документа…) задайте орієнтацію сторінки альбомну. За допомогою інструменту Створення прямокутників та квадратів створіть прямокутник на всю область сторінки і зафарбуйте його в сірий колір. 30

2. Активуйте інструмент Створення та зміна текстових об’єктів, задайте параметри шрифту: гарнітура – Monotype Corsiva, розмір шрифту – 144, накреслення – жирне. Поставте курсор на сторінці і наберіть текст великими літерами INKSCAPE. Збільшіть розмір тексту за допомогою маркерів зміни розмірів. 3. Інструментом Малювання кривих Без’є чи прямих ліній намалюйте пряму лінію на всю ширину сторінки. Інструментом Редагування контурів та вузлів викривіть дану лінію. 4. Виділіть текстовий об’єкт та криву лінію за допомогою клавіші Shift і виконайте команду Текст→Розмістити по контуру. Не знімаючи виділення продублюйте дане зображення. І на панелі параметрів інструменту Позначення та трансформація об’єктів виберіть віддзеркалення по вертикалі. Опустіть зображення вниз за допомогою клавіш на клавіатурі (мал. 1).

Мал. 1

5. Виділивши нижнє дзеркальне відображення інструментом Створення та зміна градієнтів надайте градієнтну заливку до 31

об’єкта так, щоб отримати ефект віддзеркалення на поверхні (мал. 2). 6. Вставте у документ зображення Inkscape_logotype.svg, яке було створене у попередньому завданні. Для цього виконайте команду Файл→Імпортувати… і у вікні, що появилося, виберіть необхідний файл. Зменшіть його розміри і розмістіть як на малюнку (мал. 3).

Мал. 2

Мал. 3

7. Збережіть зображення у файл з іменем Текст.svg. Вправа 5. «Створення складного контуру» Мета: навчитися створювати складні контури із примітивних та групування об’єктів 1. Запустіть Inkscape. Створіть прямокутник шириною 350 пікселів. Задайте на панелі параметрів горизонтальний та вертикальний радіуси округлення по 60 пікселів. 2. Створіть коло діаметром 350 пікселів. Продублюйте його та зменшіть ширину і збільшіть висоту еліпса. Не знімаючи виділення продублюйте цей еліпс. Зменшіть висоту еліпса. 3. Виділіть округлений прямокутник та продублюйте його. Зменшіть його по ширині та висоті. Не знімаючи виділення активуйте інструмент Створення прямокутників та квадратів та задайте на панелі параметрів горизонтальний та вертикальний радіуси округлення по 10 пікселів. 4. Виділіть всі створені контури та відключіть заливку. Встановіть товщину контуру 1 піксель (Об’єкт→Заповнення та 32

штрих). Виконайте команду Об’єкт→Вирівняти та розподілити… У вікні виберіть центрувати за вертикальною віссю. Розмістіть контури як показано на малюнку (мал. 1).

Мал. 1

Мал. 2

5. Виконайте команду Контур→Сума. Ми отримаємо складний контур форми пляшки. Зафарбуйте контур в бірюзовий колір. 6. Створіть коло невеликого розміру за допомогою інструменту Створення кіл, еліпсів та дуг. У вікні Заповнення та штрих (Об’єкт→Заповнення та штрих) задайте заповнення білим кольором, розмивання – 40, колір штриха відключити. Продублюйте дане коло, зменшіть розміри і розмістіть його у верхній частині зображення (мал. 2). 7. Інструментом Створення кіл, еліпсів та дуг створіть коло, на панелі параметрів даного інструмента задайте початок – 0, кінець – 180, перетворити на сегмент. Активувавши інструмент Позначення та трансформація об’єктів на панелі параметрів задайте ширину сегмента 350 пікселів. Колір заповнення сегмента задайте білий, колір штриха відключіть. Продублюйте його двічі і відтягніть їх в сторону. 8. Створіть прямокутник інструментом Створення прямокутників та квадратів, колір заповнення – білий, колір штриха віключіть, ширину прямокутника задайте 350 пікселів. Припасуйте один із сегментів до нижньої частини прямокутника 33

і виконайте команду Контур→Сума. Другий сегмент розташуйте у верхній частині щойно утвореного контур і виконайте команду Контур→Різниця. 9. Розмістіть утворений контур на контурі пляшки. При цьому задайте повторно ширину контуру пляшки 350 пікселів та за допомогою вікна Вирівняти та розподілити задайте центрування за вертикальною віссю (мал. 3). 10 . Виділіть третій сегмент. Активуйте інструмент Створення кіл, еліпсів та дуг та на панелі параметрів виберіть Перейти до дуги. Задайте колір штриха чорний, заповнення відключіть. Виконайте команду Контур→Розвернути. 11. Активуйте інструмент Створення та зміна текстових об’єктів. Задайте параметри: гарнітура шрифта - Times New Roman, розмір шрифту – 72, накреслення – жирний, розміщення тексту - посередині. Наберіть великими літерами слово «МОЛОКО». Виділіть текстовий об’єкт та дугу і виконайте Текст→Розмістити по контуру. 12. Виділіть дугу під текстом за відключіть колір штриха. Розмістіть текст на етикетці (мал. 4).

Мал. 4

Мал. 3

13. Збережіть зображення Складний_контур.svg. 34

файл

іменем

Вправа 6. «Створення перспективи в Inkscape» Мета: навчитися створювати ефект перспективи за допомогою інструменту «Створити тривимірні об’єкти» у векторному графічному редакторі Inkscape 1. Створити нове зображення. За допомогою команди Файл→Параметри документа… задати альбомну орієнтацію сторінки. Підібрати масштаб сторінки такий, щоб її було видно повністю. 2. Активувати інструмент Створити тривимірні об’єкти. Створити тривимірний об’єкт задавши параметри кута Y – 90 і кута Z – 0. Включити паралельність. Змінити розміри об’єкта так як показано на малюнку. За допомогою інструменту Заповнити замкнені області перефарбувати об’єкт у різні відтінки сірого кольору надавши ефект об’ємності (мал. 1). 3. Продублюйте створений об’єкт і перемістіть його вліво. Отримаємо рейси майбутньої залізничної дороги. За допомогою інструменту Піпетка виберіть ті ж самі кольори на правому об’єкті і зафарбуйте інструментом Заповнити замкнені області на лівому зображені (мал. 2).

Мал. 1 Мал. 2

4. Інструментом Створити тривимірні об’єкти створіть шпалу. Змініть розміри її щоб вона була довжиною від однієї рейси до другої (мал. 3). Дублюйте кожну створену шпалу і переміщайте її 35

дальше по дорозі змінюючи розміри (мал. 4). Зафарбуйте їх у сірі кольори. Виділіть ліву рейсу і підніміть її на передній план (Об’єкт→На передній план).

Мал. 3

Мал. 4

5. Створіть тривимірне зображення і опустіть його на задній план (мал. 5). Не знімаючи виділення виконайте команду Об’єкт→Заповнення та штрих. Виберіть заповнення текстурою Пісок (мал. 6).

Мал. 5

Мал. 6

6. Інструментом створення кривих Без’є чи прямих ліній створіть дві лінії, які беруть початок у точці перспективи (мал. 7). Виділіть обидві прямі і перетворіть їх у напрямні командою Об’єкт→Об’єкти у напрямні. 36

Мал. 7

7. Створіть за допомогою інструменту Створення тривимірних об’єктів стовп (мал. 8). Продублюйте створений об’єкт і перемістіть його вздовж направляючих до точки перспективи. Виконайте це декілька раз і отримайте зображення стовпів, які йдуть вздовж залізничної дороги (мал. 9).

Мал. 8

Мал. 9

8. Тим самим інструментом створіть верхню планку стовпа (мал. 10). Створіть пряму лінію від точки перспективи до початку планки. Перетворіть її у напрямну. Дублюючи верхню планку переміщайте її вздовж напрямних ліній до наступного стовпа. Виконайте дублювання і переміщення стільки разів скільки є 37

стовпів. Продублюйте першу створену планку і перемістіть її ближче до вас (мал. 11). Видаліть усі напрямляючи лінії.

Мал. 10

Мал. 11

9. Створіть пряму лінію від точки перспективи, задайте її товщину 0,5 пікселя (Об’єкт→Заповнення та штрих закладка Стиль штриха). Створіть прямі лінії від країв верхніх планок стовпів до створеної лінії (мал. 12).

Мал. 12

10. Створіть тривимірний об’єкт зменшивши висоту його практично до нуля. Зафарбуйте його в чорний колір (мал. 13). 11. Аналогічно створіть тривимірний об’єкт зменшивши його висоту і розміри. Зафарбуйте його в білий колір (мал. 14). Створіть пряму лінію від точки перспективи вздовж створеного об’єкта. Перетворіть її в напрямну.

Мал. 14

Мал. 13

12. Продублюйте створене тривимірне зображення білого прямокутника і перемістіть його вздовж напрямної в сторону точки перспективи. Виконайте це декілька оаз, щоб отримати смуги розмітки дороги (мал. 15). Видаліть напрямну лінію.

Мал. 15

13. Створіть прямокутник і зафарбуйте його в зелений колір. Перемістіть його на задній план. Створіть ще один прямокутник зафарбувавши його в голубий колір. Його також помістіть на задній план. Змініть їх розміри і розташування як на малюнку, щоб отримати небо і траву. Лінія горизонту повинна проходити через точку перспективи (мал. 16).

Мал. 16

14. Створіть контур інструментом Створення кривих Без’є чи прямих ліній (мал. 17). Зафарбуйте його в зелений колір, але темніший чим колір трави. Відключіть відображення штриха. Опустіть його на задній план та один раз підніміть на верх. Продублюйте даний фрагмент зображення та розмістіть його справа від залізничної дороги. Аналогічно опустіть його на задній план і піднімайте по одному крокові вверх поки він не буде над травою і знаходитися під піском (мал. 18).

Мал. 17

Мал. 18

15. Створимо зображення ялинки інструментом Створення кривих Без’є чи прямих ліній. Зафарбуйте його в темно40

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

Мал. 20

Мал. 19

17. Створіть контур, який буде фоном гір на горизонті. Зафарбуйте його в світло-голубий колір. Відключіть відображення штриха (мал. 21). Опустіть йог на задній план і один раз підніміть.

Мал. 21

18. Інструментом Малювання довільних контурів створіть контур хмарини. Зафарбуйте в білий колір і відключіть відображення штриха (мал. 22). Продублюйте дане зображення і зафарбуйте його в сірий колір. Опустіть його на один раз, щоб сіра хмарина була під білою. І клавішами перемістіть його нижче. Згрупуйте обидві хмарини. Продублюйте хмарину і розмістіть з другої сторони неба (мал. 23). Збережіть дане зображення з іменем Перспектива.svg.

Мал. 22

Мал. 23

Вправа 7. «Ефекти контуру та фільтри в Inkscape» Мета: навчитися застосовувати різні ефекти контурів та фільтрів до об’єктів 1. Запустіть Inkscape та інструментом Створення кіл, еліпсів та дуг створіть еліпс (мал. 1). 42

2. Продублюйте даний еліпс і перетягніть його в бік. Він нам пригодиться пізніше. Активувавши інструмент Створення кіл, еліпсів та дуг, виділіть головний еліпс і на панелі параметрів задайте початок – 90, кінець – 270 і виберіть режим дуги. Продублюйте дану дугу і на панелі параметрів інструмента Позначення та трансформація об’єктів віддзеркальте горизонтально дугу. Розмістіть її поряд початкової дуги (мал. 2).

Мал. 1 Мал. 2

3. Виділіть обидві дуги і виконайте команду Контур→ Об’єднати. Відкрийте редактор ефектів контурів (Контур→Редактор ефектів контурів…). У вікні, що відкриється виберіть ефект Інтерполяція контурів і нажміть кнопку Додати. Задайте параметри ефекту: однакові проміжки, крок – 7 (мал. 3). 4. Виберіть палітру кольорів Gold і задайте колір штриха із темних відтінків. Товщину штриха задайте 8 пікселів (Об’єкт→Заповнення та штрих, закладка Стиль штриха) 5. Виділіть еліпс, який був розміщений збоку від основного. Активуйте інструмент Створення та зміна градієнтів задавши режим на панелі параметрів Створення радіального градієнта. Залийте ним даний еліпс вибравши відповідні відтінки кольорів на палітрі кольорів. Розмістіть даний еліпс під головний контуром (мал. 4).

Мал. 3

Мал. 4

6. Створіть невеликий прямокутник інструментом Створення прямокутників та квадратів. Виберіть палітру кольорів Inkscape default і зафарбуйте його в оливковий колір (мал. 5). 7. Не знімаючи виділення з прямокутника відкрийте вікно Редактора ефектів контурів. Виберіть ефект Викривлення оболонки та додайте його. Викривляючи відповідні сторони контуру, створіть ефект викривлення як на малюнку (мал. 6).

Мал. 5

Мал. 6

8. Продублюйте даний об’єкт і віддзеркальте його по горизонталі. Розмістіть даний об’єкт поряд з вихідним об’єктом. Перемістивши обидва об’єкти на задній план, розмістіть їх нижню частину під еліпсом (мал. 7). 9. Виділіть зображення еліпса та застосуйте фільтр Видимість (Фільтри→Ромиття→Видимість). Не знімаючи виділення застосуйте фільтр Світла гумка (Фільтри→Інструменти прозорості→Світла гумка). Застосуйте фільтр Сяйво (Фільтри→Тіні і віблиски→Сяйво) (мал. 8).

Мал. 7

Мал. 8

10. Виділіть верхні два об’єкти зображення та застосуйте до них фільтр Чорне світло (Фільтри→Колір→Чорне світло) потім фільтри Лінза м’якого фокусування (Фільтри→Еекти зображень→Лінза м’якого фокусування), а також фільтр Дзеркальне світло (Фільтри→Основні→Дзеркальне світло). Потім застосуйте фільтр Сяйво (Фільтри→Тіні і віблиски→Сяйво) (мал. 9).

Мал. 9

11. Інструментом Малювання довільних контурів задавши чорний колір штриха, намалюйте дві криві лінії, які будуть вусиками цибулини (мал. 10). 12. Виділіть їх і об’єднайте командою Контур→Об’єднати. Не знімаючи виділення відкрийте вікно Редактора ефектів контурів та застосуйте ефект Інтерполяція контурами задавши крок – 30. У вікні Заповнення та штрих задайте товщину штриха 2 пікселя. У вікні Редактора ефектів контурів застосуйте ще один ефект – Вигнути і вигніть дані контури невеликою дугою (мал. 11).

Мал. 10

Мал. 11

13. Не знімаючи виділення опустіть дані контури на задній план і розмістіть їх так, щоб верхня частина контурів була під цибулиною (мал. 12). Збережіть дане зображення з іменем Цибулина.svg. Мал. 12

Вправа 8. «Створення 3D об’єктів» Мета: навчитися створювати тривимірні об’єкти засобами векторного графічного редактора Inkscape 1. Створіть новий документ і задайте параметри сторінки Альбомна. Підберіть масштаб сторінки до її розмірів. Активуйте інструмент Створити тривимірні об’єкти і створіть паралелепіпед задавши йому необхідні параметри: кут Х – 20, кут Y – 45, кут Z – 115, включити всюди паралельність (мал. 1). 2. Розгрупуйте створений тривимірний об’єкт і видаліть його невидимі грані (мал. 2). Видимі грані, що залишились, виділіть і продублюйте їх.

Мал. 2

Мал. 1

3. Не знімаючи виділення виконайте команду Контур→Сума та Об’єкт→Об’кти у напрямні (мал. 3).

Мал. 3

4. Після створення напрямних їх осі повороту розміщуються в місцях де раніше були кути ломаної. Осі потрібно перемістити (зажав при цьому Ctrl) в точки їх перетину і тільки після цього 46

міняти нахил напрямних (зажавши Shift). При цьому варто включити присипання командою Перегляд→Прилипання (мал. 4).

Мал. 4

5. За допомогою інструменту Створення кривих Без’є чи прямих ліній створити контур вздовж напрямних як показано на малюнку (мал. 5). 6. Створити градієнтну заливку для даного контуру інструментом Створення та зміна градієнтів (мал. 6). Кольори для градієнту вибирати за допомогою інструменту Піпетка з граней поверхні об’єкта. Відключити відображення штриха даного контуру.

Мал. 5

Мал. 6

7. Аналогічно створіть інший контур (мал. 7) і залийте його градієнтом і відключіть відображення штриха. 8. Створіть ще один контур (мал. 8) і його також залийте градієнтом, відключивши відображення штриха.

Мал. 8

Мал. 7

9. Інструментом Редагування контурів за вузлами з’єднайте три створенні контури на вершині кута, який найближче до нас (мал. 9). 10. Виділіть верхню грань створеного зображення і продублюйте його, змінивши при цьому колір заповнення на чорний. Зменшіть його розміри і розмістіть його по центру зображення (мал. 10).

Мал. 9

Мал. 10

11. Продублюйте щойно створене зображення, задайте розмивання – 3,7 та непрозорість – 80% (Об’єкт→Заповнення та штрих). Підберіть розмір та розташуйте його як на малюнку (мал. 12).

Мал. 12

12. Зберегти файл з іменем Планшет.svg. 48

Список використаних джерел 1.

2. 3. 4. 5.

Немчанинова Ю.П. Обработка и редактирование векторной графики в Inkscape (ПО для обработки и редактирования векторной графики): Учебное пособие. – Москва: 2008.-52с. Жексенаева А.Г. Основы работы в растровому редакторе GIMP (ПО для обработки и редактирования растровои графики): Учебное пособие. – Москва: 2008.-80с. GIMP – бесплатный растровый графический редактор. Режим доступу до URL: www.progimp.ru. Путеводитель по Inkscape. Режим доступу до URL: http://rus-linux.net/nlib.php? name=/MyLDP/mm/inkscape/inkscape-guide.html. OpenArts.ru свободные редакторы для свободных художнгиков. Режим доступу до URL: www.openarts.ru.

ДЛЯ НОТАТОК _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ _______________________________________________________ 50