Тема 45: Багатошарові зображення, розміщення об’єктів

 

 

Повторення.

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

https://naurok.com.ua/uploads/files/62603/35438/36002_html/images/var-www-user-data-www-naurok-com-ua-web-uploads-files-62603-.001.png

Пояснення вчителя з елементами демонстрування презентації

Як ми з'ясували, об'єкти, з яких складається зображення, можуть перекривати один одного. Об'єкт, створений останнім, розміщується на найвищому рівні, тобто закриває попередні.

Кожен з об’єктів векторного зображення розміщується в окремому шарі. Це дає змогу користувачеві змінювати положення одного об’єкта відносно іншого. Для змінення розміщення об’єкта у багатошаровому зображенні слід:

1.     Виокремити потрібний графічний об’єкт

https://naurok.com.ua/uploads/files/62603/35438/36002_html/images/var-www-user-data-www-naurok-com-ua-web-uploads-files-62603-.002.jpg2. Виконати

 

 

https://naurok.com.ua/uploads/files/62603/35438/36002_html/images/var-www-user-data-www-naurok-com-ua-web-uploads-files-62603-.003.png

Для того, щоб опрацьовувати групу об’єктів як один об’єкт необхідно їх згрупувати. Для групування об'єктів треба виділити всі об'єкти, що увійдуть до групи і виконати послідовність дій Видозмінити/Згрупувати.

 

 

Багатошарові зображення, розміщення об’єктів у шарах

