Комп’ютерна графіка

Редактор векторної графіки

Corel DRAW 10

Посібник для практичних занять

Частина 5

2

Комп’ютерна графіка. Corel Draw 10: Посібник для практичних занять. Частина 5. – 44 c Ці методичні вказівки є складовою комплексу навчальних посібників для практичних занять з вивчення популярної програми для роботи з векторною графікою Corel Draw 10. У п’ятій частині комплексу опрацьовуються комплексні вправи з побудови складних векторних зображень, спрямовані на закріплення навичок, здобутих на попередніх заняттях. У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування програми Corel Draw 10. © НМЦ ПОЛИТЕХ Ніяка частина цього видання не може бути тиражована у будь-який спосіб без письмового дозволу правовласників. ® Методичка http://metodichka.com.ua/

3

ЗМІСТ Тема 10 ............................................................................................................ 4

Комплексні вправи..................................................................................... 4

Вправа 10.1. Створення комп’ютерного зображення

стилізованого під графіті..................................................................... 4

Вправа 10.2. Побудова зображення технічної деталі .....................

Вправа 10.3. Побудова мозаїчного зображення ..........................11

Вправа 10.4. Приклад створення фірмового логотипу...............15

Вправа 10.5. Зображення іскор та вибухів .......................................

Вправа 10.6. Використання заливок контурів..............................24

На цьому занятті ми розглянули..........................................................

4

ТЕМА 10 КОМПЛЕКСНІ ВПРАВИ

Вправа 10.1. Створення комп’ютерного зображення

стилізованого під графіті У цій вправі буде приведено приклад створення комп’ютерного зображення стилізованого під графіті (малюнки на стінах) та татуювання. Приблизний результат виконання цієї вправи подано на мал. 10.1.

Мал. 10.1. Результат виконання вправи 10.1.

• Відкрийте програму і відразу збережіть майбутній файл під іменем Графити.

• за допомогою інструменту Текст введіть рядок тексту “CorelDraw” (без лапок). На панелі властивостей встановіть гарнітуру Dauphin, розмір 130.

за умовчанням об’єкту задано заливку чорним кольором і не задано контур. Змініть ці параметри: заливку відмініть (клацніть лівою

5

кнопкою миші на кнопці з хрестиком на палітрі кольорів);

Мал. 10.3. Роз'єднання ліній додаткового контуру на окремі

об'єкти

• далі - зберіть їх до кучі, з накладанням один на один в послідовності (в), (б), (а) – від більшого до меншого. Зрозуміло, більший контур (в) повинен бути знизу;

• надайте відтінок верхньому контуру. Для цього: створіть копію верхнього контуру (а); встановіть для копії об’єкту заливку білого кольору, контур – чорного; розмістіть цю копію між верхнім та середнім контурами (тобто між (а) та (б)). G Порада: Якщо створена копія розташувалася згори, скористайтеся командою Компоновать⇒Порядок⇒Назад на один або виконайте ці дії через контекстне меню. Результат представлено на мал.10.4

CorelDraw

Мал. 10.4. Накладання контурів та надання основному контуру

відтінка

6

Последний указатель заливки зелений (тобто встановлено плавний перехід від білого до зеленого кольорів). Результат представлено на мал.10.5(а)

• щоб зробити об’єкт більш ефектним, додамо деякі деталі. Для цього: інструментом Свободная рука намалюйте довільні замкнуті лінії і розташуйте їх з накладанням на об’єкт(мал.10.5(б)); інструментом Указатель розтягуючи рамку виділення, виділіть всі об’єкти; дайте команду Компоновать⇒Формирование⇒Пересечение – відкривається стикувальне вікно Формирование; у групі прапорців Покинуть встановіть прапорець Цель объекта(ов), другий скиньте, і натисніть кнопку Пересечение с – з’являється похила стрілка, якою ви повинні клацнути обов’язково на тексті, тобто на надпису „10”. Якщо клацання буде зроблено на іншому об’єкті, відбудеться підрізання “десятки”. Будьте уважні! після підрізання кривих відмініть для них контури. Для цього інструментом Указатель виділіть криву і клацніть правою кнопкою на кнопці з хрестиком палітри кольорів. Оцініть результат. Приблизний вигляд “десятки” на мал. 10.5(в)

