Тема:

Цілі:

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

розвиваюча:сприяти розвитку пізнавальних процесів у учнів, уяви, логічного та творчого мислення.

виховна:виховувати інформаційну культуру, ініціативність, ціннісні стосунки до предмета.

Обладнання:

ПК із встановленою ОС Windows, векторний графічний редактор, вбудований у текстовий редактор, що входить до складу інтегрованої програми Office.

Комп'ютерна презентація

Тип уроку: комбінований

План уроку:

Організаційно-мотиваційний етап 1 хв.

Актуалізація опорних знань 4 хв.

Етап засвоєння нових знань та способів дій 15 хв.

Етап первинної перевірки розуміння вивченого 3 хв.

Етап застосування знань та способів дій 15 хв.

Етап корекції знань та способів дій 2 хв.

Етап інформації про домашнє завдання 2 хв.

Етап підбиття підсумків заняття 2 хв.

Етап рефлексії 1 хв.

Хід уроку

Етапи

уроку

I. Організаційно-мотиваційний етап

Привітання фіксація відсутніх.

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

II. Актуалізація опорних знань

Згадаймо про що ви говорили на попередніх заняттях.

Які типи комп'ютерних зображень вам відомі?

Растрові та векторні

Як виходить растрове зображення?

Растрове зображення створюється за допомогою точок різного кольору – пікселів, які утворюють рядки та стовпці. Кожен піксель може приймати будь-який колір із палітри, що містить десятки мільйонів кольорів, тому растрові зображення забезпечують високу точність передачі кольорів та півтонів.

Яка особливість растрових зображень?

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

Як формуються векторні зображення?

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

Яка головна перевага векторної графіки?

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

III. Етап засвоєння нових знань та способів дій

Ми згадали основні питання, пов'язані із комп'ютерною графікою. Тепер же давайте розберемося, що є векторними графічними редакторами.

Векторні графічні редактори

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

До векторних графічних редакторів відноситься вбудований у Microsoft Office Word графічний редактор. Саме на його прикладі ми й знайомитимемося з векторними редакторами.

Векторне зображення легко редагувати, оскільки кожен графічний примітив є самостійним об'єктом. Можна без втрати якості зображення переміщати цей об'єкт, змінювати його розміри, колір та прозорість.

Шари об'єктів.

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

Дуже зручно те, що векторний графічний редактор дозволяє нам змінювати видимість об'єктів шляхом зміни порядку розміщення шарів малюнку. Для цього використовуються операції зміни порядку, які дозволяють переміщати виділений об'єкт на передній план (у верхній шар малюнка) або на задній план (у нижній шар малюнка), а також на один шар вперед або назад.

Ще одна можливість векторних редакторів – зміни ступеня прозорості кожного об'єкта (шару малюнка). Ступінь прозорості вказується у відсотках від 0 до 100%. При нульовій прозорості шару об'єкт, намальований на шарі нижче, видно не буде. Навпаки, при стовідсотковій прозорості його буде видно повністю.

Угруповання об'єктів.

У векторному редакторі окремі графічні примітиви можна перетворити на єдиний об'єкт (згрупувати). З цим новим об'єктом можна робити ті ж дії, що і з графічними примітивами, тобто переміщати об'єкт, змінювати його розміри, колір та інші параметри. Можна і, навпаки, розбити об'єкт, що з кількох об'єктів, на самостійні об'єкти (розгрупувати).

Наприклад, олімпійську емблему можна намалювати за допомогою п'яти кіл різного кольору. Потім, згрупувавши їх в один об'єкт, можна змінювати розмір, пропорції та колір усієї олімпійської емблеми.

А ви знаєте, що позначають 5 кілець в олімпійській емблемі?

П'ять переплетених кілець блакитного, чорного, червоного (верхній ряд), жовтого та зеленого (нижній) кольорів – символ п'яти об'єднаних в олімпійський рух континентів. Запропонована у 1913 р. П. де Кубертеном.

Для більшої точності малювання об'єктів у вікні редактора по горизонталі та по вертикалі розміщуються лінійки з поділками.

Для вирівнювання намальованих об'єктів по горизонталі та вертикалі використовується сітка. Можна зробити сітку видимою, а також змінити розмір її осередків.

Основні векторні редактори