Дане завдання можна виконати в будь якому редакторі який працює з шарами.

   1. Запустити векторний редактор Inkscape (на Робочому столі обрати https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_52.png).

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_04.png


   2. Зберегти файл під назвою “Bees.svg”.


   3. Налаштувати альбомне розташування аркуша (ФайлПараметри документа, у підменю Орієнтація обрати Альбомна).

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_01.png


   4. Використавши масштаб https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_02.png (внизу справа) та полосу прокрутки розташувати аркуш за зразком:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_05.png

 



   5. Зобразити бджолу:

                 https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_30.png

      5.1. Скориставшись інструментом Створення кіл, еліпсів та дуг https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_23.png, створити великий чорний овал та 3 пари жовтого та чорного овалів:

         https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_11.png            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_12.png

    Вказівки. 
        1) Колір фігури обирати внизу на панелі кольорів.

                https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_20.png

      2) Для створення однакових елементів (наприклад, очей) слід продублювати потрібний елемент (натиснути Ctrl+D або інструмент https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_15.png на панелі справа).

               https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_14.png


      5.2. Накладаючи на великий овал по черзі маленькі овали, утворити тулуб:

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_13.png

     Вказівка. При потребі скористатись у меню Об’єкт командами Підняти на передній план або Опустити на задній план.

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_22.png


      5.3. Виділити всі елементи тулуба (зліва над овалами затиснути праву клавішу мишки, утримуючи її, провести курсор до правого нижнього кутка тулуба).

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_16.png


      5.4. Згрупувати елементи (натиснути на них лівою клавішею мишки, у контекстному меню обрати Згрупувати).

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_17.png


      5.5. Скориставшись інструментом Створення кіл, еліпсів та дуг https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_23.png, створити елементи:

            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_19.png


      5.6. Накладаючи овали один на інший, утворити голову.

             https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_21.png


      5.7. За допомогою інструмента Малювання довільних контурів https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_24.png зобразити вусик.            

    Вказівка. Для налаштування товщини малювання натиснути Об’єктЗаповнення та штрих, у вікні справа обрати Стиль штриха та вказати потрібну товщину.

            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_09.png

 


     5.8. Зробити дублікат вусика та повернути його симетрично (виділити об’єкт, біля вусика з’являться стрілочки https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_06.png, натиснути на ліву стрілку і, утримуючи її, потягнути вправо).

        https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_53.png


      5.9. Додати вусики до голови та згрупувати елементи.

            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_25.png


      5.10. Зобразити крило. 

         https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_54.png

      Вказівки.

        1) Для задання кольору контуру  крила  скористатись вкладкою Стиль штриха.

              https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_29.png

      2) Для задання блакитного кольору заливки використати полосу прокрутки на панелі кольорів.  

             https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_28.png

   3) Для встановлення градієнтної заливки крила у підменю Заповнення та штрих у вкладці Заповнення обрати Заливання сіткою.

             https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_27.png

    4) Після зображення крила відключити задання кольору контуру:

             https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_08.png


       5.11. Зробити дублікат крила та повернути їх. 

    Вказівка. Двічі клікнути на крилі до появи стрілочок навколо об’єкта, натиснути на одну з кутових стрілок повернути крила під кутом.

       https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_31.png


      5.12. Скориставшись інструментом Малювання каліграфічним пером або пензлем https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_26.png , зобразити лапки.


      5.13. Об’єднати голову, тулуб та крила бджоли. Згрупувати всі елементи.

        https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_30.png


      5.13. Зберегти малюнок.


      5.14. Показати роботу вчителеві.



   6. Створити зображення вулика на новому шарі малюнка:

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_40.png

      6.1. Створити новий шар “vyluku” (ШарДодати шар, у вікні Додавання шару ввести назву “vyluku”).

            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_32.png

            https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_33.png


      6.2. Перейменувати попередній шар “Layer1” у “bdgolu”:

             6.2.1. ШарШари…

                     https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_34.png

             6.2.2. Відкриється справа вікно:

                       https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_35.png

           6.2.3. Клікнути на Layer1 лівою клавішею мишки та обрати Перейменувати шар:

                       https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_36.png

           6.2.4. Ввести нову назву “bdgolu”.

                      https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_37.png


      6.3. Зробити невидимим шар “bdgolu” (клацнути правою клавішею мишки на око поряд із назвою шару):

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_38.png

           https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_39.png


      6.4. Використовуючи інструменти Створення прямокутників і квадратів https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_55.png та Створення кл, елепсів, дуг  https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_23.png зобразити вулик.


       6.5. Згрупувати елементи.


      6.6. Зберегти файл.


      6.7. Показати роботу вчителеві.


      6.8. Зробити шар “vyluku” невидимим.

 



   7. Створити новий шар “fon” та завантажити у нього файл “9 klas_Yrok07_fon.jpg”:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_43_2.png

      7.1. Створити новий шар “fon”.


      7.2. Завантажити та зберегти у свою папку (D:\ Tutorial\6-X\прізвище) малюнок “9klas_Yrok07_fon.jpg”.


      7.3. Завантажити у шар “fon” вказаний малюнок:

          7.3.1. Файл.                   

          7.3.2. Імпортувати:

                   https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_41.png

          7.3.3. Вказати шлях до файла у своїй папці.

          7.3.4. У вікні Імпортування растрового зображення натиснути Гаразд.

                   https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_42.png

          7.3.5. Розтягнути малюнок на всю область малювання.

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_43.png

          7.3.6. Зробити шар “fon” невидимим.

          7.3.7. Зберегти файл.



   8. Створити новий шар “maku” та завантажити в нього файл “6klas_Yrok07_maku.png”:

   https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_58.png

       8.1. Створити новий шар “maku”.


       8.2. Завантажити файл “9klas_Yrok07_maku.png” собі в папку.


       8.3. Імпортувати файл у створений шар “maku”.


       8.4. Зменшити малюнок, продублювати та зробити візерунок за зразком:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_44.png


       8.5. Зберегти файл.



   9. Скориставшись https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_50.png, виставити шари у вказаному порядку:

        https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_49.png


   10. Зробити видимими шари “fon” і “vyluku”.



   11. Робота з шаром “vyluku”:

       11.1. Зробити активним шар “vyluku”.


       11.2. Двічі продублювати вулик.


       11.3. Зменшити розмір копій.


      11.4. Розставити об’єкти за зразком:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_57.png


      11.5. Зберегти файл.



   12. Робота з шаром “bdgolu”:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_51.png

        12.1. Зробити видимим шар “bdgolu”.


        12.2. Чотири рази продублювати бджолу.


        12.3. Зменшити, нахилити під кутом та симетрично відобразити копії.


       12.4. Розставити за вказаним зразком:

https://disted.edu.vn.ua/media/images/Pidluznyak/png_6klas_2017-2018_1sem/png_6klas_2017_2018_Yrok07_59.png


       12.5. Зберегти файл


       12.6. Показати роботу вчителеві.