Завдання
Ознайомитися з теоретичним матеріалом.
Відкрит програму Inscape.
Виконати дії наведені в прикладі 1 до текст з прізвищем і ім’ям студента.
Знайти коротку цитату відомої людини або вселей жарт і оформити як наведено у прикладі 2.
Оформити звіт і пред’явити до захисту. Підготувати контрольні поитання.
Література
http://inkscape.paint-net.ru/?id=23
http://inkscape.paint-net.ru/?id=34
Контрольні питання
Які дії можна виконати з векторним текстом?
Які переваги у векторного тексту над растровим?
Які дії було виконано в ході лабораторної роботи?
Лабораторна робота №12
Тема роботи: Створення листівки
Мета роботи: Ознайомитись з алгоритмами обробки векторних фігур в Inkscape
Теоретичні відомості
Малювання у векторних редакторах в більшій частині зводиться до створення і обробки обробки векторних фігур. Основні інструменти було розглянуто в Лабораторній роботі №9, проте варіанти їх використання ми розглянемо зараз.
Приклад
Листівка або векторні шпалери Валентинка
В якості основи для створення основного контуру ми будемо використовувати криву Безьє, яку можна намалювати за допомогою інструменту перо . Конфігурація кривої, яку ви намалюєте за допомогою інструменту перо, визначається вузлами. Вузли бувають гострими і плавним. При малюванні кривої Безьє гострі вузли створюються автоматично. Якщо при створенні вузла інструментом перо відразу не відпускати мишку, а перетягнути її в бік направляючої майбутнього вузла, то можна створити згладжений вузол. Властивість вузлів можна змінити пізніше, використовуючи інструмент управління вузлами. Змінити гострий вузол на згладжений також можна, клацнувши по ньому інструментом управління вузлами при клавіші Ctrl.
Намалюйте ось таку конструкцію, використовуючи просто прямі вузли.
Змініть
властивості вузлів, як показано на
схемі нижче.
Зробіть копію дубль намальованого нами контуру. Зробити це можна в меню "Об'єкт" чи комбінації клавіш Ctrl + D. Копія об'єкта буде розташована безпосередньо поверх вихідного, так що працювати ви, швидше за все, будете вже з копією. Виділіть у ній два вузла низу сердечка, як показано на малюнку нижче. У рядку стану повинна відобразитися інформація, що ви виділили два з десяти вузлів. Тепер розірвемо контур в цих вузлах по відповідній кнопці "розірвати контур у виділеному вузлі" в контекстному меню інструменту управління вузлами.
Тепер у рядку стану зазначено, що наш контур складається з 12 вузлів, а не десяти як було раніше. Тим не менше, сам контур так і залишився цілим, що складається з трьох субконтуров. У цьому можна переконатися, якщо натиснути кнопку показати "абрис контуру".
Тепер розділимо контури. Зробити це можна в головному меню "Контури" - "Розбити" або комбінація клавіш Shift + Ctrl + K. Як бачите на малюнку нижче тепер контурів три.
Зверніть увагу, що все це ми робили на дублі контуру. Нижній вихідний контур весь цей час залишався як є. Виберіть два нижніх контурів, послідовно клацнувши по ним інструментом виділення і трансформації, утримуючи клавішу Shift. Видаліть їх, натиснувши клавішу Del.
Виділіть нижні вузли цього контуру і з'єднайте їх, натиснувши на кнопку "з'єднати контури по виділених вузлів". Якщо лінія з'єднання вийшла кривою, можна спробувати використовувати кнопку "зробити виділені сегменти прямими".
Тепер у нас є контур сердечка, який ви можете заповнити кольором. Виберіть будь-який вподобаний відтінок, наприклад червоного кольору і встановіть його в якості кольору заливки в діалоговому вікні заливки та обведення Ctrl + Shift + F. Залежно від налаштувань заливки вона може виглядати з дірочкою посередині чи ні, як показано на малюнку нижче.
Виділіть зафарбоване сердечко і відмініть заливку обведення об'єкта. Зробити це можна в тому ж діалозі заливки і обведення на закладці "Обведення".
Зробіть копію сердечка, використовуючи вже відому нам комбінацію клавіш Ctrl + D. І перемістіть копію куди-небудь убік. Зараз вона нам не потрібна, але потім знадобиться. Те, що у нас вийшло без прибраній у бік копії, виглядає якось так.
Тепер зробимо фон. Оскільки далі ми будемо працювати з білими лініями, то розумно зробити тимчасово фон яким-небудь іншим кольором, ну наприклад сірим. Все одно ми потім його будемо міняти. Для цього ми намалюємо відповідний прямокутник. Звичайно, ми могли б просто поміняти колір фону самого документа. Зробити це можна було б на закладці налаштувань документа "сторінка" клавіші Ctrl + Shift + D, проте прямокутник нам потім все одно знадобиться, так що давайте намалюємо прямокутник.
Найбільш популярні співвідношення сторін та їх відповідності розмірам монітора.
4x3
640x480
800x600
1024x768
1152x864
1280x960
16х9
852x480
1280x720
1365x768
1600x900
16х10
1440x900
1680x1050
1920x1200
Для того щоб прямокутник не перекривати об'єкт, а знаходився за ним, перемістіть його на задній план - клавіша End.
Тепер створимо абстрактну картину. Для початку виділіть наш вихідний контур - лінію. Зробіть його копію Ctrl + D. Поверніть його трохи, градусів на 20-25 за допомогою інструменту трансформації та переміщення.
Встановіть колір обведення основного контуру кольором сердечка, а колір повернутого контуру білим. У результаті повинно вийти так:
Тепер виберіть обидва контури, послідовно клацнувши по кожному контуру, утримуючи клавішу Shift. Перейдіть в головне меню "Розширення" - "Створення з контуру" - "Інтерполяція".
Поставте галочку попереднього перегляду, і ви відразу будете бачити на полотні результати інтерполяції. Галочка інтерполювати стиль, забезпечить вам плавний перехід кольорів. Галочка продублювати кінцеві контури придалася б для того що б продублювати вихідні контури для подальшого використання їх копій. Але оскільки нам вони більше не потрібні, ця галочка знята.
Виділіть результат інтерполяції і наше червоне сердечко і згрупуйте всі ці об'єкти. Клавіші Ctrl + G.
Тепер виберіть обидва об'єкти група і сірий прямокутник, послідовно клацнувши по ним інструментом виділення з натиснутою клавішею Shift. Відкрийте вікно "вирівняти і розставити" з головного меню "Об'єкт" або по клавішах Ctrl + Shift + A. Встановіть орієнтир "Останній виділений", якщо останнім ви обирали прямокутник і натисніть кнопки "центрувати по горизонтальній осі" і "центрувати по вертикальній осі". Тепер сердечко з лініями має у вас бути в центрі прямокутника.
Створіть пару копій сердечок. Зменшіть їх розмір. Зменшити розмір можна інструментом виділення. Утримуйте при цьому клавішу Ctrl, що б при зміні розміру зберігалися пропорції.
Трохи повернувши зменшені копії, перемістіть їх так, що б вони розташувалися приблизно так, як на малюнку нижче.
Давайте заллємо сірий нудний фон градієнтом. Вибрати спосіб заливки градієнтом можна при виділеному прямокутнику у вікні заливки та обведення Ctrl + Shift + F. Якщо напрямні градієнта не з'явились, клацніть по інструменту градієнт, що б активувати його, і вони з'являться. Виберіть які-небудь гарні кольори. Змінювати кольору точок можна прямо у вікні заливки та обведення, якщо точка виділена. Виділяти точку просто, треба клацнути по ній один раз інструментом градієнт. Щоб поміняти напрям градієнта навпаки використовуйте комбінацію клавіш Shift + R.
Настав час використовувати відкладене вбік сердечко і прикрасити їм нашу листівку. Знайдіть його десь у боці полотна, куди ви його перемістили. Перемістіть його над нашою листівкою. Зробіть його заливку білого кольору, а обведення відключіть. Прозорість заливки зробіть, наприклад 15%. Збільште розмір серця, що б воно було більше, ніж прямокутник. Це велике біле прозоре сердечко має бути вище прямокутника, але нижче всіх інших фігур. Опустіть його зовсім на задній план клавішею End, а оскільки раніше на самому задньому плані у нас був прямокутник, то підніміть серце, не знімаючи виділення, клавішею Page Up на один рівень вище. Тепер воно стане вище прямокутника, але нижче всіх інших фігур.
Створіть ще одну копію великого білого напівпрозорого серця.
Зменшіть його розмір, утримуючи натиснутими одночасно Ctrl + Shift. Так зміна розміру відбуватиметься щодо центральної точки. Встановіть прозорість його заливки 30% а розмиття 5%. Це біле розмите сердечко має бути вище прямокутника і великого білого серця, тобто третім знизу. Якщо ви не впевнені, що це так, то опустіть його зовсім на задній план клавішею End, а потім підніміть розмите серце, не знімаючи виділення, клавішею Page Up два рази.
Ось так виглядатиме малюнок із застосуванням до першого серцю ефекту з меню "Фільтри" - "Морфологія" - "Порожнеча уздовж країв".
А давайте і до великого білому серцю теж застосуємо небудь фільтр. Наприклад, головне меню "Фільтри" - "Розсіювання" - "Кубики".
Спробуйте поекспериментувати і з іншими ефектами. Якщо ви задоволені результатом, то можна закінчувати роботу. Залишилося тільки обрізати всі непотрібні виступаючі краї. Нехай розміром буде наш прямокутник, не дарма ж ми підбирали для нього пропорції. Зробіть копію прямокутника фону з заднього плану, виділивши його і натиснувши клавіші Ctrl + D. Копія розміститься вище всіх фігур. Виділіть всі об'єкти, використовуючи інструмент виділення для виділення рамкою. Тобто зменшите масштаб і обведіть цим інструментом рамку, в яку точно потраплять всі об'єкти. У меню "Об'єкт" виберіть пункт "Відсічний контур" - "Встановити".