Мал. 10.5. Робота над “десяткою”

• інструментом Указатель протягуванням рамки виділіть всі об’єкти “десятки” і дайте команду групування (Компоновать⇒Група або через контекстне меню виділених об’єктів);

7

• задайте положення об’єкту 55х120, розмір 75х75 – таким чином, “десятка” теж розміщена на стіні;

• інші об’єкти графіті створимо за допомогою інструменту Безье. Клацанням на кутових точках, побудуйте “неохайні” літери F та X. Розташуйте їх з накладанням та згрупуйте. (мал.10.6(а))

• не знімаючи виділення, відкрийте вікно Контурная ручка (інструмент Диалог перо контура) та встановіть товщину 8,5мм, колір чорний, кути заокруглені;

• візьміть Интерактивный инструмент заливки та на панелі властивостей встановіть лінійну градієнтну заливку з переходом від жовтого до коричневого з чіткою середньою точкою переходу (значення поля Средняя точка заливки встановіть 50). (мал.10.6(б));

• зробіть копію надпису “FX”. Відмініть для об’єкту-копії заливку, а контур призначте білого кольору товщиною 2,8мм. Розташуйте його з накладанням на основний об’єкт. Це надає ефект ореолу (мал.10.6(в));

•

Мал. 10.6. Робота з текстом “FX”

• інструментом Указатель розтягніть рамку виділення і згрупуйте об’єкти “FX” (Компоновать⇒Группа або через контекстне меню виділених об’єктів);

• не відміняючи виділення на панелі властивостей встановіть: Положение объекта 145х120; Размер объекта 90х90 В результаті надпис “FX” теж розміщено на стіні;

8

інструментом Указатель виділіть всі об’єкти дірки кулі та згрупуйте їх. Задайте розмір згрупованого об’єкту 10х10;

Мал. 10.7. Створення дірки кулі

• скопіюйте дірку кулі. Розташуйте дірки на відстані одна від одної;

• візьміть інструмент Интерактивное перетекание. На панелі властивостей встановіть Число шагов 5 і перетягніть покажчик миші від оригіналу до копії (мал.10.8);

• перетягніть дірки від куль на стінку. G Порада: Для подальшої роботи дайте команду на збереження (Файл⇒Сохранить)

Мал. 10.8. Створення кроків від куль

• завершуючи роботу над графіті, додамо надписам ефекти, які б нагадували сліди від фарби, що стікає зі стінки. Для цього: утримуючи клавішу Shift, виділіть всі надписи;

9

• клацніть ще раз на об’єкті – маркери розміру та форми (квадратики) перетворюються на маркери повороту та скошення (стрілочки). Утримуючи клавішу Ctrl, перемістіть вісь обертання (крапочка з точкою в центрі) на середину нижньої сторони прямокутника (мал.10.9(б)).

Мал. 10.9. Закруглення кутів прямокутника та зміщення центру

повороту • виконайте дублювання об’єкту клавішею “плюс” на цифровій клавіатурі при активній кнопці NutLock. Розташуйте копію недалеко праворуч від оригіналу;

• візьміть інструмент Интерактивное перетекание і протягніть покажчик інструменту між оригіналом та копією – з’явився перехід кроками між об’єктами;

• в лічильнику Число шагов на панелі властивостей встановіть значення 10 (мал.10.10).

Мал. 10.10. Встановлення 10-крокового переходу між об'єктами

за допомогою інструменту Интерактивное перетекание – відкривається діалогове вікно Выровнять и распределить. Встановіть прапорці Центр по горизонталі та вертикалі, ОК – центри об’єктів сумістилися (мал.10.11(в));

10

