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

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

CorelDraw X3

ПОСІБНИК ДЛЯ ЛАБОРАТОРНО-ПРАКТИЧНИХ ЗАНЯТЬ

ЧАСТИНА 5

Фрагмент методического пособия представлен для ознакомления с продукцией Электронного магазина

МЕТОДИЧКА http://metodichka.com.ua/

МЕТОДИЧКА - Лучшие пособия для самостоятельного

практического обучения!

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

Вправа 10.1. Створення комп’ютерного зображення стилізованого під графіті ....................................................................... Вправа 10.2. Побудова зображення технічної деталі ..................... Вправа 10.3. Побудова мозаїчного зображення............................... Вправа 10.4. Приклад створення фірмового логотипу................... Вправа 10.5. Зображення іскор та вибухів........................................ Вправа 10.6. Використання заливок контурів .................................. На цьому занятті ми розглянули... .......................................................

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

Вправа 10.1. Створення комп’ютерного зображення стилізованого під графіті

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

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

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

2. За допомогою інструменту Текст введіть рядок тексту: CorelDraw. На панелі властивостей встановіть гарнітуру ComicSansMS, розмір 130.

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

4. Візьміть інструмент Интерактивный контур. На панелі властивостей встановіть: За пределами; Шаги контура 2; Смещение контура 2.

5. Після цього на зображенні з’являються фігури, які потрібні для побудови багатошарового контуру (мал.10.2).

Мал. 10.2. Створення додаткових контурів об'єкту

6. Не відмінюючи виділення задайте команди: Упорядочить⇒Разъединить; Упорядочить⇒Отменить группировку полностью Ці команди розділяють складений контур на окремі частини і надають можливість працювати з трьома окремими криволінійними об’єктами (мал.10.3).

7. Інструментом Указатель розмістіть створені об’єкти окремо, щоб переконатися в тому, що операція розгрупування відбулася;

8. Призначте об’єктам кольори заливок та контурів за допомогою екранної палітри кольорів (мал.10.3): об’єкт (а) – основний контур (внутрішній) – заливка червона, без контуру; об’єкт (б) – середній контур – заливка чорна, без контуру; об’єкт (в) – зовнішній контур – заливка біла, контур чорний.

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

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

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

• розмістіть цю копію між верхнім та середнім контурами (тобто між (а) та (б)).

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

CorelDraw

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

11. Коли об’єкти зібрані в “стопку”, згрупуйте їх: Правка⇒Выбрать всё⇒Объекты, Упорядочить⇒Сгруппировать.

12. На панелі властивостей встановіть положення згрупованого об’єкту 105х210 та розмір 155х60;

13. Створіть прямокутник розміром 180х210. Він буде зображувати стіну, на якій робиться напис.

14. Тому найкраще скористатися текстурною заливкою. Візьміть інструмент Диалоговое окно заливка текстурами – відкривається вікно Заливка текстурой.

15. У відкритому вікні встановіть вид текстури, який імітує не поштукатурену стіну. Для цього у випадаючому списку Библиотека текстур встановіть Примеры, а у полі Список текстур – Диорит, ОК.

16. Якщо “стінка” перекриває напис розташуйте її позаду: Упорядочить⇒Порядок⇒На задний план страницы або через контекстне меню. Оцініть результат.

17. Задайте положення “стіни” 105х150; На цьому етапі роботи на “стіні” створено надпис “CorelDraw”, який розташований в її верхній частині.

18. У нижній частині “стінки” будуть розташовані інші написи. По-перше, інструментом Текст створіть напис 10. На панелі властивостей встановіть гарнітуру MV Boli (жирні, промальовані від руки літери), розмір 250. Якщо вас не влаштовує пропонована гарнітура, встановлюйте іншу, на власний розсуд;

19. Не відмінюючи виділення, відкрийте діалогове вікно Перо абриса і встановіть такі параметри: Ширина 8,5мм;

Цвет чорний; прапорець Печатать под заливкой, ОК

20. Візьміть інструмент Интерактивная заливка і на панелі властивостей встановіть: Тип заливки Радиальные; Список заливок білий; Последний указатель заливки зелений (тобто встановлено плавний перехід від білого до зеленого кольорів). Результат представлено на мал.10.5(а)

21. Щоб зробити об’єкт більш ефектним, додамо деякі деталі. Для цього:

С нашей помощью Вы сможете доработать это интересное упражнение! Приобретайте наше методическое пособие.

МЕТОДИЧКА http://metodichka.com.ua/

• Приблизний вигляд “десятки” на мал. 10.5(в)

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

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

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

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

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

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

Мал. 10.6. Робота з об’єктами F і X

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

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

Такие «пульки» мы легко нарисуем вместе! Как великолепно они дополнят композицию!

Приобретайте наше методическое пособие – Ваш компетентный помощник!

МЕТОДИЧКА http://metodichka.com.ua/

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

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

• у відкритому вікні Преобразовать в растр встановіть: Цвет: RGB (24 бит); • встановіть прапорці Сглаживание, Прозрачный фон, Применить профиль, ОК Тепер текстові написи на стіні стали єдиним бітовим (растровим) зображенням.