Простий векторний графічний редактор StarOffice Draw входить до складу інтегрованої офісної програми StarOffice, зручний векторний редактор вбудований в текстовий редактор Microsoft Word, для створення креслень і схем можна використовувати систему комп'ютерного креслення КОМПАС, серед професійних векторних графічних систем найбільш поширена CorelDRAW.

Сьогодні ми познайомимося із вбудованим у програму Microsoft Word графічним редактором, який є векторним.

Перш ніж малювати, переконайтеся, що у вікні програми є панель інструментів Малювання.

Як викликати панелі інструментів?

Вид – Панелі інструментів - …

Розгляньмо інструменти панелі Малювання.

Меню Малювання дозволяє виконувати різні дії з об'єктами зображення. Наприклад, можна групувати, повернути, відобразити, змінити порядок. Ще одна можливість – відображення ліній сітки, що дозволяє розміщувати об'єкти симетрично, на рівних відстанях, тобто. підвищує точність побудов.

Стрілка дозволяє вибирати та виділяти об'єкти.

Пункт меню Автофігури відкриває доступ до всіх автофігур, за допомогою яких ми будуватимемо зображення.

За ними розташовані піктограми Напис, Додати об'єкт WordArt, Додати діаграму, Додати зображення, Колір заливки, Колір ліній, Колір шрифту, Тип ліній, Шаблон лінії, Меню «Тіні» та «Обсяги».

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

IV. Етап первинної перевірки розуміння вивченого

1. Чому у векторних графічних редакторах можна змінювати видимість об'єктів, що утворюють рисунок?

2. У яких випадках корисно скористатися операцією угруповання об'єктів?

3. Які векторні редактори ви знаєте?

4. Назвіть можливості векторного графічного редактора, які є його перевагами.

V. Етап застосування знань та способів дій

Тепер розберемося на практиці та навчимося застосовувати інструменти малювання векторного графічного редактора.

VI. Етап корекції знань та способів дій

Перевірка та корекція вчителем правильності виконання практичної роботи.

VII. Етап інформації про домашнє завдання

VIII. Етап підбиття підсумків заняття

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

Виставлення оцінок.

IX. Етап рефлексії

Чим цікавий урок? Що хотіли б змінити? Як оцінюєте свою роботу на уроці?

Пакет LibreOffice позиціонується розробниками як безкоштовний аналог Microsoft Office. Якість створюваних у LibreOffice Writer текстових документів не поступається якості документів Microsoft Word. А в деяких випадках можливості LibreOffice Writer навіть ширші, ніж інші текстові редактори. Одним із таких випадків є використання інструменту «Стрілки», за допомогою якого можна оформити стиль ліній-покажчиків, які використовуються в документі. Тільки необхідно навчитися використовувати можливості цього інструменту на повну потужність.

Перше знайомство

Запускаємо LibreOffice Writer, клацаючи по іконці на робочому столі, і дивимось у лівий нижній кут екрана. Зазвичай там знаходиться менющо дозволяє створити в текстовому документі об'єкти з геометричних фігур (у тому числі - з ліній). Якщо цих кнопок на місці немає, слід поставити галочку в одному з головних пунктів меню: Вид -> Панелі інструментів -> Малювання.

Мал. 1. Виклик меню для малювання у Writer

Малювання в LibreOffice Writer (як і в більшості текстових редакторів) здійснюється за допомогою створення векторних об'єктів (графічних примітивів). І всі необхідні малюнки та схеми створюються за допомогою основних фігур: прямокутник, еліпс, блокові стрілки, виноски та зірки.

Мал. 2. Меню малювання у Writer. Пункт "Основні фігури"

Починаємо малювати. Лінії та стрілки

Найпростіший об'єкт малювання – лінія. У менюМалювання натискаємо на кнопку лінія і малюємо її на екрані, просто розтягуючи її мишкою від початку до кінця. Даний методдосить простий і доступний самому початківцю.

Мал. 3. Перша лінія

Робимо з лінії стрілку

Щоб з лінії зробити стрілку, необхідно знайти меню Властивості малюнка. Зазвичай воно знаходиться в лівому верхньому кутку екрана, нижче панелі Стандартна. Але з'являється воно лише тоді, коли об'єкт Лінія є виділеним. Якщо цього меню дома немає, то виконуємо команду Вигляд -> Панелі інструментів -> Властивості рисунка.

