Microsoft PaintAdobe Photoshop

CorelDraw

Adobe Illustrator3d-Studio 3d-Max

Вище художнє професійне училище №3

Викладач

Кримська О.Р.

м. Івано-Франківськ

2

РАСТРОВА ГРАФІКАУ растровій графіці графічне зображення нагадує мозаїку, що складається з пікселів одного розміру,

які є найменшими об'єктами растрового зображення. Чим більша кількість пікселів і чим менші їх

розміри, тим краще виглядає зображення.

Використовується растрова графіка в поліграфічних і електронних виданнях, в Інтернеті в тих

випадках, коли потрібно якісно передати повну гаму відтінків кольорів зображення.

РАСТРОВЕ ЗОБРАЖЕННЯ В ЗВИЧАЙНОМУ МАСШТАБІ РАСТРОВЕ ЗОБРАЖЕННЯ В ЗБІЛЬШЕНОМУ

МАСШТАБІ

1. Основні поняття та засоби комп’ютерної графіки

1.1. Призначення, можливості і сфери застосування комп’ютерної графіки

Комп'ютерна графіка – це наука, що вивчає методи і засоби створення та

обробки зображень за допомогою комп’ютерної техніки.

Комп'ютерна графіка застосовується для візуалізації даних у різних сферах

людської діяльності: спецефекти, кінематографія, телебачення; цифрове

телебачення, Інтернет; обробка цифрових фотографій; комп’ютерні ігри, системи

віртуальної реальності; у медицині - комп'ютерна томографія; в науці - наприклад,

для наочного зображення складу речовини, побудови графіків і т.д.; в дизайні - для

реклами, поліграфії, моделювання та ін.

В залежності від способу формування зображення, комп'ютерну графіку можна

поділити на: растрову; векторну; фрактальну і тривимірну.

Растрова графіка

У растровій графіці

зображення нагадує мозаїку,

що складається з пікселів

(точок) одного розміру, які є

найменшими об’єктами

растрового зображення. Чим

більша кількість пікселів і

чим менші їх розміри, тим

краще виглядає зображення.

Програми растрової графіки призначені для створення книжкових та журнальних

ілюстрацій, обробки оцифрованих фотографій, слайдів, відеокадрів, кадрів

мультиплікаційних фільмів, в тих випадках, коли потрібно якісно передати повну

гаму відтінків кольорів зображення. Найпопулярнішими прикладними програмами є

продукти фірм Adobe - PhotoShop, Corel - PhotoPaint, Macromedia - FireWorks, Fractal

Design - Painter, стандартний додаток у Windows - Paint.

Користувачами растрової графіки можуть бути: художники-ілюстратори;

художники-мультиплікатори; художники-дизайнери; web-дизайнери; фотографи;

поліграфісти та

ретушери.

Переваги та

недоліки

растрової

графіки

Растрова графіка

Переваги Недоліки

Реалістичність зображень;

Природність кольорів

Можливість отримання зображень за допомогою спеціальних пристроїв

Великий обсяг даних

Пікселізація зображення при збільшенні масштабу перегляду або збільшені розміру масштабу;

Складність редагування окремих елементів зображення

Растрові зображення

3

ВЕКТОРНА ГРАФІКА

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

базових об'єктів: відрізків, кривих, прямокутників, овалів тощо.

Векторні графічні зображення широко використовуються тоді, коли

важливим є наявність ясних і чітких контурів: у картографії, при

створенні логотипів і схем, в інженерній графіці тощо.

ПРИКЛАДИ ВЕКТОРНИХ ЗОБРАЖЕНЬ ІЗ РІЗНИМИ ЗНАЧЕННЯМИ ЇХНІХ ВЛАСТИВОСТЕЙ

Порівняння растрових та векторних зображень

Векторні зображення Растрові зображення

Складаються з об'єктів, описаних математично

Складаються з масивів пікселів

Менші обсяги файлів. Обсяг залежитьне від розміру зображення, а від кількості об'єктів на ньому

Більші обсяги файлів. Обсяг залежить від розміру зображення

Можна збільшувати без погіршення якості

У разі збільшення зображення якість погіршується

Не дають змогу точно передати перехід від одного кольору до іншого

Дають змогу отримати зображення фотографічної якості

Застосовують для зберігання креслень, ділової графіки, шрифтів, рисунків з чіткими контурами

Застосовують для зберігання фотографій, творів живопису, збережень елементів інтерфейсу

Векторна графіка

На відміну від растрової графіки, у векторній

графіці базовим елементом є лінія, яка

описується математичною формулою. Лінія є

елементарним об'єктом, якому притаманні певні

особливості: форма, товщина, колір, тощо.

Зображення у векторній графіці будується як

аплікація (з окремих об'єктів). Будь-який об'єкт

(прямокутник, еліпс, текст і навіть пряма лінія)

сприймається як крива лінія.

Векторні програми використовують там, де важливим є збереження чітких

контурів: ілюстрації; складні креслення в інженерній графіці; логотипи та емблеми;

графічні зображення для Web; мультиплікація; рисунки на основі оригіналів.

Найпопулярнішими прикладними програмами є продукти фірм Corel - CorelDraw,

Adobe - Illustrator, Macromedia - FreeHand, стандартний додаток у MS Office - Word

Editor.

Користувачами векторних редакторів можуть бути: технічні редактори;

дизайнери; розробники web-сторінок; оператори видавничих систем; художники по

рекламі;

художники-

ілюстратори.

Переваги та

недоліки

векторної

графіки

Векторна графіка

Переваги Недоліки

Невеликі за розміром файли зображень;

Збереження якості при масштабуванні

Легкість модифікації зображень

Схематичність зображення

Неприродність кольорів при відтворенні реальних об’єктів

Векторне зображення

4

ФРАКТАЛЬНА ГРАФІКАФрактал – це рисунок, який складається з подібних між собою елементів. Побудова фрактального

малюнка відбувається за деяким алгоритмом або шляхом автоматичної генерації зображення. Фрактальну

графіку часто використовують для графічного представлення даних при моделюванні деяких процесів,

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

фрактальної графіки є те , що у файлі фрактального малюнка зберігаються тільки алгоритми і формули.

Такі файли мають менший розмір, ніж файли з малюнками векторної і растрової графіки.

Фрактальна графіка

Переваги Недоліки

Малі обсяги данних;

Простота модифікації зображень;

Можливість деталізації зображень.

Абстрактність зображень

Необхідність використання досить складних математичних понять і формул

5

ТРИВИМІРНА ГРАФІКАОстаннім часом все більшої популярності набуває тривимірна графіка( 3D-

графіка), що вивчає прийоми і методи створення об’ємних моделей об’єктів, які

максимально наближені до реальних. Основним завданням цього виду графіки є

створення не плоского зображення об’єкта, а його об’ємної моделі, які можна

обертати і розглядати з усіх боків. Тривимірна графіка широко використовується

в інженерному проектуванні, комп’ютерному моделюванні фізичних об’єктів і

процесів, у мультиплікації, кіноматографії на комп’ютерних іграх.

ПРИКЛАДИ ТРИВИМІРНОЇ ГРАФІКИ

Тривимірна графіка

Переваги Недоліки

Об’ємність зображення

Можливість моделювання реальних об’єктів

Складність створення і редагування

Підвищені вимоги до апаратної складової комп’ютера

Фрактальна 3D графіка

6

Графічний редактор — це комп'ютерна програма, яка надає можливість

користувачу створювати і редагувати на екрані комп'ютера зображення і зберігати їх

для подальшого використання.

Найпоширеніші операції, які можна виконувати в графічних редакторах:

1. Виділення області зображення для редагування.

2. Малювання ліній за допомогою пензлів різних кольорів, розмірів, форми і з різним

натиском.

3. Заповнення певних областей малюнка кольором, градієнтом кольору чи

текстурою.

4. Вибір кольору з використанням різних колірних моделей (наприклад, RGB, HSV)

та за допомогою колірної піпетки.

5. Створення написів різними шрифтами.

6. Видалення з фотографій подряпин, бруду, зморшок, ефекту червоних очей та

інших дефектів.

7. Формування зображень із використанням шарів.

8. Конвертація зображень у файли різних форматів.

9. Застосування фільтрів з метою досягнення різних ефектів.

Microsoft PaintAdobe Photoshop

CorelDraw

Adobe Illustrator3d-Studio 3d-Max

Програмні засоби комп'ютерної графіки

Графічний редактор – це прикладна програма, яка дає користувачеві змогу створювати й редагувати на екрані комп'ютера зображення та зберігати їх для подальшого використання.

Растрові редактори

• Microsoft Paint

• Adobe Photoshop

Векторні редактори

• Adobe Illustrator

• CorelDraw

Тривимірні графічні редактори

• 3d-Studio

• 3d-Max

7

Растрові редактори дозволяють будувати лінії та графічні примітиви, заливати

окремі області певними кольорами, вводити текст, малювати різними інструментами.

Залежно від обраного інструмента будуються лінії з різними властивостями:

напівпрозорі, з розмитими краями, заповнені текстурою. Завжди є можливість

збільшити масштаб, щоб можна було працювати з окремими пікселами.

Недоліки редакторів такого типу : якість малюнка стає щоразу гіршою після його

збільшення. Переважно растрові редактори використовуються для роботи з уже

готовими зображеннями, наприклад для створення колажів і редагування фотографій.

Найвідоміші растрові редактори: Adobe PhotoShop, Microsoft Paint, Corel PhotoPaint,

Live Picture, Macromedia XRes, Micrografx Picture Publisher, Paint Shop Pro.

На відміну від растрових редакторів, у векторних редакторах всі малюнки

складаються не з окремих точок, а зі складних векторних об'єктів – кіл,

багатокутників, довільних кривих (їх креслять за допомогою миші). Створений об'єкт

можна змінювати: обертати, розтягувати, нахиляти, переміщувати, модифікувати

різними інструментами, можна застосовувати до нього спеціальні ефекти, причому, і

це найважливіше, абсолютно незалежно від інших об'єктів. До того ж у кожного

об'єкта є такі властивості, як товщина ліній, розмір, колір, текстура, прозорість.

Кожний об'єкт займає певне положення на малюнку, деякі об'єкти затуляють інші.

Векторні редактори застосовують насамперед для створення великих малюнків у

поліграфії (плакатів і рекламних афіш). Але створити за їх допомогою

фотореалістичні зображення майже неможливо. До числа найвідоміших векторних

редакторів належать CorelDRAW, Adobe Illustrator, Corel Xara, Macromedia FreeHand.

Вправа 1. Порівняння растрових та векторних зображень.

Виписати у порівняльну таблицю (в зошиті) переваги і недоліки растрових та

векторних зображень.

Характеристики зображення Растрове Векторне

З яких елементів складається

Від чого залежить обсяг файлу

Чи залежить якість від збільшення розміру зображення?

Точність передачі кольору, тону

Де застосовують

1.2. Колірні моделі

На екрані монітора ми бачимо світло, яке випромінює екран, а на папері — світло,

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

способами, створено різні колірні моделі.

Колірною моделлю називають систему кодування кольорів, яка використовується

для зберігання, відображення на екрані і друку зображення.

Щоб описати певний колір, в комп’ютерній графіці використовується спосіб

змішування базових компонентів. Кожному пікселу зображення у будь-якому

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

8

Відповідність між набором значень

для кожного піксела та його кольором

встановлюється залежно від того, яка

колірна модель застосовується для

подання зображення.

В комп’ютерній графіці найчастіше

використовуються колірні моделі RGB,

CMYK i HSB.

Вправа 2. Вивчення моделей кодування кольору.

Запустити програму ColorPic і з її допомогою визначити і виписати у таблицю (в зошиті) коди основних кольорів у моделях RGB, CMYK і HSV (коди кольорів відображаються при наведенні курсору на відповідний колір).

Колір RGB CMYK HSV

R G B C M Y K H S V

Червоний

Зелений

Жовтий

Синій

Блакитний

Чорний

Білий

Сірий

Колірна модель GMYKУ цій колірній моделі базовими колірними компонентами є так звані

додаткові кольорі :

Блакитний, пурпурний, жовтий.Додатковими їх називають тому, що вони доповнюють основні

кольори до білого : блакитний доповнює червоний,пурпурний – зелений, жовтий

доповнює синій.

Колірна модель RGBУ колірній моделі RGB будь-який колір утворюється з трьох основних

компонентів :

Червоного, Зеленого, Синього.

Ці кольори називаються основними.

Колірна модель HSBУ моделі HSB також використовуються 3 базових компонента :

відтінок, контраст або насиченість і яскравість кольору.

Відтінок кольору вказує номер кольору в спекторній панелі.Насиченість кольору характеризує його інтенсивність - чим вона більша, тим “ Чистіший ” колір.

Яскравість кольору залежить від домішки чорної фарби до даного кольору – чим більше, тим яскравість кольору менша. Таким чином, можна отримувати всі кольори, які здатне сприймати око людини.

9

2. Графічна алгоритмізація. Основи растрової і векторної графіки

2.1. Поняття алгоритму побудови графічного зображення

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

одного розміру, які є найменшими об’єктами растрового зображення. Чим більша

кількість пікселів і чим менші їх розміри, тим краще виглядає зображення.

Розмір піксела коливається в залежності від вибраної роздільної здатності

(кількості точок на дюйм) екрана монітора, роздільної здатності зображення й

масштабу відображення. Монітори можуть забезпечити роздільність 640х480,

800х600, 1024х768, 1600х1200 і вище. Для екранного зображення достатньо

роздільності 72 dpi.

Розмір файлу напряму зв'язаний зі збільшенням роздільності і може сягати

десятки мегабайтів.

Глибина кольору характеризує максимальне число кольорів, які використані у

зображенні. Існує декілька типів зображень із різною глибиною кольору: чорно-білі;

відтінки сірого; повноколірні.

Чорно-білі зображення: на один піксел зображення відводиться 1 біт інформації -

чорний та білий. Глибина кольору - 1 біт.

Зображення у відтінках сірого: піксел сірого зображення кодується 8 бітами (1

байт). Глибина кольору - 8 біт, піксел може приймати 256 різних значень - від білого

(255) до чорного (0 яскравості).

Повноколірні зображення: глибина кольору не менше як 24 біти, що дає

можливість відтворити понад 16 мільйонів відтінків. Повноколірні зображення

називаються True Color (правдивий колір). Колірні складові організуються у вигляді

каналів, спільне зображення каналів визначає колір зображення. Повноколірні

зображення є багатоканальними і залежать від колірної моделі (RGB, CMYK, HBS),

які різняться за глибиною кольорів і способом математичного опису кольорів.

У векторній графіці базовим елементом є лінія, яка описується математичною

формулою. Таке представлення даних компактніше.

Лінія є елементарним об'єктом, якому притаманні певні особливості: форма,

товщина, колір.

Векторні об'єкти завжди мають шлях, що визначає їх форму. Якщо шлях є

замкненим, тобто кінцева точка співпадає з початковою, об'єкт має внутрішню

ділянку, яка може бути заповненою кольором або іншими об'єктами. Заповнений

об'єкт трактується як єдиний елемент.

У векторних редакторів є засоби застосування ефектів до простих об'єктів:

відтінювання, витискування, викривлення, прозорість тощо.

Алгоритм побудови графічного зображення – це послідовність елементарних

прийомів, які необхідно виконати на етапі підготовки до малювання й безпосередньо

в процесі створення зображення.

Формально алгоритм малювання зводиться до кількох пунктів:

Вибір розміру малюнка.

Вибір формату зберігання малюнка.

Використання напрямних ліній.

10

Використання інструментів.

Копіювання.

Вибір розміру малюнка: треба з'ясувати, де буде використовуватися створюване

зображення. Якщо йдеться про картинки для комп'ютерних програм (малюнки на

кнопках, графічні елементи меню), то зображення має бути певного розміру — у

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