- виділіть коло і ще раз дайте команду Компоновать⇒Формирование⇒Соединение;

- у вікні Формирование скиньте всі прапорці та натисніть кнопку Соединить с, після чого стрілкою клацніть на “зірці” – одержано фігуру зубчатого колеса (мал.10.11(г));

Мал. 10.11. Створення зубчастого колеса

• дублюйте декілька раз форму зубчатого колеса (клавішею “плюс” на цифровій клавіатурі) і розмістіть копії таким чином, щоб колеса зачепилися одне за одне (мал.10.12);

Мал. 10.12. Розташування зубчастих коліс з зачепленням

• після цього виділіть всі об’єкти і з’єднайте їх в одну криву командою Компоновать⇒Комбинировать або кнопка Комбинировать на панелі властивостей;

11

• за допомогою інструменту Интерактивное выдавливание можна надати об’єкту об’єм, тінь, розвернути його у трьохвимірному просторі тощо. Випробуйте ці можливості: - візьміть інструмент Интерактивное выдавливание і протягніть його по об’єкту (краще вниз), щоб побудувати початкову групу екструзії; - натисніть кнопку Освещение на панелі властивостей. У випадаючому меню включіть лампочку з позначкою одиниці – на тілі екструзії з’являються тіні та освітлення; клацніть на кнопці Скосы – у випадаючому меню встановіть прапорець Использовать фаски; виконайте подвійне клацання на боковій поверхні тіла екструзії – з’являються стрілки трьохвимірного простору. Переміщуйте їх до досягнення бажаного результату. Приблизний вигляд об’єкту представлено на малюнку 10.13.

Мал. 10.13. Результат виконання вправи

• збережіть роботу.

Вправа 10.3. Побудова мозаїчного зображення В цій вправі ми побудуємо мозаїку, що створює цікаві візерунки, котрими можна прикрасити обгортку книги або фон рекламного оголошення, особливо якщо її елементи пов’язані з основною темою оголошення (наприклад, зображення яке ми будемо створювати в цій вправі можна буде розташувати на об’яві про виставку собак). У CorelDraw основним методом для створення мозаїк є клонування. Від копіювання воно відрізняється тим, що при цьому виникає

12

елемент клону, в якому автоматично відтворюються всі зміни, які вносяться в об’єкт-оригінал.

• Відкрийте програму і дайте команду на збереження файлу. Надайте йому ім’я Мозайка;

• встановіть альбомну орієнтацію сторінки; • інструментом Полігон побудуйте шестикутник розміром 50х50; • не знімаючи виділення дайте команду Редактировать⇒Клонировать;

• з’являється елемент клону. Дублюйте його два рази клавішею “плюс” на цифровій клавіатурі та розташуйте клони справа від оригіналу подібно до бджолиних сот (мал.10.15).

1

2

3

3

Мал.10.15. (1) – оригінал, (2,3) – елементи клону, (3) – створено, як копія клону

• виберіть шестикутник-оригінал, і перетворить його на криву командою: Компоновать⇒Преобразовать в кривую (або клацніть кнопку Преобразовать в кривую на панелі властивостей);

• візьміть інструмент Форма – за його допомогою ми перетворимо шестикутник в елемент мозаїки іншої форми, а саме такої, щоб його форма нагадувала голову цуценяти.

13

Ця процедура виконується методом спроб та помилок. Приблизний результат представлено на малюнку 10.16.

Мал. 10.16. Зміна форми об'єкту-оригіналу та автоматичне перетворення елементів клону

• перш ніж допрацювати морду цуценяти (накласти ніс, очі тощо), видаліть елементи клону, тому що на них однаково не будуть відображуватися нові об’єкти;

• елементи, які відповідають очам та роту цуценяти, будуються інструментом Эллипс, а тіні у вухах – інструментом Безье;

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

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

• не знімаючи виділення дайте команду клонування: Редактировать⇒Клонировать;

14