30. CorelDraw має багато фільтрів, але в нашому випадку краще використати фільтр розтікання. Не знімаючи виділення з бітових об’єктів дайте команду Растровые изображения⇒Искажения⇒Жидкая краска. у відкритому вікні Жидкая краска відрегулюйте значення повзунків Влажность та Процент. В кінці роботи з вікном натисніть ОК. G Порада: Встановлюйте повзунок Влажность у положення з від’ємним значенням, а параметру Процент надавайте збільшуючи значення. Щоб було зручніше працювати натисніть

кнопку перегляду . Щоб повернути вікно в первинний стан

натискайте кнопку . 31. Робота над основним зображенням закінчена. Але для того щоб воно більш нагадувало графіті, слід додати текстуру. • зробіть копію “стінки”; • візьміть інструмент Интерактивная прозрачность;

• на панелі властивостей інструменту встановіть тип прозорості Текстура. На власний розсуд встановіть значення повзунків Начальная и конечная прозрачность;

• розташуйте прозору “стінку” з накладанням поверх усіх об’єктів. Щоб “стіну” - копію точно наложити на “стіну” - оригінал, скористайтеся лічильником Положение объекта на панелі властивостей, встановивши для обох об’єктів однакові координати розташування.

32. Насамкінець, згрупуйте всі об’єкти зображення: інструментом Указатель розтягніть рамку і дайте команду Упорядочить⇒Сгруппировать або через контекстне меню.

33. Збережіть роботу (Файл⇒Сохранить) Вправа 10.6. Використання заливок контурів

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

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

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

(а) (б) Мал. 10.33

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

G Порада: Скористуйтеся стикувальним вікном Преобразование (меню Упорядочить). На вкладниці Масштаб и отражение встановіть відображення по вертикалі відносно нижньої центральної точки, Применить к копии

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

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

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

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

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

(д) (ж) Мал. 10.35

6. Візьміть інструмент Эллипс і побудуйте ним коло, яке буде зображувати сонце (мал.10.35(ж)). Для побудови кола утримуйте клавішу Ctrl. Розмістіть коло позаду гряди гір командою меню Упорядочить⇒Порядок⇒Установить за... З’являється товста напрямна стрілка. Клацніть нею на дальній гряді гір. % Примітка: Порядок об’єктів має бути таким: на першому плані – ближні гори; за ними – середні гори; наступні – дальні гори; за ними – сонце. На самому задньому плані має бути розміщений прямокутник, що обмежує верхню частину малюнку. Якщо цього не зробити, то при фарбуванні пейзажу можуть виникнути небажані наслідки.

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

• Сонце – оранжевим кольором; • Небо (верхній прямокутник)– пурпуровим кольором.

Мал. 10.36

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

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

2. Збережіть цей файл у свою робочу папку під іншою назвою Захід. Далі працюємо з файлом Захід.

3. Виділіть прямокутник-“небо”. Візьміть інструмент Интерактивная заливка і протягніть покажчик миші від лінії горизонту до верхньої частини неба – одержите плавний перехід від вихідного (голубого) до білого кольору (мал.10.37(а)).

(а) (б) Мал. 10.37

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

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

• тепер перетягніть з палітри кольорів жовтий, синій, фіолетовий, оранжевий, чорний (80%) та чорний (100%) кольори;

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

5. Розмістіть на небі 2-3 зірки: • візьміть інструмент Прямоугольник і утримуючи клавішу

Ctrl побудуйте у вільній частині робочої області квадрат – контур майбутньої зорі;

• візьміть інструмент Интерактивная заливка, встановіть на панелі властивостей градієнтну заливку типу Прямые;

• інструментом Указатель, виділіть створений об’єкт, щоб зменшити майбутню зірку до необхідного розміру, перетягуючи кутовий маркер виділеного об’єкту . Розмістіть “зірку” на малюнку відповідно, тобто ближче до верхнього краю;

• зірку можна створити, скориставшись інструментом Звезда. Також можна побудувати зірку шляхом перетворення об’єкту, наприклад прямокутнику (пригадайте, таку вправу ви робили в 5й роботі );

• зробіть декілька копій “зірки” і розмістіть їх на „небі” . Для цього: перетягніть зірку на нове місце, але перед відпусканням лівої кнопки миші клацніть правою кнопкою – буде створено копію.

6. Зробіть ту частину „неба”, де розміщені „зірки” цілком чорною. Для цього: візьміть інструмент Интерактивная заливка, виділіть “небо”, і перетягуйте управляючі точки кольорів градієнту, досягаючи бажаного ефекту.

7. Інструментом Указатель виберіть нижню частину малюнку, яка зображує землю.

8. Візьміть інструмент Интерактивная заливка і задайте градієнтну заливку “землі” з переходом від темно-коричневого до світлого кольору згори вниз – "закатний" пейзаж готовий (мал.10.38)

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

Збережіть роботу (Файл⇒Сохранить). Закрийте файл Перетворення вечірнього пейзажу на нічний. Використання

радіальних заливок 1. Відкрийте файл Захід, створений при виконанні попередньої вправи. Збережіть цей файл у свою робочу папку під іншою назвою Нічь.

Посмотрите, как можно изменить рисунок. Это то, что Вы должны отработать далее. У Вас это получится быстро и

легко с нашим методическим пособием!

МЕТОДИЧКА http://metodichka.com.ua/

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

Ваш надёжный помощник и учитель

http://metodichka.com.ua/

МЕТОДИЧКА – Электронный магазин учебно-методической литературы