Зараз у цьому меню нас цікавить кнопка Стиль стрілок.

Мал. 4. Кнопка Стиль стрілок у меню «Властивості малюнка»

Саме там є все необхідне для того, щоб створити усілякі стрілки. Натискаємо на кнопку і бачимо меню, що випадає, де представлені всі стилі стрілок.

Мал. 5. Вибираємо потрібний стиль стрілок

Тут є одна проблема, на якій необхідно зупинитися трохи докладніше.

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

У тому меню «Властивості малюнка» є кнопки, з допомогою яких можна встановити потрібні колір і товщину стрілки; можна перемістити стрілки на передній/задній план; можна змінити прив'язку стрілки (до сторінки, абзацу, символу). Одним словом, можна досягти того, щоб стрілка виглядала в документі саме так, як це необхідно (див. рисунок).

Мал. 6. Зразки отриманих стрілок

Робимо підписи на стрілках

LibreOffice Writer дозволяє прив'язувати написи до кожної зі створених стрілок. Такі написи будуть переміщатися разом зі стрілкою, якщо ви змінюватимете її положення.

Прив'язати напис до стрілки можна просто клацнувши мишкою так, щоб у середині стрілки з'явився миготливий курсор. І тоді можна набрати будь-який текст на клавіатурі.

Мал. 7. Написи на стрілках

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

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

Додаємо спецефекти

Крім усього вищевикладеного, LibreOffice Writer дозволяє для кожної стрілки встановлювати нехитрі ефекти, які повинні привернути увагу читача до потрібної. інформації.

Натискаючи правою кнопкою мишки за обраною стрілкою, вибираємо в контекстному меню пункт: Текст.

І в віконці вибираємо закладку: Анімація тексту.

Мал. 8. Створюємо спецефекти

Є можливість встановити один із чотирьох динамічних ефектів (шкода, що неможливо зробити для них скріншот). Вони виглядають досить незвично, і далеко не в кожному текстовому редакторі є такі інструменти.

Підсумок

Стрілки в програмі LibreOffice Writer – справді потужний інструмент, використання якого допоможе красиво оформити текстовий документ.

Адміністрація сайту сайтвисловлює подяку автору Івану Красновуза підготовку матеріалу.

Зміст сайту

Різне

Робота із зображеннями

Огляд /

список

На малюнку – Libre Office Draw v 5.1.5 (2000 -2016 рр.). Інтерфейс та довідка – багатомовні (є російська мова).
Libre Office Draw входить до безкоштовного пакету програм Libre Office ( Вікіпедія про Libre Office).

До складу пакету входять програми:
LibreOffice Writer – текстовий редактор типу Microsoft Office Word
LibreOffice Writer (web) – редактор веб-сторінок
LibreOffice Draw - програма для роботи із зображеннями
LibreOffice Calc – створення електронних таблиць
LibreOffice Base - робота з базами даних
LibreOffice Impress – програма для створення презентацій
LibreOffice Math – програма для створення математичних формул

Працює у Windows, Linux, Mac.

Libre Office Draw

Основне призначення Libre Office Draw – векторне малювання. Додатково – створення веб-сторінок.

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

Програма має цілий набір векторних об'єктів, які можна вставити на сторінку - прямі лінії та лінії довільної форми, лінії зі стрілками, прямокутники, еліпси (коло), різні векторні фігури, різноманітні зірки, виноски та інше. Є велика галерея спец. піктограм і мініатюр.
Крім цього, на сторінку можна вставити текст, схеми, діаграми, зображення, відео, звук, слайди, файл, кадр, таблицю, поля дати та часу (в т.ч. змінюються), створити посилання та ін.
Для вставленого тексту є функція перевірки орфографії. До тексту можна застосувати ефекти (тобто створити художній текст) та створити анімований текст.
Можна вставити зображення з файлу або зі сканера.

Форму вставлених об'єктів можна скоригувати перетягуванням за вузли.

До об'єктів можна застосувати поворот навколо осі, відображення по горизонталі або вертикалі, застосувати розташування в різних шарах, вирівнювання, векторне зображення можна перетворити на растрове, застосувати заповнення (колір, градієнт, текстура), спотворення форми, 3D-перетворення та інше.

Збереження малюнка для подальшого редагування – у форматах odg, otd, sxd, std, fodg.
Збереження створеного (експорт) у форматах html, flash (swf), pdf, bmp, emf, gif, jpg, jpeg, png та інших.