для друку картинки в документі краще робити зображення більшим від заданого

розміру, щоб після вставлення малюнок зменшувався, згладжуючи східчастий

характер похилих ліній і кіл.

Вибір формату зберігання малюнка.

Формат слід вибирати ще до початку малювання. Сьогодні найпопулярнішим

форматом є формат зберігання JPG, який забезпечує малий розмір графічного файлу,

але веде до часткової втрати деталей і згладжування зафарбування. Більш якісне

зображення надають формати BMP та TIFF, але вони для збереження малюнка

потребують більше пам'яті.

Напрямні лінії: якщо на малюнку є певні закономірності – симетрія, перспектива,

розташування деталей на одному рівні або на рівних відстанях, не забувайте

проводити напрямні лінії, які можна легко стерти на готовому малюнку.

Використання інструментів: усі стандартні фігури потрібно зображувати за

допомогою наявних інструментів, а не простих ліній, точок або дуг. Зокрема,

прямокутник намалювати чотирма прямими не так і складно, але побудова

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

Вправа 3. Алгоритм побудови зображення.

Завдання. Створіть ілюстрацію до обкладинки блокнота згідно представленого

зразка. Збережіть у свою папку. Коротко опишіть (в зошит) алгоритм побудови

даного зображення. Дайте відповіді на запитання:

1. Який розмір малюнка ви обрали і чому?

2. В якому форматі збережено зображення?

3. Які інструменти використано?

4. Чи копіювали ви окремі елементи або частини зображення?

Продемонструйте виконану роботу викладачу.

11

2.2. Графічний редактор Paint: створення растрових зображень, що складаються з кількох елементів (графічних примітивів)

Використання інструментів графічного редактора Paint.

Вміст малюнка відображається в області малюнка, яка за замовчуванням має

білий колір. Якщо область малюнка більша за робочу область, у вікні з'являються

смуги прокручування.

Якщо потрібно точно встановити розміри малюнка, слід скористатися

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

розміри:

Налаштування параметрів малюнка

Головне меню

Панель інструментів

Область параметрів

Область малюнка

Робоча область

Палітра кольорів Рядок стану

Запуск програми: ПУСК, УСІ ПРОГРАМИ, СТАНДАРТНІ, PAINT.

Після запуску програми Paint на екрані відкривається вікно програми.

12

Нахил

Вибір кольорів для ліній і тла

Колір лінії використовується для зафарбовування ліній та контурів фігур.

Внутрішні області замкнених фігур зафарбовується кольором тла.

Кольори можна вибирати за допомогою миші: лівою кнопкою в палітрі вказується основний колір, а правою – колір тла.

Колірна палітра

Колір

малювання

Колір тла

Якщо серед 28 кольорів палітри не вистачає потрібного вам

кольору, скористайтесь командою Кольори, Зміна палітри.

Відкриється діалогове вікно (1). Якщо серед основних кольорів

немає потрібного, то тисніть кнопку Визначити колір, у вікні

Зміна палітри відобразиться область із спектром кольорів (2).

За допомогою миші в області спектра виберіть відтінок та

контрастність кольору, а у вертикальній смужці – його

яскравість. Натисніть кнопку Добавити в набір і Ок.

1

2

13

Вправа 4. Створення простого растрового зображення.

Завдання 1. Ознайомитися з інтерфейсом та можливостями графічного редактора Paint. Завдання 2. Створити простий малюнок в редакторі за зразком (виноград і ялинка) і зберегти його на диск в свою папку.

Хід роботи 1) Запустіть графічний редактор Paint. 2) Виберіть колір і задайте товщину лінії. 3) Утримуючи клавішу Shift, намалюйте коло. 4) Всередині кола намалюйте еліпс і залийте

темно- та світло-фіолетовими фарбами.

5) Виділіть цей малюнок (використайте прозоре виділення). 6) Скопіюйте: “Правка” – “Копіювати”. 7) Вставте “Правка” – “Вставити”. 8) Перетягніть в центр екрану. 9) Повторюйте дії 6-7, формуючи гроно винограду. 10) Домалюйте галузку і листок. Розфарбуйте. 11) Збережіть отримане зображення на диск у свою папку.

12) Створіть самостійно зображення ялинки.

14

Найпростіші фігуриНабір інструментів для

малювання

Найпростішими фігурами у Word вважають прямі лінії, стрілки, прямокутники, еліпси.

Щоб перейти до кнопок інструментів для їх створення, слід клацнути лівою кнопкою миші на Вставка, група панелей інструментів Ілюстрації, кнопка Фігури

Після вибору будь-якого інструмента малювання слід перевести вказівник миші у потрібне місце, натиснути ліву кнопку миші та, утримуючи її, перетягнути курсор, доки фігура не набуде потрібного вигляду. Створений малюнок примітиву залишиться виділеним круглими : 8 синіх та одного зеленого маркера, можуть бути і жовті.

Сині маркери призначені для змінення розмірів фігури, а зелений – для її обертання, жовті – створення (перегинів) об'ємності.

2.3. Створення простих векторних зображень засобами графічного редактора

Засоби графічного редактора, вбудованого у середовище програми Microsoft Word

15

Вправа 5. Створення простого векторного малюнка.

Завдання 1. Ознайомитися з інтерфейсом та можливостями графічного редактора, вбудованого у середовище офісних програм Microsoft - Word Editor

Завдання 2. Створити простий малюнок в редакторі за зразком (виноград і малина, апельсин, вишня або ін.)

Хід роботи 1) Запустіть графічний редактор, вбудований у Word. 2) Виберіть зелений колір і задайте товщину лінії. 3) Намалюйте еліпс. 4) Залийте градієнтною заливкою від центра білим і зеленим кольором. 5) Скопіюйте “Правка” – “Копіювати”. 6) Вставте “Правка” – “Вставити”. 7) Перетягніть в центр екрану. 8) Повторюйте дії 5-7, формуючи гроно винограду. 9) Домалюйте галузку і листочок. Розмалюйте темно-зеленим. 10) Створіть ще кілька зображень самостійно. 11) Збережіть отриманий файл на диск у свою папку.

16

Методи комп'ютерної анімації

Морфінг

Перетворення одного об'єкта на інший у результаті генерування певної кількості проміжних кадрів

Морфінг широко зустрічається в ігровому ітелевізійному кіно, втелевізійній рекламі

3D-морфінг

3. Створення анімаційних зображень.

Анімацією в комп’ютерній графіці називається штучне відтворення руху шляхом

послідовного відображення малюнків або кадрів з частотою, що забезпечує цілісне

зорове сприйняття образів (що досягається при частоті 10 .. 16 кадрів за секунду).

Технології створення комп’ютерної анімації:

1) Gif-анімація – створення анімаційних зображень класичним методом.

2) Flash-анімація – створення анімаційних зображень у середовищі програми, до

арсеналу якої входять анімація ключових кадрів, морфінг, колірна та спрайтова

анімації.

3) Презентаційна анімація – використання стандартних анімаційних ефектів,

вбудованих у середовище розробки комп’ютерних презентацій (елементи

ключових кадрів та морфінгу).

Методи комп’ютерної анімації:

1) Класична анімація – створення рухомих зображень покадрово із набору растрових

зображень.

2) Анімація ключових кадрів – малюються лише деякі ключові кадри, на яких

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

відображує переміщення об'єктів.

3) Морфінг – перетворення одного об’єкта на інший у результаті генерування певної

кількості проміжних кадрів.

4) Спрайтова анімація – програмування зміни форми й руху окремих об'єктів.

5) Колірна анімація – зміна лише кольору, а не положення чи форми об’єкту.

6) 3D-анімація – рухомі картинки отримують у результаті візуалізації сцени, яка є

набором об'ємних об'єктів, джерел світла і текстур.

3.1. Принципи формування анімаційних зображень у gif-форматі

GIF-практично єдиний поширений компактний анімаційний формат, який

безпосередньо підтримується абсолютною більшістю браузерів. На платформі

Windows для цього традиційно частіше за інших використовуються програми GIF

Animator фірми Ulead System, Microsoft GIF Animator і GIF Construction Set фірми

Alchemy Mindworks.

Створення анімаційного GIF-файлу у всіх перерахованих програмах включає в себе

два етапи: власне створення такого файлу і його подальшy оптимізацію. Процес

створення файлу полягає в почерговому додаванні графічних зображень у структуру

GIF-файлу. Важливою перевагою програм є можливість створення анімації на основі

лише двох зображень: початкового і кінцевого. Проміжні зображення генеруються

програмою автоматично за допомогою одного з декількох можливих ефектів,

17

Вертикальна панель інструментів Додати малюнок в кадр

Видалити кадр

Дублювати кадр

Вставити пустий кадр

Перехід кадру на позицію вверх

Перехід кадру на позицію вниз

Перехід у програму для редагування кадру

Налаштування ефектів

Вставляння тексту

Порядок створення анімаційного зображення

Створити новий файл та встановити початкові параметри анімації

Завантажити файл для кожного кадру

Переглянути результати, не виходячи з програми

При потребі виконати настройки параметрів анімації окремих кадрів

Зберегти роботу і вийти з програми

Створення анімації та встановлення початкових параметрів

Створення нового файлу

Файл, Створити, або клацнути кнопку Створити нову анімацію

наприклад, напливу нового зображення поверх старого, зміни аркуша паперу, на

якому формується зображення та ін.

Після того, як всі кадри зображення поміщені в анімаційний GIF-файл, можна

задати для кожного кадру зображення тимчасову затримку, локальну палітру,

положення на екрані, спосіб видалення тощо.

Створення анімаційних зображень і налаштування їх параметрів

у програмі Microsoft Gif Animator.

Створення gif-анімації насправді не дуже складний процес. По суті це просто один

з форматів зображення. Формат об'єднує воєдино певну кількість зображень. За

допомогою різних картинок і створюють ефект руху. Зображення у gif- форматі

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

Наприклад, можна скористатися безкоштовною програмою «Gif Animator».

Вікно програми містить: рядок меню; панель інструментів Стандартна; панель

Кадр; робочу область; інструменти для настроювання параметрів кадрів (панель

Інспектор властивостей); рядок стану.

Порядок створення

анімаційного зображення:

Інструменти для виділення: прямокутник, круг, довільна крива, ласо. З

інструментів, призначених для малювання, ми бачимо тільки кисть, але настройки

кисті значні: форма (кругла, квадратна), траєкторія (крива, пряма лінія), товщина

кисті і інтенсивність кольору. Крім кисті є і стандартне "відро" (інструмент для

заливки), плюс редактор тексту. Ви можете додати напис на зображення, змінивши:

колір, розташування, стиль, розмір.

18

Попередній переглядF7 або Вкладка Animation, Preview або в робочій області вибрати вкладку Preview , кликнути кнопку

Переглянути результат після збереження файлу

Приклад 2 Приклад 3 Приклад 4

Оскільки формат gif об'єднує кілька картинок, то перш ніж працювати з тією чи

іншою програмою, слід підготувати необхідні зображення. Спочатку необхідно

продумати ідею рухомої картинки і створити зображення, які будуть послідовно

змінювати один одного, створюючи ефект руху. Якщо є наміри для анімації

використовувати текст і його рух, то це можна зробити безпосередньо в програмі

розробки gif-анімації.

Попередній перегляд Попередній перегляд дає

можливість переглянути

свою роботу в такому

вигляді, в якому вона буде

збережена, що дуже

допомагає при роботі, так

як тут вже явно видно всі

недоліки по переходах між

кадрами і якість анімації.

Вправа 6. Створення анімаційного зображення.

Завдання. З допомогою програми Microsoft Gif Animator (чи аналогічної) створити

анімаційне зображення з 15 кадрів за зразком (рухомі смайлики, які вітаються) і

налаштувати час відображення кожного кадру.

Зберегти анімацію на диск у свою папку в gif- форматі. Продемонструвати вчителю.

19

3.2. Поняття про Flash-анімацію

Анімація у Flash базується на зміні ознак об’єктів, що використовуються у тій чи

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

положення, форму, розмір, колір, ступінь прозорості і т. п.

Є три способи (механізми) реалізації анімації у флеші:

1. Покадрова (класична) анімація – коли автор сам створює або імпортує із інших

програм кожен кадр майбутньої анімації і встановлює послідовність перегляду.

Така анімація найбільше нагадує створення gif-анімації, де використовується

покадровий підхід.

2. Автоматична (tweened) анімація – коли автор створює тільки перший і останній