• елемент клону, який з’являється, розташуйте біля оригіналу. Зробіть декілька копій елементу клону та розташуйте їх як показано на малюнку 10.17.

Мал. 10.17. Створення об'єктів клону та розташування їх мозаїкою

• виділіть об’єкт – оригінал та спробуйте змінити його форму або розмір – одночасно ті самі зміни відбуваються з елементами клону;

• елементи клону можна дублювати та переміщувати по декілька штук за один прийом, формуючи орнамент бажаних розмірів та степені складності. Інструментом Указатель, утримуючи клавішу Shift, виділіть елементи клону і зробіть їх копію. Розташуйте її відповідно як на малюнку 10.18.

Мал. 10.18. Створення копії з групи елементів клону

15

• зробіть ще будь-які зміни оригіналу. Оцініть результат – зміни відбуваються з усіма елементами клону, в тому числі і з копіями елементів клону;

• заповніть мозаїкою весь аркуш; • збережіть роботу (Файл⇒Сохранить).

Вправа 10.4. Приклад створення фірмового логотипу

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

Мал. 10.19. Результат виконання вправи

16

• інструментом Указатель розтягніть рамку виділення на всі об’єкти колеса і об’єднайте їх в одну криву командою Компоновать⇒Комбинировать Примітка: Цю операцію можна виконати за допомогою кнопки Комбинировать на панелі властивостей або через контекстне меню об’єкта;

• візьміть інструмент Интерактивное искажение. На панелі властивостей увімкніть кнопку Искажение закручиванием, в лічильнику Дополнительные градусы встановіть значення 350 (мал.2(праворуч));

Мал. 10.20. Ліворуч – результат дублювання прямої із заданим кутом повороту 15о; праворуч – перетворення колеса із прямих

на криві

• для одержаної кривої призначте контур 2 пункти за допомогою кнопки в групі інструментів контуру та дублюйте об’єкт. Примітка: Дублювати об’єкт можна кількома способами: по-перше, за допомогою клавіші “плюс” на цифровій клавіатурі при увімкненій кнопці NutLock; по-друге, методом перетягування лівою кнопкою миші, але при відпусканні лівої кнопки треба натиснути праву.

• зменшіть розмір копії приблизно втричі від оригіналу та розташуйте її недалеко праворуч; • візьміть інструмент Интерактивное перетекание та протягніть покажчик інструменту від оригіналу до копії;

• на панелі властивостей інструменту встановіть: в полі Число шагов 75;

17

у лічильнику Направление перетекания 360; режим Перетекание по часовой стрелке.(мал.10.21)

Мал. 10.21. Створення інтерактивного перетікання між об'єктами.

• розташуйте копію (менша вертушка) з накладанням на оригінал

(більша вертушка); • візьміть інструмент Интерактивное перетекание, клацніть ним на об’єкті і переустановіть на панелі властивостей: Число шагов 125; Направление перетекания 180. Оцініть результат, який подано на малюнку 10.22

Мал. 10.22. Результат створення світлового шоу

18

1. Для створення глибини простору намалюємо сітку з завданням перспективи. • візьміть інструмент Миллиметровка, на панелі властивостей встановіть кількість рядків та стовпців 10х10 і перетягніть покажчик інструменту по діагоналі, утримуючи клавішу Ctrl – це забезпечує квадратичність всіх чарунок сітки (мал.10.23(а));

• не знімаючи виділення, дайте команду Эффекты⇒Добавить перспективу

• наведіть покажчик миші на один з верхніх маркерів і, утримуючи клавіші Ctrl і Shift, переміщуйтесь до середини верхньої сторони сітки – відбувається синхронне переміщення протилежного кута. Коли розміщення сітки в просторі вас буде влаштовувати, спочатку відпустіть клавіші Ctrl і Shift, а потім кнопку миші (мал.10.23(б));

• візьміть інструмент Указатель і на панелі властивостей встановіть: Положение объекта 105х90; Размер объекта 130х95 (мал.10.23(в)). Зменшення розміру об'єкту по висоті робить його менш витягнутим, що створює ілюзію простору.