Створення веб-сайту

При збереженні створеного в Libre Office Draw у форматі html-сторінок створюється комплект сторінок, зображень, кнопок навігації та ін. спеціалізована програма з цього пакету – LibreOffice Writer (web).
Для прикладу створено сайт, що складається із двох сторінок (див. малюнок вище).
Головна сторінка сайту є сторінкою з набором мініатюр - зменшених сторінок сайту. При натисканні мініатюри відкривається відповідна сторінка.
Приклад найпростішого сайту, створений у Libre Office Draw.

Програма для створення презентацій LibreOffice Impress, що входить до пакету Libre Office, за набором функцій та методів роботи багато в чому схожа на Libre Office Draw.

Малюнок 13.4. Новий елемент набору

При розміщенні останнього сегмента контуру фігура повинна замкнутися та стати непрозорою. Інструментом Лінія намалюйте лінії тарілок та осі мішалок. Інструментом Прямокутник Ctrl+8 намалюйте мішалки. Виберіть інструмент Точка з'єднання Shift+Ctrl+1, утримуючи Ctrl, встановіть точки з'єднання з'єднувальних ліній у нижній точці реактора і на лівій та правій стінках під тарілками. Закрийте документ (нижня кнопка з хрестиком) з елементом, підтвердьте збереження в наборі. Перемістіть новий елемент із набору до документа. Зробіть його копію, з'єднайте сполучною лінією нижній вихід лівого з одним із бокових входів правого реактора.

13.2. СТВОРЕННЯ СХЕМ У LIBREOFFICE DRAW

У У разі відсутності схеми Microsoft Visio можна побудувати в універсальному векторному редакторі LibreOffice Draw. Завантажте програму. У верхній частині вікна розташовані за промовчанням панелі Стандартна, Лінії та заливка, знизу – панель Малювання. У робочій області знаходяться Навігатор (F5), Панель сторінок , що містить мініатюрні зображення сторінок документа, область редагування поточного аркуша, знизу якої знаходяться вкладки перемикання шарів та список стилів (F11) тексту, ліній, заливок.

Спочатку встановіть товщину лінії контуру 0,10 см на панелі Лінії та заливку для наступних фігур. З групи фігур Схеми панелі Малювання помістіть елементи блок-схеми програми, яку ви створювали в розділі MS Visio. Командою контекстного меню

Положення та розмір задайте для основних фігур розмір 21,5 см, для

Сьогодні ми розглянемо основні прийоми роботи з LibreOffice Draw на прикладі створення блок-схеми алгоритму роботи комп'ютерної програми.

Програма для створення векторних зображень — чи не найнезатребуваніша в арсеналі середньостатистичного користувача офісного пакету. Однак це не означає, що вона ніколи і ніде вам не знадобиться. Мені вона дуже знадобилася для малювання різних блок-схем: інші графічні редактори не завжди мають потрібний набір зручних інструментів або мають, але вимагають значно більших рухів тіла для подальшої вставки зображення в документи і таблиці.
Почнемо із простого. Відкриємо Draw: для цього або оберемо пункт Створити->Малюнок Draw на стартовому екрані LibreOffice або ярлик самої програми.

Щоб засвоїти основні прийоми, намалюємо невелику блок-схему алгоритму визначення більшого з двох введених з клавіатури чисел. Вона включатиме наступні операції: введення чисел-> їх порівняння-> виведення результату на екран.

Відразу ж увімкнемо відображення сітки(По ній зручно контролювати розмір блоків і вирівнювати їх відносно один одного) - пункт меню Вид->Сітка->Показати сітку. І змінимо масштаб листана 100%: встановимо бігунок у правому нижньому кутку екрана в потрібне значення, або змінимо його в пункті меню Вид->Масштаб...

Умовні позначення вибиратимемо згідно з ГОСТ 19.701-90 (ІСО 5807-85) «Єдина система програмної документації. Схеми алгоритмів програм, даних та систем. Умовні позначення та правила виконання», оскільки саме його зазвичай дають школах (звісно, ​​у спрощеному варіанті) і вимагають у ВНЗ.
Блок-схема завжди починається з термінатора- еліпса, що означає вихід у зовнішнє середовище та вхід із зовнішнього середовища, у тому числі і початок або кінець програми. Помістимо його на лист: у LibreOffice Draw є окремий набір об'єктів для формування блок-схем - нам знадобиться кнопка Схеми->Блок-схема: знак завершення на панелі Малювання в нижній частині вікна:

