Комп’ютерна графіка Редактор векторної графіки
Corel DRAW 10
Посібник для практичних занять Частина 3
Комп’ютерна графіка. Corel Draw 10: Посібник для практичних занять. Частина 3. – 48 c. Ці методичні вказівки є складовою комплексу навчальних посібників для практичних занять з вивчення популярної програми для роботи з векторною графікою Corel Draw 10. У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування програми Corel Draw 10. У третій частині комплексу вивчаються способи заливок внутрішніх областей векторних об’єктів та способи створення і редагування їх контурів.
© НМЦ ПОЛИТЕХ Ніяка частина цього видання не може бути тиражована у будь-який спосіб без письмового дозволу правовласників. ® Методичка http://metodichka.com.ua/
2
ЗМІСТ Тема 6 ...................................................................................................................4 Заливки ..............................................................................................................4 Однорідна заливка........................................................................................4 Градієнтна заливка .......................................................................................7 Сітчаста заливка.............................................................................................. Заливка візерунком ................................................................................... 11 Двокольоровий візерунок ............................................................................. Багатокольорові заливки та заливки точковим візерунком.............. 13 Текстурна заливка ..................................................................................... 15 Тема 7 ................................................................................................................ 16 Створення та редагування контурів ......................................................... 16 Призначення та відміна контуру лінії ................................................... 16 Призначення кольору контуру..................................................................... Діалогове вікно Контурная ручка ...............................................................
3
ТЕМА 6 ЗАЛИВКИ Термін “заливка” у CorelDraw означає операцію заповнення внутрішньої області замкненого об’єкту кольором, візерунком або текстурою. Відрізняють наступні типи заливок: ü однорідні заливки; ü градієнтні заливки; ü заливки візерунком; ü текстурні заливки.
Однорідна заливка Однорідною заливкою називається заповнення замкненого об’єкту однорідним кольором, тобто кольором, який не змінюється у межах об’єкту. Колір однорідної заливки вибирається з палітри кольорів або за допомогою моделі кольорів. Палітрою називається сукупність стандартних кольорів, точне відтворення яких під час друку забезпечується спеціальною технологією відтворення кольору, специфічною для кожної палітри. CorelDraw дозволяє використовувати велику кількість різноманітних патентованих палітр, кожна з яких має спеціальне призначення. Моделлю кольору називається спосіб, прийнятий для описання кольору. Є декілька основних моделей кольорів – це моделі RGB, CMYK, HSB, Lab. Різні моделі призначені для описання кольорів, які відтворюються у різних умовах, на різних пристроях тощо. Перетворення кольору з однієї моделі в іншу не завжди є можливим. В попередніх роботах ми працювали переважно без використання заливки. Відповідно, у необхідних випадках програма призначала заливку об’єкту у відповідності з її стандартним налаштуванням. При стандартному налагодженні програми CorelDraw всі замкнені об’єкти створюються порожніми, тобто без заливки внутрішньої області кольором. Об’єкти без заливки на вигляд є прозорими. 1. Щоб змінити стандартну заливку на будь-яку іншу виконайте наступні дії: 4
Найбільш зручно однорідну заливку об’єктів задавати за допомогою екранної палітри кольорів, яка звичайно розташована як стикувальне біля правого краю вікна CorelDraw. Її загальний вид подано на мал. 6.1
Мал.6.1. Екранні палітри у вигляді вільних вікон у згорнутому(а) та розгорнутому (б) стані
Більшість елементів інтерфейсу CorelDraw (у тому числі й екранні палітри) за замовченням відображаються у згорнутому вигляді, щоб не займати багато міста. У такому вигляді відображається мінімум необхідних елементів, які входять до їх складу. 2. Щоб розгорнути палітру, сховати або вивести її на екран, виконайте наступні дії: • звичайно екранна палітра кольорів розташована у згорнутому стані з правого боку відносно робочого столу програми. Щоб розгорнути палітру, клацніть на кнопці Развернуть – тепер видно всі зразки кольорів, які входять до складу палітри; • клацніть в стороні – палітра автоматично згортається; • для переміщення по згорнутій палітрі кольорів служать кнопки Назад і Вперёд. Спробуйте;
5
• тепер візьміть інструмент Черпак і клацніть ним у внутрішній області другого об’єкта – його буде залито тим кольором, зразок якого був “взятий” піпеткою з попереднього об’єкту. Примітка: Щоб застосувати вибраний колір до контуру
об’єкту треба навести інструмент Черпак точно на лінію контуру. Якщо в момент клацання покажчик миші має вигляд залитого квадратику (мал.6.2), то буде залито весь об'єкт. Якщо – порожнього квадратику (мал.6.2) – заливка буде перенесена на контур об'єкту.
Мал. 6.2. Робота з інструментом Черпак 3. Застосуємо набуті знання до створення цікавої композиції: з геометричних фігур - створимо кумедне зображення дівчинки, а потім застосуємо деякі вже відомі прийоми редагування об’єкту і зафарбуємо її однорідною заливкою. • за допомогою інструменту Эллипс створіть коло – це буде голова. Потім так само створіть очі і відповідно розмістіть їх на малюнку. G Порада: Щоб очі вийшли однаковими, друге око краще
скопіювати. • інструментом Безье створіть: трапецію нижче голови – це буде заготовка торсу дівчинки; ще одну трапецію нижче попередньої – це майбутня спідниця; замкнену ламану у вигляді двох трикутників – потім її перетворимо на зображення ніг дівчинки (мал.6.3(а)); клацанням створіть заготовки рук (мал.6.3(б));. • інструментом Эллипс побудуйте додаткові кола, які зображують вуха, плечі, коси. Розташуйте об'єкти приблизно так, як на мал.6.3(б)); 6
рештки об’єкту видаліть. Зображення шкарпеток залийте кольором на власний розсуд.
Мал. 6.3. Створення малюнку за допомогою геометричних фігур та використання однорідної заливки • збережіть файл під іменем Однородная заливка та закрийте його.
Градієнтна заливка Градієнтна заливка виглядає на малюнку, як плавний, поступовий перехід (перетікання) одного кольору в інший. Перетікання кольору відбувається з одного опорного пункту градієнтної заливки до іншого. В цій категорії відрізняють два класи заливок: - градієнтні – в якості опорних пунктів виступають точки, прямі, квадрати тощо, які розташовані певним чином (це залежить від типу градієнтної заливки); - сітчаті – опорними пунктами являються точки, розташовані по вузлах опорної сітки, яка спеціально будується. Використання градієнтної заливки дає можливість при побудові зображення створювати різноманітні ефекти (наприклад, імітувати блиск, бічне освітлення, тінь тощо). • Для створення градієнтної заливки призначений Интерактивный инструмент заливки, а також діалогове вікно Градиентная заливка, яке відкривається при активізації інструменту Диалог градиентная заливка, який розташовано у групі інструментів Заливка. Вікно Градиентная заливка подібне до вікна Однородная заливка і дозволяє будувати 7
• виділіть верхній еліпс. Візьміть Интерактивный инструмент заливка і встановіть тип заливки Конический – тепер циліндр дійсно має об’ємний вид (мал.6.4(д)).
Мал. 6.4. Надання об'єму за допомогою градієнтної заливки • відредагуйте заливку бічної сторони циліндра. Для цього при активному інструменті Интерактивный инструмент заливка виділіть бічну сторону циліндра, яка залита лінійною градієнтною заливкою – з’являється управляюча схема, за допомогою якої можна змінювати параметри заливки. До складу управляючої схеми входять: - напрямна – пунктирна лінія з стрілкою, яка показує напрям переходу кольору від основного до допоміжного; - точки управління– квадратні маркери, колір яких визначає основний і допоміжний кольори градієнтної заливки, а зміна положення впливає на вигляд заливки; - повзунок середньої точки – він вказує ту точку, де базові кольори заливки знаходяться у рівновазі, і дозволяє змінювати її положення. 1. Опрацюємо інший засіб створення градієнтної заливки – за допомогою діалогового вікна Градієнтна заливка, яке надає додаткові можливості у порівнянні з попереднім способом, а саме, дозволяє змінювати атрибути градієнтних заливок. • сформуйте контур майбутньої пляшки із прямокутників та еліпсів, та розташуйте їх відповідним чином (мал.6.6(а)). При створені та розташуванні складових об’єктів зображення встановлюйте для них на панелі властивостей наступні параметри: 8
Положение объекта
Размер объекта
прямокутник (1)
100х140
60х75
коло (2)
100х177
60х60
еліпс (3)
100х198
30х100
еліпс (4)
100х240
30х15
еліпс (5)
100х250
30х5
• заокругліть кути прямокутника (1). Для цього: інструментом Указатель виділіть прямокутник і на панелі властивостей у лічильниках прямокутника встановіть значення рівне 40 (мал.6.6(б)); - лічильник Угол – змінює кут нахилу напрямної лінії заливки до горизонту. Якщо обрано тип заливки Радиальная, то цей лічильник неактивний;
Мал. 6.5. Діалогове вікно Градиентная заливка 9
- лічильник Планшет – задає відстань від управляючих точок, протягом якої початковий та кінцевий кольори не змінюються, тобто відстань, для якої розпочинається перехід кольорів. Значення відстані задається у процентах від відстані між точками управління і не може перевищувати 49; - лічильник Шаги – вказує, яка кількість проміжних кольорів буде використана при переході від початкового до кінцевого кольору. Цей лічильник активізується при натиснутій кнопці разблокування параметрів градієнту (кнопка із зображення “замочка”). • встановіть у діалоговому вікні Градиентная заливка наступні параметри градієнтної заливки для виділеного об’єкту (пляшки): Тип Радиальная; Сдвиг центра: Горизонтально (–10), Вертикально 5; Смесь: Два цвета, Из: зелений, К: світло-сірий; активізуйте кнопку Линия; Планшет 15; ОК
Мал. 6.6. Результат виконання вправи
10
• оцініть результат (мал.6.6(г)). Якщо він вас влаштовує, збережіть роботу (Файл⇒Сохранить). Якщо ні – допрацюйте об’єкт самостійно.
Заливка візерунком Заливка візерунком – це категорія декоративних заливок, в яких використовуються раніше створені заготівки, основою яких є раппорт – фрагмент зображення, в результаті багаторазового тиражування якого і одержується заливка. В комплект постачання CorelDraw входять бібліотеки , які включають в себе багато візерунків, і майже завжди можна вибрати те, що вас задовольнить. Заливки візерунком (їх ще називають орнаментні заливки) поділяються на: - двокольорові – виділяють колір переднього плану та фоновий колір; - багатокольорові – будується на основі векторних зображень і їх зміна не приводить до спотворення; - точкові – це точкові (растрові) малюнки, зміни яких ведуть до втрати якості зображення.
Мал. 6.7. Панель атрибутів Интерактивного инструмента заливка для двохкольорового візерунку • кнопками розмірів плитки (Мелкая мозаика для узора, Средняя мозаика для узора, Крупная мозаика для узора) або лічильниками Изменение мозаики узора встановіть величину рапорту (рапорт – елемент візерунка, що повторюється);
11
встановіть параметри заливки в діалоговому вікні Заливка узором на власний розсуд, ОК. Оцініть результат. 1. Виконуючи наступну вправу, більш детально ознайомимося з поведінкою заливки двохкольоровим візерунком та опрацюємо прийоми роботи з маркерами скошення об’єкту. • очистіть екран; • намалюємо коробку і пофарбуємо її з використанням заливки візерунком. Спочатку створіть три прямокутнику, встановлюючи на панелі властивостей: Положение объекта
Размер объекта
1й прямокутник
130х140
100х60
2й прямокутник
130х200
100х60
3й прямокутник
55х140
50х60
• відкрийте діалогове вікно Заливка узором за допомогою інструменту Диалог заливка узором. Для 1-го та 3-го прямокутників (це грані коробки ) задайте однакову заливку, для 2-го – іншу (це кришка коробки); • на кришці коробки створіть надпис “Телевізор”. Для цього: візьміть інструмент Текст; на панелі властивостей встановіть розмір 36; після клацання мишею в довільному місті екрану з’являється курсор – можна вводити текст; після введення, текст обнесено маркерами – перемістіть слово на кришку коробки і розтягніть його так, щоб ширина слова співпадала з шириною кришки (мал.6.8(а)); • утримуючи клавішу Shift, виділіть слово та прямокутник кришки. Через контекстне меню або меню Компоновать задайте операцію Группа; • встановіть вертикальну напрямну (методом перетягування з горизонтальної лінійки) таким чином, щоб вона співпадала з лівою стороною бічної грані; 12
• зробіть подвійне клацання на основній грані – з’являються маркери повороту та скошення; • перетягніть лівий маркер скошення (пряма стрілка на лівій стороні прямокутника) вниз на 15о (для виконання точного переміщення утримуйте клавішу Ctrl) (мал.6.8(б)); Примітка: Пригадайте, якщо утримувати клавішу Ctrl, при
перетягуванні відбувається по шагове переміщення маркеру зі встановленим кроком на 15о. • виділіть ліву грань коробки маркерами повороту та скошення, і, утримуючи клавішу Ctrl, перетягніть правий маркер скошення (пряма стрілка на правій стороні прямокутника) до співпадання з лівою стороною основної грані (мал.6.8(в)); • виділіть кришку коробки та перетягніть верхній маркер скошення (без утримання клавіші Ctrl) так, щоб верхній лівий кут співпадав з напрямною; • потім перетягніть кришку коробки за ліву бічну стрілку до позиції співпадання з основною гранню; • виділіть бічну грань коробки та, перетягнувши лівий маркер скосу, видаліть “щіль”. Результат на мал.6.8(г).
Мал. 6.8. Опрацювання двохкольорової заливки • збережіть файл під іменем Заливка узором.
Багатокольорові заливки та заливки точковим візерунком Заливка багатокольоровим візерунком майже не відрізняється від заливки двохкольоровим. Головна відмінність полягає в тому, що для багатокольорової заливки не задаються основний та фоновий кольори. 13
відповідно їх розташуйте: задайте в полі Положение объекта такі ж значення, що й для глобусу 110х150. G Порада: Другий овал можна створити як копію першого, тобто
перетягувати перший на інше місце, і перед відпусканням лівої кнопки натиснути праву. Далі вам потрібно буде переустановити тільки значення розміру по ширині.
Мал. 6.9. Використання багатокольорової та бітової заливки • з утриманням клавіші Shift, одночасно виділіть обидва овалу. Візьміть інструмент Диалог перо контура і, у відкритому вікні Контурная ручка, встановіть значення поля Ширина 2,8мм, ОК (мал.6.9(б)). Більш детально про це вікно буде сказано далі; • попрацюємо над паралелями глобуса. Створіть овал розмірами 150х30. Положення встановіть те, що й для інших об’єктів: 110х150; • натисніть кнопку Дуга на панелі властивостей – овал перетворено в дугу; • у лічильниках Начальный и конечный углы встановіть значення відповідно 160 і 20; • зараз розмір та положення об’єкту змінено. Відновіть ці параметри на панелі властивостей: розмір 150х30, положення 110х150 (мал.6.9(в)); • створіть дві копії об’єкту – меридіани та встановіть для них такі параметри на панелі властивостей: Положение объекта 14
Размер объекта
Начальный и конечный углы
1ша копія
110х195
100х20
160х20
2га копія
110х110
130х25
160х20
• результат представлений на мал.6.9(г). .Краще згрупувати малюнок в єдине ціле (Компоновать⇒Группа або через контекстне меню); • збережіть роботу (Файл⇒Сохранить).
Текстурна заливка Текстурні заливки – це особливий вид бітового зображення, які не формуються з раніше створених заготівок і раппортів, а при кожному використанні створюються заново шляхом розрахунків по математичній моделі. Основним параметром кожної моделі, за якою будується зображення, є номер текстури. Побудова зображення за однією моделлю, але з різними номерами текстур дає різні результати. І навпаки, коли інші параметри моделі не змінюються, то, побудувавши, два рази зображення за однією моделлю з одним номером текстури, одержуємо однакові результати. Як і всі інші заливки, текстурні заливки в CorelDraw можуть назначатися двома способами: - за допомогою панелі властивостей інструменту Интерактивный
инструмент заливка; - за допомогою діалогового вікна Заливка текстурой.
1. Ознайомимося з цими засобами. • створіть новий файл; • намалюйте коло (пригадайте, правильне коло створюється при утриманні клавіші Ctrl); • не знімаючи виділення об’єкту, на панелі інструментів виберіть Интерактивный инструмент заливки; • у випадаючому списку Тип заливки встановіть Заливка текстурой; • у випадаючому списку Наносит заливку клацанням лівої кнопки миші виберіть текстуру на власний розсуд;
15
ТЕМА 7 СТВОРЕННЯ ТА РЕДАГУВАННЯ КОНТУРІВ Лінія – це самостійний елемент зображення, якому можна надати форму, але неможливо побачити в силу його прозорості. Видимою вона стає тоді, коли її “вдягнено” в оболонку. Оболонка може бути будь-якого кольору, стилю, товщини, мати (наконечники) тощо (визначення цих та інших властивостей далі). Саме її видно на зображенні, але довжина та траєкторія оболонки визначаються тією лінією, на яку вона “вдягнена”. В CorelDraw майже всі операції можна виконувати кількома способами, в тому числі й операцію надання контуру об’єктові.
Призначення та відміна контуру лінії 1. Найпростіший спосіб призначення чи відміни контуру – за допомогою кнопки миші. • створіть об’єкт (наприклад, прямокутник). За замовчанням об’єкту задано самий тонкий (волосяний) контур чорного кольору; • клацніть правою кнопкою миші на кнопці з зображенням хрестику на палітрі кольорів – контур об’єкту відмінено; Примітка: Зверніть увагу, що маркери виділення не зникли,
це говорить про те, що, хоч лінії стали невидимі, але все одно вони являються реальними об’єктами. • знову задайте контур об’єкту іншого кольору. Для цього клацніть правою кнопкою миші на будь-якому кольору палітрі кольорів; • ще один спосіб завдання контуру за допомогою кнопки миші – метод протягування (з яким ви вже працювали на минулому занятті). Для зміни кольору контуру потрібно: виділити об’єкт; натиснути ліву кнопку миші і, не відпускаючи, дотягнути покажчик на об’єкт; коли з’явиться квадратик з білою серединкою, відпустіть мишу. 16
Примітка: Майте на увазі, коли з’являється одноколірний
квадратик, відбудеться призначення заливки, а не контуру (див. мал.6.2). 2. Другий спосіб призначення контуру об'єкту – за допомогою команд: контур 1/4, 1/2, 1, 2, 8, 16, 24 пункта, які містяться в групі Контур на панелі інструментів (мал.7.1)
Мал. 7.1. Група інструментів Контур • виділіть другий прямокутник і в діалоговому вікні Контурная ручка на панелі Калиграфия встановіть такі параметри: Набросок 50; Угол 45; ОК. Порівняйте об’єкти. Приблизний результат представлено на мал.7.2.
Мал. 7.2. Варіанти встановлення різних значень на панелі Калиграфия діалогового вікна Контурная ручка
17
Мал.7.3. Розташування контуру поверх та позаду заливки 1. Створення наконечників ліній - спадні списки Стрелки – дозволяють призначити стандартний наконечник незамкнутій лінії. Примітка: Наконечником контуру називається зображення,
розміщене в крайніх вузлах незамкненої лінії, розмір якого залежить від товщини контуру. - кнопки Опции – відкриває контекстне меню, яке дозволяє редагувати та створювати форми наконечників. • створіть ще одну сторінку у файлі Контур; • інструментом Свободная рука намалюйте вільну лінію; • у діалоговому вікно Контурная ручка задайте колір, товщину та стиль лінії на власний розсуд; • за допомогою випадаючих списків на панелі Стрелки назначте наконечники лінії (мал.7.4). Примітка: На відміну від завершувачів (Шапка линии),
наконечники можна призначити індивідуально для початкового та кінцевого вузлів лінії. • якщо вам подобається ваша робота, збережіть її. Якщо ні очистіть екран.
18
Мал.7.4. Встановлення наконечників незамкнутій лінії 2. Виконуючи цю вправу, ви освоїте прийоми побудови контурів та призначення об’єкту заливки. Результат виконання вправи представлено на малюнку 7.5. • у файлі Контур створіть нову сторінку; • побудуйте квадрат розміром 10х10см; • активізуйте кнопку Скруглить все углы на панелі властивостей, після чого в один з лічильників Закругление правых/левых углов введіть значення 75 (мал.7.5(а)); • клацніть на кнопці Преобразовать в кривую на панелі властивостей – об’єкт перетворено в криву; • візьміть інструмент Форма і, розтягнувши навколо об’єкта рамку, виділіть всі вузли; • клацніть на кнопці Сломать кривую на панелі властивостей – криву розділено в кожному вузлі на вісім окремих “гілок”; • дайте команду Компоновать⇒Разбить на части – “гілки” стають окремими об’єктами; • візьміть інструмент Указатель і, утримуючи клавішу Shift, виділіть чотири прямі відрізки. Далі клацніть правою кнопкою миші на кнопці з хрестиком на палітрі кольорів – контур для них відмінено (мал.7.5(б)). • відмініть виділення і, утримуючи клавішу Shift, по черзі клацайте на дугообразних об’єктах, щоб сумісно виділити їх.
19
Примітка: Виділити дуги методом протягування не можна,
тому що в область виділення попадуть невидимі прямі лінії, які існують як реальні об’єкти. • відкрийте вікно Контурная ручка і назначте для виділених дугообразних ліній: Ширина 2,8мм; в правому випадаючому списку на панелі Стрелки виберіть наконечник аероплану – наконечник буде встановлено на другому кінці лінії (мал.7.5(в)); • відредагуйте кінці ліній, так щоб створювалося враження “сліду аероплану”. Для цього: виділіть одну з ліній (наприклад нижню праву); дайте команду Компоновать⇒Преобразовать эскиз в объект – зараз контур перетворено в замкнуту криву з однорідною заливкою чорним кольором; візьміть Интерактивный инструмент заливки і в полі Тип заливки встановіть Конический; попрацюйте з управляючою схемою заливки: можливо, потрібно буде поміняти місцями кольори (випадаючи списки Наносит заливку и Последний указатель заливки), а також добавити в заливку інші кольори (методом перетягування кольору з палітри кольорів). • приблизний результат представлено на мал.7.5(г). Ефект заливки використано до правих дугообразних ліній. Попрацюйте з іншими лініями, проекспериментуйте, проявіть фантазію;
Мал. 7.5. Результат виконання вправи
20