Мал. 10.23. Додання перспективи та стиснення об’єкту по вертикалі

19

2. Перш ніж використати перспективу до світлового шоу, яке буде розташоване на сітці, треба “заморозити” перетікання кроків. Для цього: • інструментом Указатель виділіть шоу; • дайте команди: Компоновать⇒Разбить на части; Компоновать⇒Разгруппировать всё Компоновать⇒Группа. В результаті створюється група із 127 об’єктів – оригіналу, копії та 125 встановлених кроків між ними.

Мал. 10.24. Надання однакової орієнтації всім елементам перспективи

3. Виділіть сітку та шоу одночасно. Відкрийте діалогове вікно Трансформация командою Компоновать⇒Преобразования⇒Масштаб

4. На вкладинці Масштаб и отражение натисніть кнопку Зеркало по вертикали, Применить дубликат

5. Закрийте вікно Трансформация 6. Щойно створеній копії, дзеркально відображеній по вертикалі, задайте положення 105х205.

7. Створіть бічну сторону тунелю. Для цього інструментом Миллиметровка намалюйте сітку 10х10. Надайте їй перспективу командою Эффекты⇒Добавить перспективу

20

Мал. 10.25. Створення бічної сторони тунелю

8. Права бічна сторона тунелю буде створена як дзеркальна копія лівої сторони. Для цього: • інструментом Указатель виділіть ліву бічну сторону; • дайте команду Компоновать⇒Преобразования⇒Масштаб, • вимкніть кнопку Зеркало по вертикали, і натисніть Зеркало по горизонтали, Применить дубликат;

• утворену копію розташуйте відповідно (мал.10.19).

Мал. 10.26. Створення скупчення об'єктів шляхом дублювання

1. Створіть копію одержаної групи об’єктів та залийте її пурпуровим кольором. Розгрупуйте копію (Компоновать⇒Разгруппировать всё або через контекстне меню). По черзі перемістіть пурпурові об’єкти так, щоб вони створили розсіяний ореол навколо жовтого ядра (мал.10.27).

21

G Порада: Якщо, на вашу думку, пурпурових овалів буде недостатньо, створюйте їх копії, виділяючи одночасно групу об’єктів.

Мал. 10.27. Створення ореолу з дубльованої групи об'єктів

2. Згрупуйте всі об’єкти ореолу, тобто ті, що мають пурпурове забарвлення. Для цього: • виділіть всі об’єкти, в тому числі і жовте ядро (можна за допомогою інструменту Указатель, розтягуючи рамку виділення або командою Редактировать⇒Выбрать всё⇒Объекты);

Мал. 10.28. Перетікання від ядра до ореолу створює зображення вибуху

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

22

Мал.10.29. Останній штрих в роботі над вибухом

4. Візьміть інструмент Интерактивное перетекание і на панелі властивостей встановіть: Число шагов 100; Направление перетекания 180; Перетекание против часовой стрелки Оцініть результат. Збережіть роботу.

Мал.10.30. Створена вертушка

5. Створіть ще одну сторінку у файлі та скопіюйте на неї вибух. Видаліть “димові сліди” та коло.

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

7. На панелі властивостей інструменту Интерактивное перетекание встановіть: Число шагов 125;

23

Мал. 10.31. Після невеликої модифікації вибух перетворено в астероїд

8. Щоб закрутити пучок іскор, встановіть значення лічильника Направление перетекания 360, Перетекание по часовой стрелке (мал.10.32).

Мал. 10.32. Збільшення кута розвороту закручує іскри

9. Проекспериментуйте з іншими параметрами панелі. 10. Збережіть роботу (Файл⇒Сохранить).

24

Вправа 10.6. Використання заливок контурів