Клацніть по ній, помістимо курсор у точку, де буде розташовуватися лівий верхній кут об'єкта, і розтягнемо фігуру до потрібного розміру. Скажімо, нехай вона займає 3 кроки сітки у висоту та 8 у довжину.
Тепер наведемо термінатор до виду, що рекомендується ГОСТ 19.003-80 «Схеми алгоритмів та програм. Позначення умовні графічні»(на даний момент він замінений зазначеним вище ГОСТ 19.701-90, але через те, що в ньому містяться більш чіткі рекомендації щодо зовнішнього вигляду блоків, на нього періодично посилаються): змінимо висоту блоку до 2 кроків, а довжину до 6. Зробимо фон фігури білим, а обведення — чорним: пункт меню Область...->Заповнити->Колір->Білий, пункт меню Лінія...->Колір->Чорний.

Щоб не повторювати роботу зі зміни колірної схеми фігур кожного разу, зробіть її відразу через основне меню Формат, а не через контекстне меню, що викликається для кожної фігури окремо.

Додамо в термінатор текст - двічі натиснемо по ньому кнопкою миші, натиснемо кнопку Текст () або F2, попередньо виділивши його, і додамо підпис "Початок". Отримаємо:

Щоб у разі чого не було боляче за випадково зниклу роботу, збережемо малюнок під ім'ям «Алгоритм Порівняння чисел»:

Тепер нам потрібно вивести для користувача запит на введення двох чисел. Для цього нам знадобиться символ Дисплей. Додамо його з того ж набору Схеми, змінимо пропорції до рекомендованих (довжина = 1,5 * ширина) і впишемо текст, який виводитиметься на екран:

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

Очевидно, що між об'єктами не вистачає сполучних ліній. Вони відрізняються від звичайних ліній і стрілок тим, що прикріплюються до точок з'єднання об'єктів і переміщаються разом з ними, змінюючи свій розмір за необхідності. Розрізняють чотири типи таких ліній — стандартні, підігнуті, прямі та згладжені криві (згори донизу):

Щоб прив'язати лінію до об'єктів, які вона з'єднує, потрібно вибрати тип на панелі Малювання і натиснути на нього. Тоді будуть видно точки з'єднання, які є у всіх об'єктів. Потім потрібно встановити курсор у точку початку лінії та приєднати його до точки, де вона має закінчуватися. У нашому випадку для першої частини алгоритму підійде пряма сполучна лінія:

В об'єкті Ручне введення нижня точка з'єднання знаходиться вище лінії, що окреслює його. Щоб з'єднання виглядало акуратно, виділимо сполучну і перемістимо її початок нижче:

Для другої частини алгоритму, що містить умову, зручніше використовувати підігнуту лінію зі стрілкою на кінці. Вона має дві додаткові точки перегину, що дозволяють повертати її в потрібному напрямку - для цього достатньо потягнути за них:

Таких ліній потрібно чотири. Також поруч із лініями, що виходять із об'єкта Рішенняприйнято робити підписи, що ілюструють його логіку. Знову скористаємося кнопкою Текст, але цього разу не стосується фігури. Після натискання на неї встановимо курсор туди, де має бути текст, і впишемо туди «ТАК»:

Аналогічно додамо коментар «НІ» над протилежною лінією:

Алгоритм готовий, залишиться лише зберегти його.
Насамкінець зверну вашу увагу на те, що у кожного приймаючого можуть бути свої вимоги до виконання нюансів, прямо не описаних у ГОСТ'і. Наприклад, хтось вимагає, щоб усі лінії, що потрапляють під умову, закінчувалися стрілками, хтось — щоб місце з'єднання двох і більше ліній було позначено точкою тощо. Сперечатися, навіть озброївшись ГОСТом, зазвичай буває марно. Просто наберіться терпіння та підправте ваш звичайний шаблон під конкретні вимоги.

На сьогоднішньому уроці ми познайомилися з основами роботи LibreOffice Draw. Однак, якщо у вас залишилися питання, їх можна задати в коментарях або на нашому форумі. Ми постараємося оперативно відповісти на них 🙂