- •3319 Методичні вказівки до виконання практичних робіт з дисципліни «Технологія автоматизованого оброблення інформації»
- •Практичне заняття 7. Робота з текстом в Adobe Illustrator
- •7.1. Текст по спіралі
- •7.2. Розміщення тексту всередині об’єкта
- •7.3. Текст з окантовкою
- •7.4. Текст з градієнтної заливкою
- •7.5. Окантовка тексту на відстані
- •Практичне заняття 8. Робота з об’ємним текстом
- •8.1. Створення об'ємного тексту
- •Практичне заняття 9. Робота з об’ємними ефектами
- •9.1. Застосування зd ефектів
- •Практичне заняття 10. Самостійна робота
- •10.1. Створення гірського пейзажу
- •Додаткове завдання
- •Індивідуальне завдання 1. Створення абстрактних зображень
- •Індивідуальне завдання 2. Створення векторних зображень
- •Структура звітності виконання практичних робіт
- •Список використаної та рекомендованої літератури
- •Навчальне видання Методичні вказівки
Індивідуальне завдання 1. Створення абстрактних зображень
Цілі: закріпити навики роботи з маскою та градієнтною сіткою в Adobe Illustrator.
Створіть багатокутник із такими налаштуваннями: радіус – 50 pt, число сторін (Sides) – 6.
Залийте його помаранчевим кольором (рис. 1.1).
Рисунок 1.1 – Вихідне зображення
Створіть градієнтну сітку з такими налаштуваннями (рис. 1.2).
Рисунок 1.2 – Створення градієнтної сітки
Створіть додаткові опорні точки в центрі і праворуч на середній лінії багатокутника (рис. 1.3).
Рисунок 1.3 – Створення додаткових опорних точок
Додайте горизонтальних ліній (рис. 1.4).
Рисунок 1.4 – Вихідне зображення
Виділіть центральну опорну точку і задайте їй темно-оранжевий колір.
Кутовим точкам задайте жовтий колір (рис. 1.5).
Рисунок 1.5 – Ілюстрація до п. 7
Надайте багатокутнику вигляд зірки за допомогою інструменту Direct selection Tool (Ынструмент безпосереднього видылення) шляхом перетягування опорних точок (рис. 1.6).
Рисунок 1.6 – Трансформація початкового об’єкта
Виберіть інструмент Pen Tool (Р) і створіть форму пелюстки, залийте його 5% чорним кольором.
Рисунок 1.1 – Вихідне зображення
Створіть форму, на зразок наведеної нижче, це буде основа для пелю-стки. Заповніть темно-рожевим кольором, або задайте колір на ваш розсуд.
Застосуйте ефект Effect> Stylize> Feather (Ефекти> Стилізація> Пологість контурів) і встановіть такі параметри (рис. 1.8).
Рисунок 1.8 – Вихідне зображення
Помістіть цю фігуру в основу пелюстки.
За допомогою інструмента Mesh Tool (U) створіть градієнтну сітку для пелюстки. Виберіть довільні опорні точки і задайте їм більш тем-ний колір (рис. 1.9).
Рисунок 1.9 – Створення градієнтної сітки
Виберіть маленьку рожеву форму (підстава пелюстки), зробіть копію і помістіть її поверх оригіналу (Ctrl+C,Ctrl+F).
Скоротіть розмір приблизно до 75% від початкового. Заповніть його більш темним рожевим або фіолетовим кольором, і застосуйте ефект Feather (Розмитість) 2 pt (рис. 1.10).
Рисунок 1.10 – Створення градієнтної сітки
Згрупуйте пелюстки і дві маленькі форми.
Виберіть цю групу, зробіть копію і за допомогою інструмента Rotate Tool поверніть приблизно на 60 градусів.
Повторіть ці дії, поки у Вас не буде 6 пелюсток, як на рисунку 1.11:
Рисунок 1.11 – Створення векторного об’єкта квітки
Виберіть помаранчеву форму, створену на перших кроках, і помістіть її в основу пелюсток.
Установіть непрозорість 88% і застосойте ефект Feather – 5 pt (рис. 1.12).
Рисунок 1.12 – Накладення створених обєктів
Створіть копію помаранчевої форми і зменшіть її за допомогою інструмента Selection Tool (V), як показано на рисунку 1.13.
Рисунок 1.13 – Ілюстрація до п. 21
Створіть прямокутник і залийте його зеленим кольором.
Додайте опорні точки за допомогою Mesh Tool (U) (Градієнтна сітка).
Оберіть довільні точки і заповніть їх більш темним і більш світлим кольором (на ваш розсуд), це буде Ваш фон (рис. 1.14).
Рисунок 1.14 – Створення фону за допомогою градієнтної сітки
Згрупуйте всі пелюстки, зробіть копію отриманої квітки і застосуйте до неї розмиття за Гаусом, радіус розмиття 21 px.
Розмістіть квітку, як показано на рисунку 1.15.
Рисунок 1.15 – Ілюстрація до п. 23
Справа створіть довільний надпис (рис. 1.16).
Рисунок 1.16 – Створення тексту
Зробіть копію квітки, зменшіть її і помістіть справа від великого.
Виставте Opacity (Непрозорість) для цієї квітки 20% (рис. 1.17)
Рисунок 1.17 – Створення градієнтної сітки
Зробіть ще одну копію квітки і застосуйте до неї більш сильне розмиття 65 px.
Додайте його у вершину великої квітки, непрозорість задайте 100% (рис. 1.18).
Рисунок 1.18 – Створення градієнтної сітки
Додайте ще кілька копій квітки на фоні, для створення ефекту глибини (рис. 1.19).
Рисунок 1.19 – Створення ефекту глибини
Зробіть копію оригінальної квітки, перемістіть її на самий верх документа (клавіші Shift + Ctrl +])
Застосуйте до нього Маску Непрозорості (Opacity Mask) (рис. 1.20).
Рисунок 1.20 – Створення маски Непрозорості
У режимі редагування маски непрозорості створіть коло і залийте його чорно-білим лінійним градієнтом (рис. 1.21).
Рисунок 1.21 – Редагування маски непрозорості
Додайте інший, менший за розміром еліпс, вгорі квітки і залийте його градієнтом, як показано нижче.
Рисунок 1.22 – Додаткове налаштування
Вийдіть з Маски Непрозорості (Opacity Mask), помістіть оригінальну квітку на самий верх документа (рис. 1.23).
Рисунок 1.23 – Ілюстрація до п. 35
35. Створіть для квітки Маску непрозорості (Opacity Mask). У режимі редагування маски намалюйте коло і заповніть його градієнтом, як показано на рисунку 1.24.
Рисунок 1.24 – Створення нової маски
Фінальне зображення