Розглянемо використання звичайних заливок на прикладі створення зображення пейзажу. Пейзажі, подібні до того, що ми побудуємо зараз, часто використовують як фон. Тому від нього не вимагається ні висока точність ні реалістичність зображення. 1. Створіть новий документ і збережіть його у свою робочу папку під назвою Пейзаж. Переконайтеся, що активним є інструмент Указатель.

2. Задайте альбомну орієнтацію аркушу за допомогою кнопки Альбомная на панелі властивостей інструменту Указатель.

3. Побудуйте границю малюнку: • візьміть інструмент Прямоугольник і побудуйте ним у верхній частині робочого аркушу прямокутник – прямокутну границю верхньої частини майбутнього пейзажу (мал.10.33(а));

(а) (б)

Мал. 10.33

• скопіюйте побудований прямокутник за допомогою кнопок Копировать і Вставить на стандартній панелі;

• перетягніть верхній середній маркер виділення навколо копії далеко вниз, до нижньої границі робочого аркушу – копія перевернеться. В результаті одержимо два прямокутники із суміщеними сторонами – в них будемо зображувати дві головні частини пейзажу – “небо” і “землю” (мал.10.33(б)).

25

4. Для зручності роботи, встановіть на стандартній панелі масштаб По картинке.

(в) (г) Мал. 10.34.

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

• аналогічно, побудуйте ще дві гряди гір (мал.10.35(д)).

(д) (ж)

Мал. 10.35

5. Упорядкуйте зображення гір так, щоб вищі гори були на задньому плані, а нижчі на передньому. Використовуйте команди меню Компоновать⇒Порядок

6. Візьміть інструмент Эллипс і побудуйте ним коло, яке буде зображувати сонце (мал.10.35(ж)). Для побудови кола утримуйте клавішу Ctrl. Розмістіть коло позаду гряди гір командою меню

26

Компоновать⇒Порядок Примітка: Порядок об’єктів має бути таким: на першому плані – найнижчі гори; за ними – вищі гори; далі – найвищі гори; за ними – сонце. На самому задньому плані має бути розміщений прямокутник, що обмежує верхню частину малюнку. Якщо цього не зробити, то при фарбуванні пейзажу можуть виникнути небажані наслідки.

7. Пофарбуйте пейзаж наступним чином (мал.10.36): • Землю – темно-коричневим. Для цього: виділіть нижній прямокутник і клацніть коричневий колір на палітрі кольорів;

• Ближні гори – зафарбуйте чорним; • Середні гори – темно-сірим; • Дальні гори – світло-сірим; • Сонце – оранжевим; • Небо – пурпуровим.

Мал. 10.36

8. Збережіть малюнок і закрийте файл Пейзаж. Цей малюнок використаємо для подальших вправ.

Побудова вечірнього пейзажу. Зображення землі та неба з

використанням градієнтних заливок

27

9. За допомогою градієнтних заливок раніше побудований пейзаж можна зробити більш виразним. Відкрийте файл Пейзаж, створений при виконанні попередньої вправи.

(а) (б)

Мал. 10.37

10. Щоб надати зображенню неба вигляд вечірнього неба зробіть наступне:

Мал. 10.38. Вечірній пейзаж

11. Збережіть малюнок у свою робочу папку під назвою Закат. Закрийте файл.

28

Перетворення вечірнього пейзажу на нічний. Використання радіальних заливок

12. Перетворіть сонце на місяць:

(а) (б) Мал. 10.39

• інструментом Указатель виділіть коло; • візьміть Интерактивный инструмент заливка і на панелі властивостей встановіть тип заливки Радиальная – сонце в центрі „розжарилося” до білого кольору, але на місяць не схоже;

• змініть колір крайніх управляючих точок радіальної заливки: у початкову точку (центр) перетягніть з палітри чорний колір, а у кінцеву – білий (мал.10.39(б));

(в) (г) Мал. 10.40.

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

29

Мал. 10.41 • виділіть потрібну гряду гір і клацніть на палітрі кольорів потрібний колір;

13. Змініть кольорове забарвлення місяця:

Мал. 10.42. Нічний пейзаж