кадри мультиплікації, а алгоритми Flash автоматично генерують всі проміжні

кадри. При цьому розрізняють кілька типів tweened-анімації. Наприклад, анімація,

яка базується на переміщенні об’єкта (motion animation), або анімація, яка

базується на трансформації (зміні форми) об’єкта (shape animation).

3. Анімація на основі сценаріїв вбудованої мови програмування (Action Script).

Сценарій – це опис поведінки об’єкта на внутрішній мові Flash, яка називається

ActionScript. Синтаксис цієї мови нагадує синтаксис інших мов сценаріїв, які

використовуються у web-публікаціях (наприклад, JavaScript чи VBScript).

Кожен із цих трьох підходів до анімації має як свої переваги, так і недоліки.

Наприклад, покадрова анімація зазвичай вимагає найбільше часу та прискіпливості, а

результат виходить дуже масивним і займає багато місця (адже кожен кадр – це по

суті окреме зображення).

Автоматична (tweened) анімація позбавлена цих недоліків. Використовуючи її, ви

не зобов’язані створювати кожен кадр окремо. А оскільки для програвання таких

файлів Flash достатньо зберігати тільки перший і останній кадри – розмір

анімованого продукту виходить набагато меншим, ніж при покадровій анімації. В той

же час tweened-анімація підійде тільки для створення найпростіших сюжетів, в яких

властивості об’єктів змінюються рівномірно.

З допомогою сценаріїв на ActionScript можна описати доволі складну поведінку

об’єктів. Але для цього потрібно вивчати мову ActionScript.

20

Вправа 7. Принципи створення анімаційних зображень у середовищі Macromedia

Flash

Сьогодні ми навчимо цього чоловічка ходити. 1. Відкрийте флеш і створіть новий Flash File (Action Script 2.0).

2. Налаштуйте сцену. Для цього відразу ж після відкриття Flash праворуч у

колонці панелі управління встановіть розмір сцени

відповідно до розміру підготовлених графічних

файлів (у моєму випадку 84 x 102). Оскільки

кадрів у нашому випадку буде лише чотири –

швидкість відтворення (FPS або Frames per second)

повинна бути достатньо низькою (6 кадрів на

секунду).

3. Імпортуйте необхідні графічні файли в бібліотеку. Перейдіть в меню File ->

Import -> Import to Library, виберіть необхідні файли (можна одразу чотири) і

натисність «ОК».

4. Натисніть F11 і перейдіть

на закладку бібліотеки, в якій

вже відображаються всі необхідні

файли.

5. Переконайтесь, що у вас в

інструментах вибрано Selection

Tool і перетягніть перший файл з

бібліотеки на сцену таким чином,

щоб кадр точно співпав зі

сценою.

21

6. Розмістіть курсор на другому

кадрі шкали часу (timeline) і, натиснувши

клавішу F7 (того самого можна

досягнути клікнувши правою клавішою

миші на порожньому кадрі і вибравши

опцію Insert blank keyframe), створіть там

порожній ключовий кадр.

7. Перетягніть на сцену наступний файл з бібліотеки.

8. Повторюйте кроки 4 і 5, поки всі чотири зображення не будуть розміщені на

сцені. В результаті у вас повинно вийти чотири кадри з одним зображенням на

кожному.

9. Тепер можете зберегти і опублікувати файл. В меню File -> Save As ви можете

зберегти вихідний файл у форматі *.fla (цей формат відкривається флешем). Для того,

щоб створити файл для програвання виберіть меню File -> Export -> Export Movie і

оберіть бажаний формат. Стандартним форматом для флеш-програвача

вважається *.swf. Саме його найзручніше використовувати у вебі. Більшість флеш-

банерів також мають цей формат. Нарешті, обравши у меню опцію Publish ви

створите не лише файл *.swf, але й html-код для розміщення на сайті.

10. Натисніть комбінацію клавіш Ctrl+Enter або виберіть в меню Contol -> Test

Movie – і насолоджуйтесь результатом.

22

Формати графічних файлівВід формату графічного файлу залежить спосіб

зберігання даних малюнка (у растровому чи векторному вигляді), а також алгоритм їх стиснення.

Розглянемо найпростіші формати графічних файлів:

BMP (Bitmap) GIF (CompuServe

Graphics Interchange

Format)

JPEG (Join Photographic

Experts Group)

PNG (Portable Network Graphics)

TIFF (Tagged Image File Format)

Застосовуються для збереженнярастрових зображеньбез стиснення, зкодуваннямінформації про коженпіксел.

Призначений для стиснення растрових зображень, у яких міститься багато однорідних заливок. Обмеження полягає в тому, що кольорове зображення може бути записане тільки в режимі 256 кольорів.

Краще застосовувати для зберігання растрових зображень фотографічної якості, дозволяє гнучко варіювати між рівнем стиснення та якістю зображення

Використовується для зображень, які розміщуються в Інтернеті, забезпечує однаковий вигляд зображення незалежно від використаного браузера та монітора

Один із найпоширеніших і найнадійніших растрових форматів, найкращий вибір для сканованих малюнків, а також для імпортування растрової графіки у векторні редактори

4. Конвертація і обмін зображеннями між різними програмами.

4.1. Поширені формати графічних файлів, їхні переваги, недоліки та сфери застосування

Формат файлу визначає спосіб кодування збереженої в ньому інформації. Від

формату графічного файлу залежить спосіб зберігання даних і алгоритм їх стиснення.

Існує багато форматів. Найпоширеніші з них:

Формат BMP (Bitmap) призначений для зберігання растрових зображень без

стиснення, з кодуванням інформації про кожен піксел зображення.

Формат GIF (Compu Serve Graphics Interchange Format) призначений для

стискання файлів, що містять багато однорідних заливок (у логотипах, написах,

схемах). Зображення записується «через рядок», завдяки чому, завантаживши лише

частину файлу, можна побачити ціле зображення, але з меншою роздільною

здатністю. Працюючи з форматом GIF, можна застосувати таку властивість

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

Файл GIF може містити не одну, а кілька растрових картинок – тоді завдяки тому, що

браузери відображують їх по черзі із зазначеною у файлі частотою, створюється

ілюзія руху (GIF-анімація). Основне обмеження формату GIF полягає в тому, що його

палітра складається лише з 256 кольорів.

У форматі JPEG (Joint Photographic Experts Group) застосовується принцип

стиснення даних з видаленням певної їх частини. Видаляється так звана надлишкова

частина даних, яка практично не сприймається людським оком. Внаслідок цього

розмір файлу стає набагато меншим. Кількість видалених даних, тобто ступінь

стиснення зображення, можна регулювати.

Формат JPEG краще застосовувати для зберігання растрових картинок

фотографічної якості. У форматі JPEG рекомендується записувати лише остаточний

варіант роботи, тому що кожна операція збереження / відкривання призводить до

додаткових втрат даних.

Формат PNG (Portable Network Graphics) використовують для розміщення

зображень в Інтернеті. Є два його різновиди: PNG-8 і PNG-24. Формат PNG-8

підтримує 8 біт кольорової інформації (256 кольорів), формат PNG-24 – 24 біти, що

відповідає колірному діапазону моделі RGB. Останній формат порівняно новий, але

він уже конкурує з GIF. На відміну від GIF, де прозорість або є, або її немає, PNG

підтримує також напівпрозорість. Крім того, PNG задовольняє основну вимогу

WWW – забезпечення однакового вигляду зображення незалежно від того, яку

апаратуру застосовує користувач. Збережене у цьому форматі зображення матиме

однаковий колір на будь-якому комп'ютері.

Апаратно незалежний формат TIFF (Tagged Image File Format) є одним із

найпоширеніших і найнадійніших, його підтримують майже всі програми, так чи

інакше пов'язані з графікою. Це найкращий вибір для зберігання сканованих

23

малюнків, а також для імпортування растрової графіки у векторні програми та

видавничі системи. Він підтримує всі колірні моделі – від монохромної до RGB і

CMYK. У разі використання формату TIFF можна зберігати контури для зазначення

місця обтинання малюнка під час друку, прозорість та іншу додаткову інформацію

про зображення.

Формат PDF (Portable Document Format), розроблений компанією Adobe,

використовується для виведення електронних публікацій на друк, хоча його можна

застосовувати і для інших цілей. У файлі PDF зберігається інформація про векторні

зображення, шрифти, поділ на сторінки, тобто документ подається в такому вигляді,

який він матиме після друку.

PSD – це внутрішній формат растрового редактора Photoshop (Adobe Photoshop

Document); останнім часом підтримується дедалі більшою кількістю програм. Він дає

можливість записувати зображення з кількома шарами, масками, додатковими альфа-

каналами і колірними каналами, контурами та іншою інформацією.

CDR – це внутрішній формат програми CorelDRAW (CorelDRAW Document),

призначений для зберігання тексту, векторної та растрової графіки. У CDR-файлах

застосовується роздільне стискання для векторних і растрових зображень, у них

можна вбудовувати шрифти. Крім того, файли формату CDR мають величезне робоче

поле (15x45 м) і таку властивість, як багатосторінковість.

Вправа 8. Перетворення форматів графічних файлів

Завдання 1. Визначення розміру та обсягу графічних файлів.

1. Створіть папку до уроку під своїм прізвищем. Скопіюйте в неї всі зображення

(30 шт.) з папки “Зразки зображень у різних форматах”. Перегляньте зображення у

папці. Зверніть увагу на якість малюнків.

2. Визначте розмір та обсяг кожного файлу. Результати роботи занесіть до таблиці

в зошиті. Для того, щоб визначити розмір та обсяг малюнка, потрібно навести

мишкою на файл, через секунду біля нього з'явиться підпис, де буде вказано розмір

(піксель х піксель) та обсяг у Кілобайтах (Кб) чи Мегабайтах (Мб).

Назва Розширення Розмір Обсяг

1

2

3

4

5

6

7

…

…

…

28

29

30 Завдання 2. Конвертування графічних файлів за допомогою растрового

графічного редактора.

24

1. Відкрийте файл “1.bmp” за допомогою графічного редактора Paint та збережіть

(“Зберегти як…”) у форматі jpg. Визначте розміри оригіналу та перетворених файлів.

Результати досліджень занесіть до таблиці.

2. Аналогічно перетворіть файл в інші формати, запропоновані в таблиці. Оцініть

якість зображення в різних форматах. Результати занесіть до таблиці.

3. Напишіть висновок про залежність розміру файлу від його розширення.

4. Здайте виконане завдання (2 таблиці і висновок) вчителю на перевірку.

Назва Розширення Розмір Обсяг

1 bmp

1 jpg

1 png

1 Tif

1 gif

Вправа 9. Побудова векторних фігур у Paint

Завдання. На аркуші розміром 1000×500 px зобразити векторні фігури за зразком.

Зберегти отримане зображення на диск у свою папку.

Вправа 10. Векторизація (трасування) зображень

Трасування, або векторизація – це перетворення растрового зображення у

векторне. Потужні графічні редактори дозволяють автоматизувати цей процес, а ми

спробуємо виконати ручне трасування.

Завдання. Відкрийте програму MS Word, яка має вбудований векторний

графічний редактор. Зображення, яке будете векторизувати, встановіть як тло

сторінки (Розмітка сторінки, Колір сторінки, Різновиди заливки, Рисунок). Ваше

завдання – за допомогою геометричних фігур і ліній повторити фонове зображення

якомога точніше. Щоб використати заливку, контур має бути замкнутим.

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

25

4.2. Огляд основних функціональних можливостей і особливостей роботи в середовищі графічних редакторів

Paint.NET – безкоштовний растровий графічний редактор малюнків і фотографій

для Windows, розроблений на платформі .NET Framework. Paint.NET є чудовою

заміною редактора графічних зображень, що входить до складу стандартних програм

операційної системи Windows.

Paint.NET має ряд переваг, що відрізняють його від конкурентів:

програма безкоштовна для розповсюдження та використання;

оптимізована для роботи з двоядерними та чотириядерними процесорами;

має зручний інтерфейс, схожий на Photoshop;

може працювати з декількома документами одночасно;

підтримує роботу з шарами;

простий у використанні.

Adobe Illustrator - потужний професійний графічний пакет для швидкого

створення і редагування векторної графіки. Дизайнери широко використовують його

для створення ілюстрацій.

Програма має інтуїтивно зрозумілим інтерфейс, легкий доступ до багатьох

функцій, широкий набір інструментів для малювання і можливості управління

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

складності. Adobe Illustrator є одним з найбільш зручних редакторів для створення

різних макетів для преси або зовнішньої реклами.

Можливості програми Adobe Illustrator: тривимірні спецефекти; спотворення і

деформація зображення; спецефекти в режимі реального часу; ефект прозорості;

