Завдання

Створення зображення кота

1. Запусти графічний редактор
2. Створи зображення голови кота: вибери інструмент Еліпс  і намалюй еліпс у потрібному місці аркуша.
3. Створи зображення половинки щічки з вусами:

• намалюй в довільному місці робочої зони еліпс;

• намалюй вусики:

  • вибери інструмент Перо Безьє (режим Прямі сегменти  ), перемісти вказівник миші в потрібне місце на намальованій половині щічки, клацни ЛКМ;
  • перемісти вказівник миші в місце закінчення зображення вусика й двічі клацни ЛКМ; намалюй іще два вусика.

1. Створи другу частину зображення щічки з вусиками:

• вибери інструмент Вибрати ; виділи половину щічки з вусами і згрупуй командою ОБ’ЄКТ → Згрупувати;
• створи копію групи об’єктів командами меню ЗМІНИ;
• вибери у контекстному меню (активним має бути інструмент Вибрати) команду Віддзеркалити горизонтально.

1. Перемісти об’єкт нижньої частини голови на зображення.

1. Створи зображення очей:

• вибери інструмент Зірка  (режим Багатокутники, кутів – 3 );
• намалюй трикутник у довільному місці робочої
  зони — трикутник буде рівностороннім. Вибери інструмент Вибрати, виділи трикутник і зміни його розмір, щоб отримати зображення очей;
• створи трикутник меншого розміру й розташуй його в попередньо створеному (вимкни прилипання і збільш масштаб);
• згрупуй об’єкти зображення, скопіюй, віддзеркаль.

1. Аналогічно створенню очей створи зображення вух і бантика.

1. Створи трикутник, який зображує тулуб кота.
2. Вибери інструмент Еліпс (початок — 180, кінець — 0), перемісти вказівник миші в робочу зону й намалюй лапку.

1. Скопіюй зображення лапки.
2. Устав зображення лапок у потрібне місце на малюнку.
3. Збережи роботу з іменем Кіт у форматі .svg.

Натисни кнопку «Здати роботу», свою практичну роботу вклади у вікно «Завантаження файлу» й натисни кнопку ЗБЕРЕГТИ.

Завдання

Створення зображення кота

1. Запусти графічний редактор
2. Створи зображення голови кота: вибери інструмент Еліпс  і намалюй еліпс у потрібному місці аркуша.
3. Створи зображення половинки щічки з вусами:

• намалюй в довільному місці робочої зони еліпс;

• намалюй вусики:

  • вибери інструмент Перо Безьє (режим Прямі сегменти  ), перемісти вказівник миші в потрібне місце на намальованій половині щічки, клацни ЛКМ;
  • перемісти вказівник миші в місце закінчення зображення вусика й двічі клацни ЛКМ; намалюй іще два вусика.

1. Створи другу частину зображення щічки з вусиками:

• вибери інструмент Вибрати ; виділи половину щічки з вусами і згрупуй командою ОБ’ЄКТ → Згрупувати;
• створи копію групи об’єктів командами меню ЗМІНИ;
• вибери у контекстному меню (активним має бути інструмент Вибрати) команду Віддзеркалити горизонтально.

1. Перемісти об’єкт нижньої частини голови на зображення.

1. Створи зображення очей:

• вибери інструмент Зірка  (режим Багатокутники, кутів – 3 );
• намалюй трикутник у довільному місці робочої
  зони — трикутник буде рівностороннім. Вибери інструмент Вибрати, виділи трикутник і зміни його розмір, щоб отримати зображення очей;
• створи трикутник меншого розміру й розташуй його в попередньо створеному (вимкни прилипання і збільш масштаб);
• згрупуй об’єкти зображення, скопіюй, віддзеркаль.

1. Аналогічно створенню очей створи зображення вух і бантика.

1. Створи трикутник, який зображує тулуб кота.
2. Вибери інструмент Еліпс (початок — 180, кінець — 0), перемісти вказівник миші в робочу зону й намалюй лапку.

1. Скопіюй зображення лапки.
2. Устав зображення лапок у потрібне місце на малюнку.
3. Збережи роботу з іменем Кіт у форматі .svg.

Натисни кнопку «Здати роботу», свою практичну роботу вклади у вікно «Завантаження файлу» й натисни кнопку ЗБЕРЕГТИ.

Укажи, який основний формат зображень в Inkscape

Завдання

1. Відкриваємо Adobe Photoshop. Створюємо новий файл розміром 700x300 px.

2. Відкриваємо вікно Шкала часу (Вікно — Шкала часу) (рис. 1).

Рис. 1

3. Натискаємо на кнопку «Створити анімацію кадру» (рис. 2).

Рис. 2

4. Використовуючи інструмент «Горизонтальний текст», створюємо 3 шари з текстом («Вивчаємо», «графічний», «дизайн») (рис. 3).

Рис. 3

5. Перетворюємо Шкалу часу на відео (рис. 4).

Рис. 4

6. У меню «Шкала часу» обираємо вказівку «Установити частоту кадрів для шкали часу…». У вікні, що відкриється, потрібно встановити кількість кадрів за секунду — 12 (рис. 5).

Рис. 5

7. У вікні «Шкала часу» натискаємо кнопку «Перетворити на анімацію кадру» (рис. 6).

Рис. 6

8. У вікні «Шкала часу» вибираємо перший кадр і натискаємо на кнопку «Створення копії виділених кадрів». Створюємо ще 3 копії виділених кадрів (рис. 7).

Рис. 7

9. Далі у вікні «Шкала часу» вибираємо перший кадр і на палітрі «Шари» відключаємо для кадру видимість усіх шарів, окрім фону.

10. Вибираємо у вікні «Шкала часу» другий кадр і залишаємо видимими тільки шари «Вивчаємо» й «Фон».

11. Далі вибираємо третій кадр і залишаємо в ньому видимими шари «Вивчаємо», «графічний» і «фон».

12. Вибираємо четвертий кадр і залишаємо в ньому видимими всі шари (рис. 8). Далі виставляємо час відображення для кожного кадру в 1 секунду.

Рис. 8

13. Виставляємо параметр повтору нашої анімації — «Назавжди» (рис. 9).

Рис. 9

14. Тепер ми можемо використовувати запуск відтворення анімації.

15. Нам залишилося тільки зберегти нашу анімацію у форматі, який її підтримує (.gif).

16. Переходимо через меню Файл — Експорт — Зберегти для вебсередовища/Alt+Shift+Ctrl+S, виставляємо налаштування й натискаємо «Зберегти» (рис. 10).

Рис.10

17. Натисни кнопку «Здати роботу», свою практичну роботу вклади у вікно «Завантаження файлу» й натисни кнопку ЗБЕРЕГТИ.

Завдання

1. Створи у середовищі векторного графічного редактора постер для учнів початкової школи «Вивчаємо англійський алфавіт». Додай усі 26 літер англійської абетки й прикрась невеликими малюнками.

2. Збережи роботу у форматі .svg.

3. Натисни кнопку «Здати роботу», свою практичну роботу вклади у вікно «Завантаження файлу» й натисни кнопку ЗБЕРЕГТИ.

Завдання

1. Відкриваємо Adobe Photoshop. Створюємо новий файл розміром 700x300 px.

2. Відкриваємо вікно Шкала часу (Вікно — Шкала часу) (рис. 1).

Рис. 1

3. Натискаємо на кнопку «Створити анімацію кадру» (рис. 2).

Рис. 2

4. Використовуючи інструмент «Горизонтальний текст», створюємо 3 шари з текстом («Вивчаємо», «графічний», «дизайн») (рис. 3).

Рис. 3

5. Перетворюємо Шкалу часу на відео (рис. 4).

Рис. 4

6. У меню «Шкала часу» обираємо вказівку «Установити частоту кадрів для шкали часу…». У вікні, що відкриється, потрібно встановити кількість кадрів за секунду — 12 (рис. 5).

Рис. 5

7. У вікні «Шкала часу» натискаємо кнопку «Перетворити на анімацію кадру» (рис. 6).

Рис. 6

8. У вікні «Шкала часу» вибираємо перший кадр і натискаємо на кнопку «Створення копії виділених кадрів». Створюємо ще 3 копії виділених кадрів (рис. 7).

Рис. 7

9. Далі у вікні «Шкала часу» вибираємо перший кадр і на палітрі «Шари» відключаємо для кадру видимість усіх шарів, окрім фону.

10. Вибираємо у вікні «Шкала часу» другий кадр і залишаємо видимими тільки шари «Вивчаємо» й «Фон».

11. Далі вибираємо третій кадр і залишаємо в ньому видимими шари «Вивчаємо», «графічний» і «фон».

12. Вибираємо четвертий кадр і залишаємо в ньому видимими всі шари (рис. 8). Далі виставляємо час відображення для кожного кадру в 1 секунду.

Рис. 8

13. Виставляємо параметр повтору нашої анімації — «Назавжди» (рис. 9).

Рис. 9

14. Тепер ми можемо використовувати запуск відтворення анімації.

15. Нам залишилося тільки зберегти нашу анімацію у форматі, який її підтримує (.gif).

16. Переходимо через меню Файл — Експорт — Зберегти для вебсередовища/Alt+Shift+Ctrl+S, виставляємо налаштування й натискаємо «Зберегти» (рис. 10).

Рис.10

17. Натисни кнопку «Здати роботу», свою практичну роботу вклади у вікно «Завантаження файлу» й натисни кнопку ЗБЕРЕГТИ.

Укажи традиційні варіанти застосування графіки на вебсторінці

Щоб вилучити вузли в Inkscape, слід їх виділити й клацнути кнопку  або натиснути клавішу

Укажи, як називають частину контуру в Inkscape, що сполучає два суміжні вузли

Укажи які розрізняють контури в Inkscape