ефект Scribble (векторні об'єкти будуть виглядати як начерки, намальовані від руки);

інструменти малювання, відповідні галузевим стандартам; стилі символів і

параграфів; засоби створення файлів Adobe PDF; інтеграція з іншими додатками;

підвищена продуктивність; розширені можливості друку; поліпшені засоби роботи з

текстом; підтримка шарів Adobe PDF; тісна інтеграція з продуктами Microsoft Office,

створення власних шаблонів.

GIMP – вільний програмний засіб (безкоштовний растровий графічний редактор),

високоякісний додаток для ретушування і створення оригінальних зображень; для

створення екранної і веб-графіки.

До GIMP стандартно входять 48 пензлів, також користувач може створювати свої

або додавати пензлі, створені іншими редакторами.

GIMP підтримує градієнти, що є інтегрованими з іншими інструментами для

малювання. Програма має підтримку шарів зображення, а також прозорих шарів.

Видимість шару може бути увімкнута, вимкнута або шар може бути напівпрозорим.

Основні функції: виділення області зображення; переміщення, копіювання,

заливка кольором виділених областей; кадрування (обрізка) зображення; зміна

масштабу відображення на екрані; обертання, масштабування, викривлення і

дзеркальне відображення зображення; введення тексту; вибір поточного кольору

(«піпетка»); заливка області суцільним кольором або градієнтом; малювання

«олівцем» або «пензлем» довільної форми і очищення «гумкою».

GIMP має приблизно 150 стандартних фільтрів та ефектів, включаючи фільтри

розмивання, додавання шуму, підвищення різкості та інші.

26

Corel PaintShop Pro (скорочено CPSP) – растровий графічний редактор, що

випускається компанією Jasc Software з 1992 року. Пізніше спектр функцій був

розширений для роботи з векторною графікою. У жовтні 2004 року компанія Corel

купила Jasc та права на поширення Paint Shop. PaintShop Pro X4 є останнім релізом в

популярної лінійки компанії Corel управління фото- та відеомонтажу.

Інтерфейс програми досить простий. В правій частині екрану міститься палітра

Інформація. Палітра Організатор в нижній частині екрана дозволяє організувати

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

Інструменти для редагування: кадрування, вирівнювання, видалення ефекту червоних

очей, а також регулювання яскравості, контрастності, кольору, робота з шарами і

ефектами.

Corel Xara – засіб створення ілюстративної графіки, інструмент для World Wide

Web.

Можливості:

підтримується ефект прозорості, який можна застосовувати як до векторної, так і

до растрової графіки. Для створення плавного переходу між різними ступенями

прозорості досить клацнути мишею по об'єкту і провести по ньому курсор. Чим

далі ви проведете курсор, тим більше плавним буде перехід у напрямку руху. Ця

можливість дозволяє отримувати не тільки плавні градієнти, а й вражаючі

кольорові ефекти;

можливість виконувати основні операції з растровими зображеннями: зміна

глибини кольору, яскравості, контрасту, різкості, застосування фільтра розмиття

та інших спеціальних ефектів;

функція згладжування (antialiasing) дозволяє виконувати збільшення об'єкта до

25000%, і навіть при таких збільшеннях краї об'єктів залишаться гладкими.

Основними недоліками Xara є слабкі можливості обробки тексту і відсутність

підтримки CMYK.

Деякі графічні редактори дозволяють імпортувати та експортувати зображення

в інший формат. Таке перетворення необхідне для того, щоб даний файл можна було

відкрити і переглянути за допомогою стандартних програм, що використовуються

для перегляду зображень. Формати графічних файлів визначають спосіб зберігання

малюнка (у растровому чи векторному вигляді), а також форму зберігання даних

(використовуваний алгоритм стиснення). Експортування і стиснення найчастіше

застосовується до растрових графічних файлів, які займають досить багато місця на

диску.

Для імпорту зображення в інший формат необхідно відкрити це зображення в

програмі, в якій воно було створене (чи іншій програмі, яка розпізнає даний формат

файлів) і зберегти зображення в іншому форматі, використовуючи команду Файл,

Зберегти як … Далі у діалоговому вікні, що відкриється, вибираємо формат файлу та

необхідні налаштування.

27

Інтерфейс Photoshop CS3

Рядок заголовку Головне меню Панель параметрів

Панель інструментів

Панель палітр

Рядок стану

5. Растрова графіка

5.1. Поняття про роздільну здатність і її зв'язок з якістю растрових зображень.

Середовище програми Photoshop

Роздільна здатність визначає кількість пікселів на одиницю довжини. Роздільна

здатність зображення вимірюється в пікселах на дюйм і позначається двома цілими

числами, наприклад 300x600, що означають кількість пікселів на дюйм по

горизонталі та вертикалі. Чим вища роздільна здатність зображення, тим кращою

буде його якість.

З поняттям «роздільна здатність» пов'язані два терміни:

♦ Роздільна здатність монітора. Це кількість пікселів, що припадають на

одиницю довжини зображення на екрані монітора, зазвичай вимірюється в пікселах

на дюйм (dрі). Роздільна здатність більшості RGB-моніторів (Macintosh) становить

72, а VGA-моніторів (Windows) – 96 пікселів на дюйм (dрі). Це значення незмінне,

оскільки є фізичною характеристикою монітора.

♦ Роздільна здатність принтера. Це кількість точок фарби на одиницю довжини

зображення, яку здатен надрукувати принтер, зазвичай вимірюється в точках на

дюйм.

Середовище програми Photoshop

Робоче середовище: у головному вікні програми зліва розташована панель

інструментів, праворуч – панель палітр, вгорі – меню, під ним розміщено панель

параметрів, в центрі – робочий простір.

28

Програма Photoshop працює і як редактор зображень, і як засіб коригування

кольорів та фотомонтажу. Незалежно від того, як саме ви бажаєте змінити

зображення, послідовність дій залишається незмінною.

1. За допомогою сканера, цифрового фотоапарата або іншого пристрою створіть

цифрове зображення і запишіть його на диск у будь-якому растровому форматі.

2. Відкрийте зображення у вікні програми Photoshop (виберіть у меню Файл,

Відкрити) і виділіть фрагмент, який бажаєте змінити.

3. Виконайте необхідні операції, скориставшись відповідними інструментами і

командами програми.

Більшість операцій програми можна виконати за допомогою команд меню. Рядок

меню містить 10 пунктів, кожен з яких об’єднує операції, пов’язані між собою за

призначенням чи областю застосування.

На панелі параметрів, що розташована під рядком меню, відображаються

параметри активного інструмента. Перш ніж приступати до виконання будь-якої

операції, необхідно перевірити настройки вибраного інструмента (на панелі

параметрів) і при потребі змінити їх.

Створення і збереження файлу

Програма Photoshop дає можливість не тільки працювати з готовими

зображеннями, а й створювати нові. Для створення файлу в рядку меню виберіть

команду Файл, Новий. Відкриється діалогове вікно. У поле Ім'я необхідно ввести ім'я

файлу, вибрати одиниці вимірювання та ввести у відповідні поля бажані значення

висоти, ширини і роздільної здатності. У списку Колірний режим вибрати колірну

модель. У списку Вміст фону вибрати колір фону.

Щоб зберегти файл, вибираємо у меню команду Файл, Зберегти або Файл,

Зберегти як … (якщо необхідно змінити ім'я файлу).

Перегляд зображення

При перегляді зображення багато можливостей надає палітра Навігатор, у полі

перегляду якої подано мініатюру зображення. Відображений у вікні документа

фрагмент позначено червоною рамкою, яку можна переміщувати (і відповідно буде

змінюватись фрагмент, показаний у вікні документа). Також палітра містить

повзунок масштабування, переміщуючи який вправо чи вліво, можна легко

змінювати масштаб відображення.

Скасування дій

Програма Photoshop дозволяє скасувати результати будь-яких виконаних операцій

за допомогою палітри Історія, де записуються всі етапи роботи із зображенням і його

стан після виконання кожної операції. За замовчуванням зберігається 20 станів. Щоб

змінити це значення, слід виконати команду Правка і в полі Статус історії ввести

число від 1 до 1000.

29

Панель інструментів

На панелі інструментів Photoshopрозташовані значки лише основних інструментів.

Поруч із значком інструмента є невелика чорна стрілка, якщо її клацнути протягом секунди –відобразиться додаткова панель із списком інструментів з цієї групи

Палітри

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

Щоб відобразити на екрані чи приховати палітру, слід клацнути у меню Вікно її назву чи відповідне вікно на панелі палітр.

Панель палітр

Назва палітри

Групи палітр

30

Вправа 11. Основні прийоми роботи в середовищі Photoshop.

Завдання 1. Скоригувати розмір зображення 1. Запустіть Photoshop та відкрийте файл zamok.jpg. Потрібно так обрізати фотографію, щоб у кадрі залишилось лише зображення замку. 2. Виберіть інструмент Кадр. 3. Намалюйте рамку навколо замка. 4. Натисніть клавішу Enter, і фотографію буде обрізано. 5. Збережіть отримане зображення на диск у свою папку.

Завдання 2. Розвернути зображення У програмі Photoshop відкрийте файл foto.jpg. Потрібно обернути фотографію і зберегти отримане зображення на диск у свою папку.

31

Панель інструментів

На панелі інструментів Photoshopрозташовані значки лише основних інструментів.

Поруч із значком інструмента є невелика чорна стрілка, якщо її клацнути протягом секунди –відобразиться додаткова панель із списком інструментів з цієї групи

5.2. Виділення ділянок на зображеннях. Уточнення виділення

Панель інструментів На панелі інструментів Photoshop розташовані значки лише основних

інструментів. Якщо поруч із значком інструмента є невеличка чорна

стрілка, клацніть її і тримайте кнопку миші натиснутою протягом однієї

секунди – відобразиться додаткова панель зі списком інструментів, що

входять у ту саму групу. Інструменти об'єднано в групи за принципом

подібності виконуваних функцій. На панелі відображається той

інструмент з кожної групи, який використовували останнім. Під

кнопками інструментів містяться два зразки кольорів – робочого і

фонового, кнопка швидкого маскування і кнопка переключення режимів

екрана.

Панель параметрів (панель властивостей) На панелі параметрів, яка за умовчанням розташована вгорі екрана

під рядком меню, відображаються параметри активного на цей час

інструмента. Перш ніж почати виконання будь-якої операції, необхідно

перевірити настройки на панелі параметрів і при потребі змінити їх.

Використання інструментів виділення

Інструмент Прямокутна (овальна,

багатокутна) область виділення дозволяє

виділяти об’єкти правильної форми.

За допомогою інструмента Ласо можна

«обмальовувати» вказівником миші фрагмент

зображення довільної форми.

Інструмент Прямолінійне ласо

використовується для виділення області, межа якої складається з прямих

відрізків, що утворюють багатокутник.

Інструмент Магнітне ласо застосовується для напівавтоматичного виділення

області за межею контрастних кольорів.

Інструмент Чарівна паличка призначено для автоматичного виділення області

зображення залежно від яскравості її пікселів. Принцип дії інструмента Швидке

виділення схожий з принципом дії інструмента Чарівна паличка.

Операції з виділеними областями

З допомогою меню Виділення можна модифікувати і трансформувати виділену

область, інвертувати виділення, доповнювати, зменшувати, згладжувати межі

виділення, скасовувати виділення:

Ctrl+А – виділення всього зображення на активному шарі;

Ctrl+D – скасування виділення;

Shift+Ctrl+D – поновлення останнього скасованого виділення;

Shift+Ctrl+I – інвертувати виділення (з виділеного фрагмента знімається

виділення, а все, що не було виділене, виділяється).

32

Вправа 12. Виділення ділянок та їх обробка.

Завдання 1. Виділення областей інструментом Магнітне ласо 1. Запустіть Photoshop та відкрийте файл nijnuy.tif. 2. Активізуйте інструмент Магнітне ласо. Збільшіть

масштаб відображення і акуратно обведіть дзьоб. Для цього підведіть вказівник до межі дзьоба, клацніть мишею й почніть виділення, дотримуючись меж контуру. Інструмент сам відкоригує криву. Завершуючи малювати контур, підведіть вказівник якомога ближче до початкової точки. Коли контур замкнеться, біля вказівника у правому нижньому куті з'явиться зображення маленького кола. Клацніть мишею, і виділену область буде створено.

3. За допомогою меню Зображення, команда Регулювання, Колірний тон / Насиченість змініть відтінок і насиченість кольору дзьоба.

4. Активізуйте інструмент Чарівна паличка. Виділіть фон навколо каченяти і за допомогою інструменту Заливка (Градієнт) зафарбуйте фон.

5. Збережіть отримане зображення на диск у свою папку. Завдання 2. Виділення областей інструментом Чарівна паличка 1. Запустіть Photoshop та відкрийте файл sonyasnik.psd. 2. Виберіть інструмент Чарівна паличка. На

панелі параметрів введіть у поле Допуск значення 40. Клацніть фон синього кольору у верхній частині малюнка – буде виділено частину фону соняшника.

3. На панелі параметрів інструмента клацніть кнопку Додати до виділеного. Продовжуйте виділяти, доки не буде виділено весь фон, і натисніть кнопку Del. Фон фотографії стане прозорим. Скасуйте виділення (Ctrl+D).

4. Використовуючи палітру Навігатор, збільшіть зображення. За допомогою інструмента Ластик фону акуратно заберіть частини фону, що залишились.

5. Створіть новий прошарок (Шар, Новий, Шар) і на палітрі Шари перемістіть створений прошарок нижче соняшника. За допомогою інструмента Заливка зафарбуйте створений шар світло-блакитним кольором.

6. Збережіть отримане зображення на диск у свою папку.

33

5.3. Робота з шарами на зображеннях. Створення колажів

Шари зображень Зображення у Photoshop являють собою

тривимірні об'єкти: крім висоти та

ширини вони мають глибину, оскільки

складаються з кількох прошарків, які у

віртуальному світі програми є третім

виміром. Шаром (прошарком)

називається частина зображення, яку

можна редагувати і переміщувати

незалежно від інших складових.

Одним із найважливіших засобів, які використовуються в роботі з шарами, є

палітра Шари (Слои). Кожний шар на палітрі розташовано в окремому рядку, в

якому міститься мініатюра із вмістом цього шару. Зліва розташований значок із

зображенням ока, який вказує на те, чи видимим є шар. До кожного шару зображення

можна застосовувати ефекти. Щоб ефекти і трансформації стосувались кількох шарів,

шари зв’язують.

Якщо у Photoshop відкрити відсканований чи створений в іншій програмі малюнок

або фотографію, на палітрі Шари буде відображено єдиний шар.

Поняття прозорості й непрозорості

Прозорі ділянки шару заповнюються сірими і білими шашками. Якщо

відображаються лише шашки, це означає, що відповідна частина шару повністю

прозора.

Розташування шарів на палітрі Шари відповідає порядку, в якому вони виводяться

на екран, і місцеположенню в «стосі». Змінюючи послідовність шарів на палітрі за

допомогою перетягування мишею, ви змінюєте порядок їх розташування в

зображенні.

Вправа 13. Обробка багатошарових зображень, створення колажів.

Завдання 1. Обробка багатошарових зображень 1. Запустіть Photoshop та відкрийте файл ruba.psd. 2. Відобразіть палітру Шари. Відключіть видимість усіх шарів, клацнувши

біля кожного з них зображення ока. На вашому екрані мають залишитися лише сіро-білі шашки.

3. Послідовно відображаючи кожний шар, з'ясуйте, яке саме зображення на ньому розміщено.

4. Всі шари мають англомовні імена, зробіть їх україномовними. Двічі клацніть шар Bubbles і введіть Бульбашки. Аналогічним чином змініть Liquified Bubbles на Водяні бульбашки, Small Bubbles — на Маленькі бульбашки, ColorfulFish — на Кольорові рибки, YellowFish — на Жовті рибки, RainbowFish — на Смугасті рибки, PurpleFish — на Бузкові рибки, а Background — на Фон.

5. Збережіть отримане зображення на диск у свою папку.

34

Завдання 2. Створення колажу 1. Запустіть програму Photoshop. 2. Відкрийте файли ozero.tif і palma.tif. 3. Розташуйте зображення так, щоб було видно

відразу обидва малюнки. Ваше завдання: зображення човна з файлу ozero.tif помістити під зображенням пальми з файлу palma.tif.

4. Використовуючи інструмент Магнітне ласо, виділіть човен на зображенні з файлу ozero.tif.

5. Виконайте команду Шар - Створити - Шар через копіювання. Задайте для цього шару ім'я Човен.

6. Виберіть інструмент Переміщення і перетягніть шар Човен на документ palma.tif. Розмістіть човен між пальмами.

7. На панелі властивостей інструмента Переміщення встановіть прапорець Показати елементи керування трансформуванням. Навколо човна з'явиться габаритна рамка з маркерами. З її допомогою зменшіть розміри човна, щоб здавалося, ніби він перебуває вдалині, і розмістіть його на березі моря.

8. Збережіть отримане зображення на диск у свою папку.

Завдання 3. Відредагувати багатошарове зображення 1. Запустіть Photoshop та відкрийте файл vinni.tif.

2. Відобразіть палітру Шари. Зробіть активним шар Кулька.

3. Виконайте команду Редагування - Трансформувати - Масштаб. Навколо кульки

з'явиться чорна рамка. Переміщуючи маркери кульки, зробіть її більш витягнутою.

Зафіксуйте перетворення, натиснувши клавішу Enter.

4. За допомогою команди Редагування - Трансформувати - Поворот, поверніть

кульку трохи праворуч.

5. Зробіть активним шар Вінні. Виконайте команду

Редагування - Вільне трансформування. Навколо

зображення Віні-Пуха відобразиться чорна рамка.

Переміщуючи її маркери, зменшіть розмір ведмедя.

Помістіть вказівник миші над правим верхнім

маркером рамки та поверніть її трохи праворуч,

щоб здавалося, ніби Віні-Пух летить проти вітру.

Натисніть Enter.

6. Зробіть активним шар Бджоли. Скопіюйте бджіл

і «віддзеркальте» їх по горизонталі.

7. Виконайте команду Виконати зведення

зображення з меню палітри Шари. Всі шари

зображення буде об'єднано в один шар.

8. Збережіть отримане зображення на диск у свою папку.

35

Деструктивні фільтри активізуються в підменю Деформація, Оформлення й Стилізація, дають змогу

застосувати незвичайні та цікаві ефекти.

СоляризаціяМозаїка

Скло

Художні фільтри в підменю Художній, Штрихи пензля, Ескіз і Текстура дають змогу отримати ефекти, які імітують

техніки малювання, живопису і фотографії.

Штрихи Суми-Е

Текстура Мозаїчні фрагменти

Ескіз Туш

Акварель

Фільтри візуалізації містяться в підменю Візуалізація, призначені для створення

освітлення поверхні.Неонове світло Розсіяне світло

Свічення країв

Блік

5.4. Налаштування інструментів малювання. Фільтри

Програма Photoshop працює і як редактор зображень, і як засіб створення

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

створювати малюнки, імітуючи різні техніки малювання, а й перетворювати готові

зображення у справжні витвори мистецтва. До них, зокрема, відносяться фільтри.

Фільтри – це підпрограми, які дають змогу створювати ефекти, виражені

математичними формулами. Деякі ефекти можна посилити, застосовуючи фільтри по

кілька разів. Команда Затухання меню Редагування дає змогу послабити дію

фільтра.

Для того, щоб застосувати фільтр, необхідно в меню Фільтр вибрати відповідну

команду. Дія фільтра може розповсюджуватися на все зображення, певну його

область чи окремий шар.

В меню Фільтр фільтри об'єднані за принципом схожості функцій.

♦ Конструктивні фільтри. Містяться в підменю Розмиття, Шум, Різкість та Інше

меню Фільтр. Використовуються для модифікації чи поліпшення зображення під час

його демонстрації на екрані або виведення на друк.

♦ Деструктивні фільтри. Фільтри

цього типу можна активізувати з

підменю Дефор-мація, Оформлення й

Стилізація.

Деструктивні фільтри дають змогу

застосовувати незвичайні та цікаві

ефекти, проте ними слід користуватися

обережно, щоб не зіпсувати все

зображення.

♦ Художні фільтри. Фільтри підменю

Художній, Штрихи пензля, Ескіз і

Текстура дозволяють отримати ефекти,

які імітують техніки малювання,

живопису і фотографії.

♦ Фільтри візуалізації містяться в

підменю Візуалізація і при-значені для

створення цікавих ефектів освітлення

поверхні.

36

Вправа 14. Малювання і зафарбовування зображень. Фільтри.

Завдання 1. Створити малюнок 1. Запустіть Photoshop та створіть новий файл розміром 1000 х 1000 пікселів. 2. За допомогою інструменту Заливка зробіть фон кольору неба. 3. За допомогою інструментів Олівець, Пензель і Гумка намалюйте хмари на

небі, галявину і кілька дерев. 4. Розфарбуйте створене зображення. 5. Виберіть форму кисті у вигляді трави, встановіть колір пензля і намалюйте

траву на галявині. 6. Використовуючи різні форми пензля, домалюйте галявину. 7. Збережіть отримане зображення на диск у свою папку.

Завдання. Додати тінь до зображення 1. Запустіть Photoshop та відкрийте файл shrek.tif. 2. Відобразіть палітру Шари. Зробіть активним шар Шрек. 3. Виконайте команду Шар - Стиль шару - Тінь. Буде відкрито вікно Стиль

шару з активною вкладкою Тінь. 4. Для створення тіні застосуйте режим

накладання, встановлений за замовчуванням. За допомогою розташованого поруч квадрата виберіть колір тіні, а її прозорість задайте 70 %.

5. Встановіть кут падіння тіні, за допомогою відповідних повзунків задайте відстань, на яку буде падати тінь, додайте до тіні шум 2 %.

6. Поекспериментуйте з іншими параметрами тіні та клацніть кнопку ОК. До

малюнка буде додано тінь. Подивіться на палітру Шари: в рядку шару з'явився

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

37

Завдання 3. Перетворити фотографію на картину 1. Запустіть Photoshop та відкрийте зображення з папки Пейзаж.

2. Використовуючи фільтри, перетворіть відкрите зображення на картину. Для цього виберіть пункт меню Фільтри, Галерея фільтрів та оберіть із переліку потрібні фільтри. Налаштуйте їх, щоб отримати бажаний результат.

3. Поекспериментуйте з різними фільтрами, щоб отримати потрібний ефект. Додайте ще кілька фільтрів.

4. Збережіть отримане зображення на диск у свою папку.

5.5. Коректування кольору і тону

Цифрові або скановані фотографії часто виглядають надто світлими чи

темними, а кольори на них – неприродними. Ці недоліки можна виправити.

Налаштування яскравості називають тоновим коригуванням, а процес змінення

кольорів – колірним коригуванням.

Перед початком тонового коригування необхідно

подивитися на гістограму зображення. Гістограмою

зображення у Photoshop називають графік, що відображає

розподіл пікселів за тонами. Він складається з вертикальних

ліній, висота яких відповідає кількості пікселів, що мають

задану яскравість.

Якщо вибрати команду Зображення, Коригування, Автоматичні рівні,

Photoshop перетворить найсвітліший піксел кожного колірного каналу на білий, а

найтемніший – на чорний, відповідним чином відкоригує кольори решти пікселів,

рівномірно розподіливши їх між крайніми точками.

За допомогою команди Зображення, Коригування, Автоматичний контраст

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

Команда Зображення, Коригування, Автоматичний колір коригує

контрастність зображення: перетворює найсвітліші області в білі, a найтемніші – у

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

нейтральними.

Якщо ви хочете побачити, якими

стануть кольори зображення після

застосування того чи іншого виду

коригування, скористайтеся командою

Зображення, Коригування, Варіації й

у відкритому діалоговому вікні з

набором мініатюр, які демонструють

результати змінення насиченості та

значень кольору, виберіть

найприйнятніший варіант.

38

Вправа 15. Коректування кольору і тону.

Завдання 1. Покращити якість фотографії 1. Запустіть програму Photoshop та відкрийте файл krim.jpg.

2. Виконайте команду Зображення, Коригування, Автоконтраст, після цього команду Зображення, Коригування, Рівні.

3. Експериментуючи з різними командами, покращіть якість фотографії. 4. Збережіть отримане зображення на диск у свою папку.

Завдання 2. Зробити фотографію світлішою 1. Запустіть програму Photoshop та відкрийте файл ostrov.jрg. Обличчя

дівчинки майже не видно, спробуємо його освітлити. 2. За допомогою команди

Зображення, Коригування, Рівні зробіть зображення світлішим, пересуваючи повзунки.

3. Відкрийте діалогове вікно Криві, скориставшись командою Зображення, Коригування, Криві або натиснувши клавіші Ctrl+M. Клацніть мишею приблизно у центрі кривої (на ній з'явиться точка) і піднімайте криву вгору, доки не побачите, що зображення сильно посвітлішало, потім поступово опускайте криву, поки не досягнете прийнятного результату.

4. Скориставшись командою Зображення, Коригування, Баланс кольорів, відобразіть діалогове вікно Баланс кольорів та виконайте коригування кольору.

5. Збережіть отримане зображення на диск у свою папку.

39

Ретушування давніх фотографій. Проблеми:

Зблякле зображення на всій фотографії чи окремій її частині

Проблема з колірними тонами

Пом'яті, подряпані або вкриті плямами фотографії

Фактурна поверхня

Відсутність частини фотографії

Погана якість зйомки

5.6. Ретушування, усунення дефектів, освітлення й затемнення фрагментів, підвищення різкості

Ретушування – це усунення дефектів на зображеннях, тобто відновлення

фотографій.

За допомогою інструмента Клонувальний штамп можна скопіювати фрагмент

зображення (Alt+ЛКМ) і застосувати його як пензель. Цей засіб дуже зручно

використовувати для копіювання текстур з однієї невеличкої області зображення на

іншу.

Інструмент Латка дуже зручний, коли необхідно виправити великий фрагмент

зображення або відкоригувати області, які містять дрібні деталі (наприклад, волосся),

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

змазування.

За допомогою Розмиття можна розмивати контури й кольори зображення, тобто

зменшувати відносний контраст попередньо виділених суміжних пікселів.

Найчастіше інструмент Розмиття використовують для усунення зернистості та

видалення інших дефектів, а також для виведення області зображення з фокуса на

фотознімку.

Інструмент Різкість призначений для підвищення відносного контрасту між

суміжними пікселами на зображенні. Інтенсивність ефекту можна коригувати,

змінюючи значення параметра Сила.

Інструмент Освітлювач імітує способи висвітлення області зображення під час

проявлення фотографій. Його дія полягає в тому, що яскравість пікселів, вздовж яких

провели вказівником миші, збільшується.

Інструмент Випалювання (Затемнення) призначений для зниження яскравості

виділених пікселів у результаті клацання кнопкою миші.

40

Вправа 16. Обробка цифрових фотографій

Завдання 1. Відновити фотографію 1. Відкрийте файл starefoto.jpg. 2. Виберіть інструмент Клонувальний штамп,

середній розмір пензля (20-25 пікселів) із розмитими краями.

3. Візьміть зразок із піджака без плями, клацнувши мишею при натиснутій клавіші Alt. Після цього в середині вказівника з'явиться зображення мішені. Відпустіть клавішу Alt і клацніть мишею білу пляму. Тепер пляму буде зафарбовано кольорами взятого зразка.

4. Те саме зробіть з рештою плям. 5. Збережіть отримане зображення на диск у

свою папку.

Завдання 2. Покращити якість портрета 1. Запустіть програму Photoshop та відкрийте файл portret.jpg. Спробуємо

позбавити фотографію зморшок і жовтизни зубів. 2. Виберіть інструмент Лікувальний пензель. Щоб вказати джерело клонування, утримуючи клавішу Alt натиснутою, клацніть інструментом Лікувальний пензель під нижньою зморшкою біля носа ліворуч. Відпустіть клавішу і, утримуючи кнопку миші, проведіть інструментом уздовж зморшки. 3. Щоб замаскувати легкий темний шов, який залишається після клонування, виберіть інструмент Освітлювач, а на панелі параметрів – пензель із м'якими краями й радіусом 13 пікселів, повзунком Експозиція задайте значення 10 %, після чого плавно проведіть інструментом по зображенню. 4. Спробуйте відбілити зуби. Виберіть інструмент Клонувальний штамп, а на панелі параметрів — пензель із м'якими краями й

радіусом 21 піксел. 5. Виділіть зуби будь-яким інструментом виділення і, застосувавши команду

Колірний тон/насиченість, створіть «голлівудську усмішку». 6. Збережіть отримане зображення на диск у свою папку.

41

5.7. Робота з текстом в середовищі Photoshop

Робота з текстовими шарами

За умовчанням у разі введення в

документ Photoshop тексту з ви-

користанням інструментів групи Текст

автоматично буде створено новий шар.

Текстові шари подібні до будь-яких

інших: їх можна редагувати,

трансформувати, а також модифікувати

за допомогою стилів. Текстовий шар

легко вирізнити з-поміж інших: на його

мініатюрі завжди зображено велику

літеру «Т». Якщо ви ввели текст і бажаєте

його відредагувати, достатньо двічі

клацнути цю мініатюру.

Зведення шарів

Під час створення складного малюнка вам доведеться працювати з багатьма

шарами. Це дуже зручно, але слід мати на увазі, що з кожним новим шаром розмір

файлу збільшується. Тому, завершивши певний етап роботи, доцільно звести

(об'єднати) вже готові шари в один. Для цього у Photoshop передбачено команди, що

дають змогу об'єднати всі видимі, зв'язані з поточним або розташовані нижче від

поточного шари, а також звести всі наявні в малюнку шари у фоновий. (Вміст одного

чи кількох шарів можна також скопіювати в інший шар.

Натисніть клавішу Alt і, утримуючи її, виберіть у меню палітри Шари одну із

команд: Об'єднати шари, Об'єднати видимі чи Виконати зведення зображення.

Вміст відповідних шарів зведеться в поточний, а вихідні шари будуть збережені в

малюнку.

Вправа 17. Робота з текстом

Завдання. Створіть вітальну листівку в середовищі Photoshop, застосовуючи вивчений на попередніх уроках матеріал. Додайте до листівки текст привітання. Застосуйте до тексту ефекти тіні, рельєф, світіння чи інші ефекти (за власним бажанням). Збережіть отримане зображення на диск у свою папку.

42

Створення нового файлу Запустити програму, Створити

Набір інструментів

Дає змогу змінити режим роботи, масштаб перегляду, вибрати допоміжні засоби.

Інструменти обєднано в групи. Щоб дізнатися які інструменти входять у певну групу, слід клацнути значок у вигляді чорного трикутника.

6. Векторна графіка

6.1. Огляд середовища програми CorelDraw

Інструменти малювання. Малювання геометричних фігур

CorelDraw – найпотужніша сучасна програма, призначена для роботи з векторною

графікою. У верхній частині вікна програми, як і в інших прикладних програмах

Windows, розташований рядок заголовка. У ньому відображаються назва програми та

ім'я відкритого документа. Під рядком заголовка розташовано рядок меню. За

умовчанням він містить назви дванадцяти меню, які об'єднують схожі за при-

значенням команди.

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

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

можна вивести на друк. Якщо деякі об'єкти ви використовуєте як допоміжні засоби,

розташуйте їх за межами вікна ілюстрації.

Під рядком меню розташовано дві основні панелі – Стандартна і Панель

властивостей, а вздовж лівої межі головного вікна – панель Набір інструментів.

Кнопка кожного інструмента має назву – вона відобразиться, якщо ви ненадовго

затримаєте вказівник миші на цій кнопці (не клацаючи).

Панель властивостей забезпечує швидке виконання операцій оброблення

виділеного об'єкта. Панель є інтерактивною: на ній відображаються властивості

поточного об'єкта чи інструмента, тобто коли користувач виділяє об'єкт або вибирає

інструмент, її вміст змінюється.

Основні інструменти програми розташовані на

панелі Набір інструментів, яка дає змогу змінити

режим роботи, масштаб перегляду, вибрати допоміжні

засоби. Інструменти об'єднано в групи, і щоб дізнатися,

які саме інструменти входять до певної групи, клацніть

значок у вигляді чорного трикутника. Кожен

інструмент можна настроїти за власним бажанням.

43

Вікна настройокУ програмі є кілька класів

графічних об'єктів під загальною на-

звою «графічні примітиви». Так

називають елементарні, тобто дуже

прості фігури – квадрат, прямокутник,

еліпс, спіраль, багатокутник.

Щоб намалювати лінію довільної

форми, використову-ють інструмент

Довільна форма (Довільне перо) або

Ламана лінія (Полілінія). Для

створення контурів складної форми

використовують інструменти Безьє і

Перо, призначені для побудови кривих

Безьє.

Для створення різноманітних художніх ефектів використовують інструмент

Художнє перо. Цей інструмент має кілька режимів, що дають змогу створювати

ефект мазків пензлем, "розпилювати" зображення вздовж кривої, малювати

каліграфічні лінії та імітувати малювання пером.

Вправа 18. Створення найпростіших малюнків

Завдання 1. Намалювати контури ялинки і квітки 1. Запустіть програму CorelDraw і створіть новий файл.

2. Виберіть інструмент Довільна форма. Розмістіть вказівник миші в початковій точці

створюваної лінії.

3. Натиснувши кнопку миші і не відпускаючи її, починайте

переміщувати вказівник сторінкою так, ніби ви

малюєте олівцем.

4. Якщо ви помилилися під час малювання: не

відпускаючи кнопки миші, натисніть ще й клавішу

Shift. Продовжуючи утримувати натиснутими

кнопку миші й зазначену клавішу, пройдіться траєкторією

щойно намальованої лінії у зворотному напрямку. Дійшовши до кінцевої точки

кривої, відпустіть кнопку миші та клавішу Shift – лінія зникне.

5. Cтворіть новий аркуш. Намалюйте повітряну кульку.

6. Активізуйте інструмент Вибір і клацніть кульку. Навколо неї з'являться маркери

виділення.

7. Перемістіть правий бічний маркер

праворуч, і форму кульки буде змінено.

8. Виберіть інструмент Вільне

Перетворення та встановіть для нього

режим Нахил. Виконайте операцію

перетворення кульки – нахиліть її трохи

праворуч (рис. в).

9. Розфарбуйте кульку. Збережіть отримане

зображення на диск у свою папку.

Завдання 2. Намалювати шахові фігури

44

1. Запустіть програму CorelDraw і створіть новий файл. Почніть малювати шахову фігуру (з нижнього прямокутника). Накресліть його за допомогою інструмента Прямокутник.

2. Не знімайте виділення з прямокутника. У поля Скруглення кутів введіть значення 60.

3. Над щойно створеним прямокутником намалюйте ще один прямокутник (як на рис.). На панелі властивостей натисніть кнопку Cкруглити всі кути, у поле скруглення кутів введіть значення 60.

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

5. Над трапецією створіть зображення ще одного прямокутника з кутами скруглення 60°.

6. Виберіть інструмент Еліпс, на панелі властивостей клацніть кнопку Еліпс. Курсор розташуйте над прямокутником у центрі майбутнього зображення голови пішака, натисніть клавішу Shift і намалюйте коло.

7. Над колом створіть зображення ще одного прямокутника з кутами скруглення 60°. Для малювання корони скористайтесь інструментом Еліпс через 3 точки.

8. Розфарбуйте створене зображення.

9. Створіть новий аркуш. Самостійно намалюйте ще одну шахову фігуру. 10. Збережіть отримане зображення на диск у свою папку.

6.2. Зафарбовування об'єктів, керування заливками

45

Заливка об'єктів

Перелік доступних типів заливок міститься у спискуТип заливки.

Без заливки (Без заливки) — заливка до об'єкта не застосовується.

Однородная заливка (Однорідна заливка) —внутрішня область об'єкта зафарбовується одним кольором, який не змінюється у межах цього об'єкта.

05.08.2012

23

СЗОШ №8 м.Хмельницький Кравчук Г.Т.

Заливка об'єктів

Перелік доступних типів заливок міститься у спискуТип заливки.

Без заливки (Без заливки) — заливка до об'єкта не застосовується.

Однородная заливка (Однорідна заливка) —внутрішня область об'єкта зафарбовується одним кольором, який не змінюється у межах цього об'єкта.

05.08.2012

23

СЗОШ №8 м.Хмельницький Кравчук Г.Т.

Перетворення об'єктів

05.08.2012СЗОШ №8 м.Хмельницький Кравчук Г.Т.

4

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

У CorelDraw передбачено три методи перетворення об'єктів:1. із застосуванням інструмента Указатель (Вибір), 2. панелі властивостей інструмента Преобразование (Перетворення)

3. вікна настройки Преобразование (Перетворення), яке відкривається з допомогою команд підменю Окно, Окна настройки (Вікно, Вікна настройки).

Робота з векторною графікою в програмі CorelDraw передбачає переміщення,

масштабування, розтягування, нахиляння, обертання, зафарбовування, видалення

об'єктів.

Перетворення об’єктів.

Інструмент Вказівник застосовують не лише для вибору й переміщення об’єктів,

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

кутових маркерів виділення – і розміри об’єкта буде змінено пропорційно. Якщо

об’єкт двічі повільно клацнути цим інструментом, то за периметром замість маркерів

виділення з’являться маркери повороту і нахилу.

Інструмент Перетворення розташовано на панелі інструментів в одній групі з

інструментами Форма. Вибрати режим цього інструмента можна, клацнувши одну з

чотирьох кнопок: Свободное вращение, Отражение под свободным углом, Свободное

маштабирование, Свободный скос.

Розфарбовувати об’єкти в CorelDRAW дуже легко, але спочатку їх потрібно

створити, причому ці об'єкти обов'язково мають бути замкненими. Коли об’єкт

виділено, клацніть мишею зразок потрібного кольору, і об'єкт буде зафарбовано.

Вправа 19. Зафарбовування об’єктів, керування заливками

Завдання 1. Намалювати метелика

46

1. Запустіть CorelDRAW і створіть новий документ.

2. Для малювання голови метелика виберіть інструмент Еліпс через З точки і на

панелі властивостей клацніть кнопку Еліпс. Встановіть вказівник миші в початок

першої умовної осі еліпса й, утримуючи кнопку миші натиснутою, проведіть цю

вісь. Відпустіть кнопку та розтягніть еліпс відповідно до розміру другої осі.

3. Не знімаючи виділення, перейдіть на палітру кольорів, лівою кнопкою миші

клацніть зразок сірого кольору, і голову метелика буде зафарбовано.

4. Виберіть інструмент Еліпс, на панелі властивостей клацніть кнопку Еліпс і

намалюйте око. На панелі властивостей задайте товщину контуру.

5. Знову перейдіть на палітру кольорів і, клацнувши лівою кнопкою миші зразок

зеленого кольору, зафарбуйте серединку ока, а потім, для фарбування його

контуру, правою кнопкою клацніть зразок чорного кольору.

6. Вусики можна намалювати за допомогою інструмента Еліпс в режимі Дуга. На

панелі властивостей клацніть кнопку Дуги та сектори за годинниковою стрілкою,

намалюйте дугу, на панелі властивостей введіть у поля початкового та кінцевого

кутів значення 170 і 270. Це буде перший вусик

метелика.

7. Намалюйте другий вусик, задавши для дуги кути

130° і 215°.

8. Ще раз виберіть інструмент Еліпс через З точки і на

панелі властивостей клацніть кнопку Еліпс.

Помістіть курсор у те місце тільця метелика, де має

бути початок крила, натисніть ліву кнопку миші та

проведіть вісь еліпса довжиною, що відповідає

довжині крила, відпустіть кнопку миші та курсором

скоригуйте ширину крила.

9. Застосовуючи ті самі прийоми, намалюйте ще три

крила.

10. Розфарбуйте метелика, добираючи кольори на

власний смак.

11. Збережіть отримане зображення на диск у свою

папку.

Завдання 2. Використовуючи знання, отримані на уроці, виконайте малюнки згідно

представлених зразків.

6.3. Створення рисунків з кривих і ламаних

47

Інструменти для малювання ліній довільної форми

Якщо потрібно намалювати лінію довільної форми, яка складається з прямолінійних і (або) криволінійних сегментів, користуємося інструментом Свободная форма(Довільна форма) або Ломаная линия (Ламана лінія). Робота з цими інструментами багато в чому нагадує малювання звичайним олівцем, тобто в процесі переміщення вказівника миші на екрані залишається слід —лінія.

06.08.2012

4

Вчитель СЗОШ №8 Кравчук Г.Т.

Інструмент для створення художніх ефектів

06.08.2012Вчитель СЗОШ №8 Кравчук Г.Т.

13Кисть (Пензель) — імітує малювання пензлем.

Вигляд мазка визначається на панелі властивостей. Використовуючи поля Сглаживание свободной формы (Згладжування довільної форми) і Ширина инструмента художественного оформления (Ширина інструмента художнього оформлення), можна змінювати ступінь згладжування і товщину лінії. Для пензля є також набір різних мазків.

Зразки мазків зберігаються у файлах з розширенням .сmх, що містяться в папці \CustomMediaStrokes. Ви можете зберегти у цій папці створений об'єкт як зразок мазка, після чого його буде відображено у списку на панелі властивостей. Для цього виберіть зображення, скориставшись інструментом Указатель (Вибір), активізуйте інструмент Художественное оформление (Художнєоформлення) і клацніть на панелі властивостей кнопку у вигляді дискети Сохранить мазок художественного оформления (Зберегти мазокхудожнього оформлення). Відкриється вікно Сохранить как (Зберегти як), де задайте ім'я файлу заготовки.

Пензель

Для створення контурів складної форми у

CorelDraw використовують інструменти Довільна

форма, Безьє і Перо, призначені для побудови

кривих.

У разі використання інструментів Безьє та Перо

ви будуєте лінії, клацаючи мишею і перетягуючи її

вказівник. Кривизну сегментів таких ліній

змінюють переміщенням напрямних стрілок,

розташованих на кінцях пунктирних ліній, які

виходять із вузла в різних напрямках.

Великі можливості щодо створення контурів складної форми надають

інструменти Безьє і Перо, призначені для побудови кривих Безьє. Кривизну

сегментів таких ліній змінюють переміщенням напрямних стрілок, розташованих на

кінцях пунктирних ліній, які виходять із вузла в

різних напрямках. Кожний вузол кривої має,

принаймні, одну напрямну стрілку, яка контролює

форму кривої. Початковий і кінцевий вузли кривої

мають лише по одній напрямній стрілці, а вузли

між сегментами – по дві.

Вузли кривої можуть бути трьох типів: точка перегину, згладжений і

симетричний. Працювати з вузлами першого типу досить легко. Форма кривої з

кожного боку від точки перегину може бути різною, напрямок лінії (прямої чи

зігнутої) може різко змінюватись у вузловій точці. Згладжені кути також змінюють

напрямок лінії у вузловій точці, але сегменти, що виходять із цього вузла, плавно

переходять один в інший. У згладжених кутів їх напрямні стрілки можуть

розташовуватися на різній відстані від самого вузла, а у симетричних – лише на

однаковій. Таким чином, вузли цього типу призначені для формування симетричних

зображень. Кути нахилу і кривизна сегментів залишаються однаковими по різні боки

симетричного кута.

У разі використання інструментів Безьє та Перо ви будуєте лінії, клацаючи

мишею і перетягуючи її вказівник.

Робота з інструментом Перо мало чим відрізняється від роботи з інструментом

Безьє. Проте перо дещо зручніше, так як дає можливість постійно спостерігати за

зовнішнім виглядом сегмента, а у разі побудови лінії за допомогою інструмента Безьє

побачити форму створюваного сегмента можна лише після створення другого його

вузла.

Інструменти для створення художніх ефектів

Унікальні можливості для створення різноманітних художніх ефектів забезпечує

інструмент Артистичне перо. Цей інструмент має кілька режимів, що дають змогу

створювати ефект мазків пензлем, "розпилювати" зображення вздовж кривої,

малювати каліграфічні лінії та ін.

Вибір режиму здійснюється клацанням однієї із кнопок на панелі властивостей.

48

Інструмент для створення художніх ефектів

06.08.2012Вчитель СЗОШ №8 Кравчук Г.Т.

14

Распылитель(Розпилювач) —зображення «розпилюються» вздовж траєкторії руху миші або вздовж контура будь-якого векторного об'єкта. У цьому режимі можна задати розмір чи масштаб об'єкта, кут обертання і зсув, а також указати порядок розпилювання зображень та вигляд мазка. Розпилювач

Інструмент для створення художніх ефектів

06.08.2012Вчитель СЗОШ №8 Кравчук Г.Т.

13Кисть (Пензель) — імітує малювання пензлем.

Вигляд мазка визначається на панелі властивостей. Використовуючи поля Сглаживание свободной формы (Згладжування довільної форми) і Ширина инструмента художественного оформления (Ширина інструмента художнього оформлення), можна змінювати ступінь згладжування і товщину лінії. Для пензля є також набір різних мазків.

Зразки мазків зберігаються у файлах з розширенням .сmх, що містяться в папці \CustomMediaStrokes. Ви можете зберегти у цій папці створений об'єкт як зразок мазка, після чого його буде відображено у списку на панелі властивостей. Для цього виберіть зображення, скориставшись інструментом Указатель (Вибір), активізуйте інструмент Художественное оформление (Художнєоформлення) і клацніть на панелі властивостей кнопку у вигляді дискети Сохранить мазок художественного оформления (Зберегти мазокхудожнього оформлення). Відкриється вікно Сохранить как (Зберегти як), де задайте ім'я файлу заготовки.

Пензель

Вправа 20. Використання кривих ліній і ламаних

Завдання. Створити малюнок за зразком. 1. Запустіть CorelDRAW і створіть новий документ.

2. Подумки розбийте малюнок на частини.

3. Голову, лапки, ніс, очі малюємо з допомогою еліпса. Щоби перетворити еліпс,

виберіть інструмент Вказівник (стрілочка) і клацніть всередині еліпса, щоб появились

подвійні стрілочки. З допомогою стрілок поверніть еліпс. Клацніть на еліпсі правою

клавішею миші і в Контекстному меню виберіть команду Перетворити криву. На

еліпсі з’являться вузли (маленькі квадратики). Виберіть на панелі інструментів

інструмент Форма і з його допомогою надайте оку потрібної форми (підхоплюючи

криву за вузол і переміщаючи вузол в потрібному напрямку).

4. Для малювання вушок виберіть інструмент Інтелектуальне малювання.

5. Намалюйте криву, що зображає вухо. З допомогою інструмента Форма досягніть

потрібного вигляду кривої (добавляючи і видаляючи вузли в контекстному меню) і

виберіть в Контекстному меню команду Автозакриття (крива замкнеться і вухо

можна буде зафарбувати).

6. За допомогою інструментів Інтелектуальне

малювання і Форма намалюйте криві для

мордочки.

7. Для зафарбування скористайтесь

інструментом Заливка → Градієнтна заливка

(Лінійна). Щоби змінити положення світлового

бліку, кут установки в діалоговому вікні

Градієнтної заливки.

8. Зберіть всі частини, змінюючи порядок

об’єктів при необхідності (Контекстне меню →

Порядок).

49

Упорядкування об'єктів

Вирівняти об'єкти (розмістити їх так, щоб певні точки об'єктів було розташовано на одній прямій) можна не лише за використання сітки та напрямних.

Коли потрібно вирівняти багато об'єктів, радше скористатися засобом CorelDRAW, який автоматизує цей процес. Якщо виконати команду Упорядочить, Выровнять и распеделить (Упорядкувати, Вирівняти та розподілити) або клацнути на панелі властивостей кнопку Выровнять и распределить (Вирівняти та розподілити), буде відкрито однойменне вікно.

Скориставшись елементами вкладки Выравнивание (Вирівнювання), можна вирівняти виділені об'єкти належним чином.

Розподілити об'єкти в CorelDRAW(розмістити їх на певній відстані один від одного) можна, скориставшись координатною сіткою (сітку доведеться попередньо налаштовувати), а радше елементами вкладки Распределение (Розподілення) того самого вікна.

06.08.2012

3

СЗОШ №8 м.Хмельницький Кравчук Г.Т.

Виконання вправи 12.1

6.4. Впорядкування, вирівнювання й переміщення об'єктів

Впорядкування об'єктів. У CorelDRAW об’єкти, з яких складається малюнок, можна розміщувати вздовж

похилої, прямої або з певним кроком.

Для прив’язки до координатної сітки, направляючої лінії чи довільного об’єкта

слід виконати команду Вид, Прив’язка до сітки, Вид, Прив’язка до направляючої або

Вид, Прив’язка до об'єктів.

Вирівнювання об'єктів.

Групування і розгрупування об’єктів.

Щоб створити групу, виділіть відповідні об’єкти та застосуйте команду Монтаж,

Групувати. Тепер об’єкти можна обробляти як один.

Кожний об’єкт у будь-який момент можна видозмінювати. Для цього його спочатку

потрібно виділити інструментом Вибір за натиснутої клавіші Ctrl. Щоб скасувати

групування, виділіть групу і виконайте команду Монтаж – Розгрупувати.

1. Фігура, схожа на мішень.

1. Створіть новий документ CorelDRAW і відкрийте в

робочому просторі вікно Transformation (Перетворення).

2. Спочатку побудуйте коло діаметром 40 мм,

використовуючи інструмент Ellipse (Еліпс) і модифікатор

Ctrl. За допомогою елементів керування положенням

перемістіть центр кола в точку з координатами 60 мм по

горизонталі і 220 мм по вертикалі в системі координат

сторінки.

3. Побудуйте решта кола мішені, скориставшись

елементами керування розміром. Для цього клацніть на

середньому прапорці в групі вибору точки прив'язки, встановіть режим пропорційної

зміни розмірів, задайте значення будь-якого з лічильників розмірів рівним 35 мм і

скористайтеся кнопкою Apply To Duplicate (Застосувати до копії). У результаті на

50

зображенні з'явиться зменшена копія кола. Тим же прийомом побудуйте ще п'ять кіл,

щоразу зменшуючи діаметр на 5 мм.

4. Виберіть інструмент Bezier (Крива Безьє) і побудуйте їм горизонтальну лінію

довільної довжини (при натиснутій клавіші Ctrl). Скористайтеся полями панелі

атрибутів, щоб зробити довжину лінії рівну 50 мм і перемістити її середину в центр

раніше побудованих концентричних кіл. Перейдіть у вікні Transformation

(Перетворення) на вкладку з елементами управління поворотом об'єктів. Введіть в

лічильник Angle (Кут) значення 90 ° і клацніть на кнопці Apply To Duplicate

(Застосувати до копії). У результаті копія лінії буде перпендикулярна вихідної лінії і

перетне її в центрі кіл. «Мішень» готова.

2. Оригінал і вісім копій фігурного тексту.

5. Блок фігурного тексту будується за допомогою

інструменту Text (Текст), його зміст довільний. Виберіть

інструмент Pick (Вибір) і перетягніть блок тексту,

розташувавши його правіше мішені. Відкоректуйте його

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

атрибутів, поєднавши середину тексту з горизонтальною

лінією мішені.

6. Побудуйте вісім копій тексту, оперуючи елементами управління, що з'являються

після клацання на кнопці Scale and Mirror (Масштаб і відображення) вікна

Transformation (Перетворення). Наприклад, щоб побудувати копію, розташовану зліва

і зверху від оригіналу, слід вибрати в якості нерухомої точки перетворення лівий

верхній маркер рамки виділення, натиснути (клацанням миші) обидві кнопки зі

значками віддзеркалень і клацнути на кнопці Apply To Duplicate (Застосувати до

копії). Потім, по черзі виділяючи кутові копії, виконайте їх скіс за допомогою

елементів управління, що з'являються після клацання на кнопці Skew (Скіс). Для

кожної з копій слід призначати нерухому точку перетворення.

3. Фігура, схожа на ромашку.

7. Дана фігура складається з копій вертикально

розташованого еліпса висотою 20 мм і шириною 3 мм.

Спочатку побудуйте вихідний еліпс і надайте йому бажані

розміри та положення. Копіювання виконайте з поворотом на

9 ° навколо точки, зміщеної строго вниз по відношенню до

центру рамки виділення на 13 мм - її координати слід ввести

в лічильники координат центру повороту, розташовані на

відповідній вкладці вікна Transformation (Перетворення), що

з'являється після клацання на кнопці Rotation (Поворот).

Перетворення з копіюванням виконайте за допомогою

кнопки Apply To Duplicate (Застосувати до копії).

8. Виділіть спільно всі побудовані пелюстки, розтягнувши навколо них рамку

виділення інструментом Pick (Вибір). За допомогою полів панелі атрибутів

перемістіть виділені еліпси так, щоб центр виділення розташовувався на тій же

прямій, що центр «мішені» праворуч від копій тексту. У центрі «ромашки» побудуйте

коло діаметром 15 мм. Після сполучення її центру з центром повороту пелюсток

клацніть покажчиком інструменту на білому зразку екранної палітри кольорів, щоб

через середину не просвічували кінці пелюсток.

51

Вправа 20. Впорядкування й групування об’єктів

Завдання 1. Намалювати сніговика 1. Запустіть CorelDRAW і створіть новий документ. 2. Виберіть інструмент Еліпс і намалюйте шість кіл різного розміру

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

3. Утримуючи клавішу Shift, виділіть усі об'єкти за допомогою інструмента Вибір. На панелі властивостей клацніть кнопку О6’єднати (або Монтаж – Формування – Об’єднати). Результат виконання цієї операції – рис. б.

4. Домалюйте необхідні декоративні деталі: за допомогою інструмента Вільне перо – шапку та ніс, а за допомогою Еліпса – ґудзики та очі. Розфарбуйте сніговика, добираючи кольори на власний смак.

5. Збережіть отримане зображення на диск у свою папку.

Завдання 2. Намалювати годинник 1. Запустіть на виконання CorelDraw і створіть новий документ. 2. Для побудови основи малюнка скористайтесь інструментами Еліпс, Еліпс

через З точки та Безьє. Зафарбуйте утворений малюнок. 3. Згрупуйте елементи зображення, щоб отримати єдиний об’єкт.

Перетворіть цей об'єкт на тло за допомогою команди Впорядкувати - Порядок - На задній план сторінки.

4. Використовуючи інструменти Прямокутник і Багатокутник, намалюйте у вільному місці робочої області хвилинну стрілку. Об'єднайте складові стрілки в єдине зображення (рис. а).

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

6. Об'єднайте зображення стрілок в один об'єкт та розфарбуйте.

7. Виділіть зображення стрілок та перемістіть його в центр годинника. За бажанням ви можете, обертаючи стрілки, встановити на годиннику інший час.

8. Скориставшись інструментом Текст, нанесіть на створений малюнок цифри, що позначатимуть години. Використайте простий тест, потім перетворіть його на фігурний.

9. Збережіть отримане зображення на диск у свою папку.

52

6.5. Застосування до об'єктів ефектів об'ємності і перетікання

Під час роботи в CorelDRAW змінювати форму об'єктів можна не лише за

допомогою вже відомих вам ефектів, але й таких, що дають змогу змінювати спосіб

відображення об'єкта або створювати складений об'єкт на основі вихідного. До

ефектів першого типу належать обвідні, деформації, лінзи, прозорість і фігурне

обтинання. Ефекти другого типу – це перетікання, тінь, екструзія.

Обвідні Обвідною називають допоміжну межу зображення, яка з усіх боків охоплює

вихідний об'єкт або групу об'єктів і не відображається під час друку. Форма об'єкта в

обвідній змінюється так, що він певним чином заповнює охоплювану нею область.

Обвідні можуть сильно змінити форму об'єкта (наприклад, надати еліпсу форми

квітки, а прямокутнику – повітряної кулі).

Текстові об'єкти також можна

розміщувати в обвідних, щоб надати їм

певної форми.

Деформації: Викривити. Значок на його кнопці нагадує зображення м'якого

аркуша паперу. Ефект використовується у трьох режимах: Викривлення під час

стиснення та розтягнення, Викривлення

«застібка-блискавка» та Викривлення під

час крутіння, які можна задати на панелі

властивостей.

Ефектом деформації можна керувати,

переміщуючи призначені для цього

елементи: білий ромб, що визначає

положення центра деформації, і білий

квадрат, який задає амплітуду. Щоб

скасувати зміни, спричинені застосуванням

ефекту деформації, клацніть на панелі

властивостей кнопку Видалити викривлення

або виконайте команду Ефекти, Видалити

викривлення.

Перетікання дає змогу утворити складений об'єкт – групу перетікання, що

утворюється з двох керуючих об'єктів (початкового й кінцевого) та набору

проміжних об'єктів. Форма, а також параметри заливки і контуру проміжних об'єктів

змінюються так, що їх послідовність відображає поетапне перетворення початкового

керуючого об'єкта на кінцевий. Початковий і кінцевий об'єкти необхідно з'єднати за

допомогою інструмента Перетікання.

53

Вправа 21. Застосування графічних ефектів

Завдання 1. Намалювати грушу 1. Запустіть CorelDRAW і створіть новий документ.

2. Виберіть інструмент Еліпс через З точки і на панелі властивостей встановіть для нього режим зображення Еліпс. Після цього намалюйте еліпс. 3. Активізуйте інструмент Вибір і за його допомогою виділіть еліпс. Потім виберіть інструмент Оболонка, і навколо еліпса з'явиться пунктирна лінія червоного кольору з вісьмома вузлами. Підведіть вказівник до верхнього середнього вузла та,

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

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

5. Знову активізуйте інструмент Вибір і виділіть зображення груші. Виберіть інструмент Фонтанна заливка, у вікні, що відкриється, у списку типів заливки клацніть Радіальні та встановіть два кольори градієнтного перетікання: жовто-коричневий та світлий жовто-коричневий. Аналогічно зафарбуйте черешок.

6. Перемістіть зображення черешка до зображення груші. Простежте за тим, щоб черешок було розташовано позаду груші: клацніть його правою кнопкою миші та в контекстному меню виберіть команду Порядок, На рівень назад.

7. За допомогою інструмента Довільна форма намалюйте груші «чубчик».

8. Збережіть отримане зображення на диск у свою папку.

Завдання 2. Намалювати букет 1. Запустіть CorelDRAW і створіть новий документ. 2. Активізуйте інструмент Багатокутник. На панелі властивостей виберіть

кількість кутів – 8. В робочій області намалюйте Восьмикутник – це буде основа квітки.

54

3. Виберіть інструмент Викривити. На панелі властивостей оберіть режим використання цього інструмента – Викривлення під час стиснення та розтягнення. Встановивши вказівник всередині восьмикутника ближче до його лівого краю і, утримуючи натиснутою ліву кнопку миші, починайте переміщувати вказівник так, щоб отримати зображення, як на рисунку.

4. До зображення контуру квітки додайте зображення серцевини. Зафарбуйте квітку червоним кольором, серцевину жовтим.

5. Створіть зображення листка: активізуйте інструмент Еліпс через З точки, на панелі властивостей встановіть режим зображення Еліпс і намалюйте в робочій області еліпс.

6. Виділіть еліпс за допомогою інструмента Вибір. Активізуйте інструмент Викривити та на панелі властивостей вкажіть режим його застосування – Викривлення «застібка-блискавка». Підведіть вказівник миші до межі еліпса з боку його «гострого» кінця та за натиснутої лівої кнопки миші перемістіть вказівник так, щоб вийшов листок, як на рис. Зафарбуйте листок.

7. Виберіть інструмент Викривити і на панелі властивостей задайте режим його застосування – Викривлення під час крутіння. Перемістіть вказівник миші до зображення листка та «закрутіть» його.

8. Інструментом Перо створіть зображення гілки та прожилки на листку. Розмістіть квітку і листок на стеблі.

9. Створіть аналогічно ще кілька квіток різних кольорів. 10. Використовуючи Артистичне перо, створіть художні ефекти. 11. Збережіть отримане зображення на диск у свою папку.

55

Створення і редагування тексту

06.08.2012Вчитель СЗОШ №8 Кравчук Г.Т.

Як ви знаєте, текст є невід'ємною складовою дизайнерських розробок. Його також активно використовують у документах CorelDRAW. Численні інструменти для роботи з текстом, що надає програма, доволі прості й зручні у використанні.

Програма CorelDRAW пропонує роботу з текстом двох видів: простим і фігурним. Текстові блоки (контейнери певної ширини) вміст яких розбито на абзаци чи колонки, найчастіше формують з використанням простого тексту. Змінення розміру чи нахилу блока впливає лише на перерозподіл рядків у ньому, але жодним чином не впливає на властивості введеного тексту .

Фігурний текст обробляють, як графічний об'єкт, і використовують для створення ефектних написів у заголовках, логотипах, виносках. Форму, застосовані ефекти, ступінь викривлення фігурного тексту легко змінити.

Для створення й обробки тексту будь-якого типу в CorelDRAW призначено інструмент Текст (Текст). Якщо необхідно створити простий текст, виберіть указаний інструмент, створіть у вікні малювання рамку і введіть сам текст. Фігурний текст створюється так: виберіть інструмент Текст (Текст), клацніть будь-яку область малювання і введіть текст.

Вказівник миші під час роботи з текстовими об'єктами набуває вигляду хрестика з символом «А» і перетворюється на І-подібний курсор, коли опиняється на текстовому об'єкті. Правила редагування тексту в CorelDRAW такі самі, як і в інших прикладних програмах Windows.

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

20

Текст

Форматування тексту

Основною особливістю простого тексту є те, що до нього не застосовується більшість ефектів CorelDRAW, які можна задати для фігурного тексту. Ви не зможете нахиляти, масштабувати, розтягувати і стискати текст, переміщуючи маркери рамки, як під час роботи з векторним об'єктом. Натомість простий текст може налічувати сотні рядків, а отже, розміщуватися не на одній сторінці. Відтак текст цього типу слід обирати для текстових блоків великого обсягу, а не для написів, які потрібно оформлювати з використанням ефектів.

У програмі CorelDRAWформатування простого і фігурного тексту здійснюється за тими самими принципами, що й у звичайному текстовому редакторі, —з допомогою панелі властивостей і вікон Форматирование символов(Форматування символів) іФорматирование абзаца (Форматування абзацу), які відкриваються в результаті виконання однойменних команд менюТекст (Текст).

06.08.2012

21

Вчитель СЗОШ №8 Кравчук Г.Т.

6.6. Форматування тексту, зміна параметрів шрифту

Створення і редагування тексту. Програма CorelDRAW пропонує роботу з

текстом двох категорій: простим і фігурним. Якщо необхідно створити простий текст,

виберіть вказаний інструмент, створіть у вікні малювання рамку і введіть сам текст.

Фігурний текст створюється так: виберіть інструмент Текст, клацніть будь-яку

область малювання і введіть текст. Переважну

частину параметрів форматування текстових

об’єктів можна настроїти безпосередньо на

панелі властивостей.

Форматування тексту.

У програмі CorelDRAW форматування простого і

фігурного тексту здійснюється за допомогою панелі

властивостей і вікон настройки Форматувати текст, які

відкриваються в результаті виконання команд

контекстного меню або натиснення відповідної кнопки

панелі властивостей.

Перевірка орфографії. Доступ до засобів перевірки

орфографії та граматики здійснюється з підменю

Перевірка орфографії із меню Текст, Інструменти

написання.

Обтікання текстом.

Щоб застосувати обтікання, виберіть об’єкт, навколо

якого має розміщуватися текст, і виконайте команду

Вікно, Докери, Властивості. На вкладці Загальні виберіть

у списку Обтікання простим текстом один з трьох

стилів обтікання. Можна використати відповідний пункт

контекстного меню.

Розміщення тексту вздовж кривої.

Фігурний текст можна розмістити вздовж відкритого

об’єкта (лінії) або замкненого прямокутника,

багатокутника, еліпса чи кривої, намальованої за

допомогою інструментів Довільне перо, Безьє, Художнє

перо.

Фігурний текст можна розташовувати вздовж відкритого чи замкненого шляху, а

простий – лише вздовж відкритого. Для розташування тексту вздовж шляху виберіть

його за допомогою інструменту Вибір і виконайте команду Текст, Текст вздовж

шляху. Щоб настроїти властивості розташованого на кривій тексту, необхідно

відобразити відповідну панель властивостей.

Перетворення тексту.

Щоб перетворити фігурний текст на простий, виділіть його інструментом Вибір і

скористайтесь командою Текст, Перетворити на текст. Зворотна дія виконується за

допомогою команди Текст, Перетворити на фігурний текст.

Трансформація фігурного тексту.

Переміщуючи маркери рамки фігурного тексту, ви можете змінювати її розміри по

вертикалі чи горизонталі, а клацнувши в центрі рамки після її виділення, обертати.

56

Вправа 22. Робота з текстом у графічних зображеннях

Завдання. Створити вітальну листівку 1. Запустіть програму CorelDRAW і створіть новий документ.

2. Виберіть інструмент Безьє і намалюйте хвилясту лінію.

3. Виберіть інструмент Текст, створіть поле для введення тексту. На панелі

властивостей задайте атрибути тексту: стиль – простий, шрифт – Courier New,

розмір – 16, накреслення – напівжирне. У текстове поле введіть слова «Вітаю зі

святом». Виділення з тексту поки що не знімайте.

4. Виконайте команду Текст – Текст вздовж шляху.

Коли вказівник миші набуде вигляду товстої

стрілки, підведіть її до лінії. Щоб розмістити текст

вище лінії, виберіть відповідне розташування

тексту в полі Відстань до шляху. Якщо потрібно,

збільшіть значення в полі Горизонтальний зсув – тоді окремі символи не

перекриватимуться. Зразок тексту, розміщеного на лінії, наведено на рисунку.

5. Активізуйте інструмент Вибір. Виділіть лінію, на якій розміщено текст, і на палітрі

кольорів правою кнопкою миші клацніть закреслений зразок, щоб цю лінію

прибрати.

6. Виберіть інструмент Художнє перо. На панелі властивостей задайте режим

розпилювача, із списку стилю виберіть зображення повітряних кульок, а в списку

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

місце розташування кульок.

7. Виберіть інструмент Текст. Переміщуючи вказівник миші за натиснутої лівої

кнопки, створіть у робочій області поле для введення тексту. На панелі власти-

востей задайте атрибути тексту: стиль – графічний, шрифт – Courier New, розмір –

24, написання – напівжирне. У текстове поле введіть напис ВІТАЮ.

8. Виберіть інструмент Форма і біля кожної літери відобразиться маркер.

Перемістіть вказівник миші до маркера першої літери та, утримуючи кнопку миші

натиснутою, перетягніть символ на кульку. У такий спосіб розмістіть на кульках

усі літери.

9. Виберіть інструмент Вибір. Виділіть текст, переміщений на кульки, та змініть його

колір. Створіть інші написи та оформіть вітальну листівку. Збережіть отримане

зображення на диск у свою папку.

57

Зміст

1. Основні поняття та засоби комп’ютерної графіки ........................................... 2

1.1. Призначення, можливості і сфери застосування комп’ютерної графіки .............................. 2

Вправа 1. Порівняння растрових та векторних зображень. ........................................................... 7

1.2. Колірні моделі .................................................................................................................................... 7

Вправа 2. Вивчення моделей кодування кольору. ................................................................................ 8

2. Графічна алгоритмізація. Основи растрової і векторної графіки ............... 9

2.1. Поняття алгоритму побудови графічного зображення ............................................................. 9

Вправа 3. Алгоритм побудови зображення....................................................................................... 10

2.2. Графічний редактор Paint: створення растрових зображень, що складаються з кількох

елементів (графічних примітивів) ...................................................................................................... 11

Вправа 4. Створення простого растрового зображення. .............................................................. 13

2.3. Створення простих векторних зображень засобами графічного редактора ....................... 14

Вправа 5. Створення простого векторного малюнка. .................................................................... 15

3. Створення анімаційних зображень. ..................................................................... 16

3.1. Принципи формування анімаційних зображень у gif-форматі .............................................. 16

Вправа 6. Створення анімаційного зображення. ............................................................................. 18

3.2. Поняття про Flash-анімацію ......................................................................................................... 19

Вправа 7. Принципи створення анімаційних зображень у середовищі Macromedia Flash .......... 20

4. Конвертація і обмін зображеннями між різними програмами. ................ 22

4.1. Поширені формати графічних файлів, їхні переваги, недоліки та сфери застосування .. 22

Вправа 8. Перетворення форматів графічних файлів ..................................................................... 23

Вправа 9. Побудова векторних фігур у Paint .................................................................................... 24

Вправа 10. Векторизація (трасування) зображень ......................................................................... 24

4.2. Огляд основних функціональних можливостей і особливостей роботи в середовищі

графічних редакторів ............................................................................................................................ 25

5. Растрова графіка .......................................................................................................... 27

5.1. Поняття про роздільну здатність і її зв'язок з якістю растрових зображень. ..................... 27

Вправа 11. Основні прийоми роботи в середовищі Photoshop. ....................................................... 30

5.2. Виділення ділянок на зображеннях. Уточнення виділення ................................................... 31

Вправа 12. Виділення ділянок та їх обробка. .................................................................................... 32

5.3. Робота з шарами на зображеннях. Створення колажів ........................................................... 33

Вправа 13. Обробка багатошарових зображень, створення колажів. ......................................... 33

5.4. Налаштування інструментів малювання. Фільтри ................................................................. 35

58

Вправа 14. Малювання і зафарбовування зображень. Фільтри. .................................................... 36

5.5. Коректування кольору і тону ....................................................................................................... 37

Вправа 15. Коректування кольору і тону. ......................................................................................... 38

5.6. Ретушування, усунення дефектів, освітлення й затемнення фрагментів, підвищення

різкості ..................................................................................................................................................... 39

Вправа 16. Обробка цифрових фотографій ...................................................................................... 40

5.7. Робота з текстом в середовищі Photoshop ................................................................................. 41

Вправа 17. Робота з текстом ........................................................................................................... 41

6. Векторна графіка ........................................................................................................ 42

6.1. Огляд середовища програми CorelDraw .................................................................................... 42

Вправа 18. Створення найпростіших малюнків ............................................................................... 43

6.2. Зафарбовування об'єктів, керування заливками ..................................................................... 44

Вправа 19. Зафарбовування об’єктів, керування заливками ........................................................... 45

6.3. Створення рисунків з кривих і ламаних .................................................................................... 46

Вправа 20. Використання кривих ліній і ламаних ............................................................................. 48

6.4. Впорядкування, вирівнювання й переміщення об'єктів ........................................................ 49

Вправа 20. Впорядкування й групування об’єктів ............................................................................ 51

6.5. Застосування до об'єктів ефектів об'ємності і перетікання ................................................... 52

Вправа 21. Застосування графічних ефектів ................................................................................... 53

6.6. Форматування тексту, зміна параметрів шрифту ................................................................... 55

Вправа 22. Робота з текстом у графічних зображеннях ............................................................... 56

м. Івано-Франківськ, вул. Дж. Дудаєва, 35

тел.: 2-44-26

тел. - факс : 8(03422)2-55-36