Отже, з призначеним для користувача інтерфейсом Macromedia Flash ми розібралися. Як виконуються типові для всіх Windows-приложений завдання, з'ясували. Тепер самий час приступити до роботи над графікою.

Так, ми так і поступимо. Спочатку розглянемо створення статичної графіки, потім перейдемо до анімації. Ну, а вже після того, як ми навчимося робити анімовані картинки, можна розглянути і програмування в Flash: інтерактивні фільми, призначені для користувача інтерфейси інтернет-програм і тому подібне Таким чином, до кінця цієї книги ви дізнаєтеся все, що може Flash, і зможете використовувати це "все" в своїх цілях.

Але не поспішаєте. Спочатку трохи поговоримо про саму комп'ютерну графіку.

Ви скажете: ми вже говорили про неї у введенні. Ми дізналися, яке місце на комп'ютерному світі взагалі і в Інтернеті зокрема вона займає зараз, навіть познайомилися з короткою її історією. Так, дещо ви вже знаєте, але цього для справжньої роботи недостатньо. Сучасний комп'ютерний художник повинен знати значно більше.

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

Форматів зберігання графічною інформацією працелюбне людство наплодила велика кількість. Основна їх маса була створена достатньо давно, разом з програмами для обробки графіки, тобто вони були фірмовим, "рідним" форматом для тієї або іншої програми. Дуже небагато графічних форматів було задумано спеціально для обміну графічними файлами між різними програмами (міжпрограмні або незалежні формати). До перших форматів можна віднести відомий формат BMP, створений спеціально для зберігання графіки в Windows-программах, а до других - популярний формат GIF. Надалі багато форматів графіки зникли (часто разом з програмами, для яких вони були створені), і лише мале число їх дожило до нашого часу.

На живому світі діє жорстокий закон еволюції. Це ж справедливо і для світу комп'ютерів. Будь-який пристрій, програма, будь-яка технологія нежиттєздатні, якщо вони не знайдуть для себе "екологічну нішу", тобто використовуватимуться людьми. Так само як і будь-який графічний формат. Ті з них, що залишилися "живі", більш менш активно використовуються і покривають практично всі потреби сучасних комп'ютерних художників. Їх-то і підтримує велика частина сучасного графічного програмного забезпечення.

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

Якщо узяти звичайну газетну ілюстрацію і гарненько її розглянути, бажано під лупою, то можна побачити, що вона насправді складається з безлічі крапок. Ці крапки можуть бути як жирно-чорними (у тих місцях, де на ілюстрації видно глибокий чорний фон), так і більш менш сірими (де присутні півтони) або взагалі бути майже непомітними (на білих місцях). Якщо розглядати таку ілюстрацію на деякій відстані, а не впритул, як зробили ми, окремі крапки зливаються в єдине зображення. Можна сказати, що звичайна газетна ілюстрація - класичний приклад растрової графіки.

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

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

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

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

Гібридна графіка

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

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

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

Застосування різних видів графіки

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

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

Отже, растрова графіка застосовується для:

збереження півтонових зображень (картини, що сканують або спочатку намальовані на комп'ютері, фотографії);

створення невеликих за розміром зображень для оформлення програм або Web-страниц. В цьому випадку, як правило, критичні швидкість виводу на екран і розмір "відповідальної" за вивід програмної коди, а зовсім не розмір зображення.

Векторна графіка краще всього підійде, якщо потрібно:

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

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

Більшість поширених графічних форматів - растрові. Спочатку їх і розглянемо.

BMP

Формат BMP (BitMaP - бітова матриця) - простий формат запису растрових зображень. Розроблений фірмою Microsoft для збереження графіки в операційній системі Windows і сумісних з нею програмах.

Для цього підтримка формату BMP була вбудована безпосередньо в ядро системи Windows. Також відомий під назвою DIB (Device Independent Bitmap - бітова матриця, не залежна від пристрою виводу).

Графіка зберігається у файлах з розширенням bmp або dib (зустрічається дуже рідко). Підтримує всі колірні відеорежими. Графічні дані можуть бути стислі з використанням простого алгоритму RLE (Run Length Encoding - кодування із змінною довжиною рядка). Якщо стиснення не використовується, розмір графічного файлу може бути дуже великий.

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

PCX

Формат PCX - один з найстаріших графічних форматів. Він був розроблений на початку восьмидесятих років фірмою Z-Soft, що не існувала нині, для власного растрового графічного редактора РС Paintbrush, що працював в середовищі MS-DOS. Також підтримувався безліччю інших програм, що працювали в середовищі DOS і Windows, і продовжує підтримуватися і понині, хоча і є застарілим.

GIF

Формат GIF (Graphic Interchange Format - формат обміну графікою) був розроблений фірмою CompuServe в 1987 році для використання у власній однойменній комп'ютерній мережі. Набув величезного поширення в комп'ютерних мережах, зокрема, в Інтернеті. Мабуть, в даний час більшість комп'ютерної графіки, що використовується в Web-дизайне і взагалі для розповсюдження зображень в Інтернет, збережена в цьому форматі.

Графіка зберігається у файлах з розширенням gif. Підтримуються колірні відеорежими до 256 квітів включно. Для стиснення графіки використовується алгоритм LZW, розроблений ізраїльськими математиками Лемпелом і Зівом. Графіка може бути збережена з чергуванням (по-англійськи -interleaving) рядків; в цьому випадку зображення як би поступово "виявляється" рядок за рядком у міру завантаження файлу.

У 1989 році формат GIF був розширений; нова версія стандарту отримала назву З} Р89а. По-перше, була введена підтримка прозорості або "прозорого" кольору, тобто один колір зі всіх доступних на зображенні міг бути помічений як прозорий, і крізь нього "просвічуватиме" фон зображення. (Професійні графіки часто називають "прозорий" колір альфа-каналом, по-англійськи - alpha channel або просто alpha.) По-друге, з'явилася можливість зберігати в одному файлі декілька зображень, які можуть демонструватися як фільм (так звані "анімовані GIF-файли"; про них ми поговоримо в розділі 12).

Формат GIF чудово підходить для збереження зображень з різкими колірними переходами. Зокрема, Web-дизайнери створюють в цьому форматі елементи оформлення і рекламні баннеридля своїх сторінок, а підтримка прозорості і анімації ним тільки на руку. Іноді в цьому форматі створюються початкові заставки і графічні елементи інтерфейсу програм.

PNG

Формат PNG (Portable Network Graphic -- переносима мережева графіка) розроблений співтовариством незалежних програмістів як заміна перехідного в розряд комерційних продуктів формату GIF. Хоча він і підтримується в даний час багатьма графічними пакетами, проте великої популярності в Інтернеті поки не здобув, хоча авторові зустрічалися сайти з PNG-графікою. Також використовується для зберігання графіки, що розробляється в пакеті интернет-графіки Macromedia Fireworks.

Графіка зберігається у файлах з розширенням png. Підтримує всі колірні відеорежими. Для стиснення графіки застосовується дуже могутній алгоритм Deflate, що забезпечує сильніше стиснення в порівнянні з LZW. Графіка може бути збережена з чергуванням не тільки рядків, але і стовпців, таким чином, зображення "виявлятиметься" і по рядках, і по стовпцях. Також підтримуються 256 фадацій прозорості (альфа-канала) проти всього двох у GIF і автоматичної корекції яскравості.

Проте, в порівнянні з GIF, формат PNG має і недоліки. Перший великий недолік - PNG не підтримує анімацію. Правда, навряд чи це так вже актуально у зв'язку з повсюдним переходом Web-аниматоров на Flash. Другий недолік - файли формату PNG більше, ніж GIF, приблизно на один кілобайт через те, що в заголовку файлу зберігається значно більше інформації. На мій погляд, це теж не дуже значний недолік: вийшов файл трохи більше - ну і що? Отже, в принципі, вищенаведені недоліки не вплинуть на розповсюдження формату PNG в Інтернеті.

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

JPEG

Формат JPEG (Joint Picture Encoding Group - група кодування нерухомих зображень) розроблений однойменною групою програмістів спеціально для розповсюдження високоякісної графіки в комп'ютерних мережах. Саме для цього він і використовується в даний час. JPEG - другий за поширеністю формат графіки в Інтернеті.

Графіка зберігається у файлах з розширеннями jpeg, jpe або jpg. Підтримується тільки колірний відеорежим TrueColor (24-бітовий колір). Для стиснення графіки використовується виключно могутній алгоритм під назвою JPEG, що фактично включає декілька алгоритмів стиснення для різних випадків. Цей алгоритм реалізує стиснення даних з втратами, коли деяка частина інформації про колір відкидається, і результуючий масив даних стає менше. У всіх інших форматах графіки із стисненням застосовуються алгоритми стиснення даних без втрат.

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

Формат JPEG, на відміну від GIF і PNG, не підтримує ні анімацію, ні прозорість. Проте існує різновид формату JPEG, що званий "прогресивний JPEG" (progressive JPEG або p-JPEG), підтримує чергування рядків.

Область застосування формату JPEG достатньо вузька - розповсюдження високоякісної півтонової графіки в Інтернеті. Півтонові зображення, що сканують, при використанні помірного стиснення виходять дуже навіть непоганими. Особливо популярні "в народі" підбірки картин Бориса Вальєхо і інших так званих "фэнтезійних" живописців, збережені в JPEG-файлах.

TIFF

Формат TIFF (Tag Image File Format - теговий файловий формат зображень) був розроблений фірмою Aldus, розробником відомого пакету настільного видавництва PageMaker, для іншого свого продукту - растрового редактора PhotoStyler, що не дійшов до наших часів. Застосовується для збереження високоякісної повнокольорової графіки без втрати якості для видавничих цілей. Часто використовується для обміну високоякісною графікою між користувачами різних програм.

Графіка записується у файли з розширенням tif або tiff. Підтримуються всі колірні відеорежими, прозорість і декілька алгоритмів стиснення: LZW, Deflate і JPEG. Фірмовою особливістю цього формату є можливість запису в графічний файл так званих тегов: спеціальних приміток, що вносяться художником або самою програмою графічного редактора.

Існує два різновиди формату TIFF: сумісний з РС і з Apple Macintosh. Це викликано відмінностями в архітектурі перерахованих комп'ютерних платформ.

Формат TIFF підтримується всіма графічними програмами професійного рівня. Більш того, підтримка якою-небудь програмою цього формату говорить про її професійну орієнтацію.

Векторні формати

Векторні форматів чомусь значно менше, ніж растрових. Ймовірно, це пов'язано з тим, що реалізувати обробку і виведення векторної графіки незрівнянно важче, ніж растровою. А люди - на жаль! - завжди йдуть по шляху найменшого опору.

Shockwave/Flash

Зрозуміло, ми не могли не почати розгляд форматів векторної графіки з "рідного" формату Macromedia Flash. Як-не-як, саме в нім нам належить зберігати свої творіння.

Формат Shockwave/Flash розроблений фірмою Macromedia для збереження зображень і фільмів, створених в пакеті векторної графіки Shockwave. Пізніше на основі Shockwave був створений пакет інтернет-графіки Flash, що "успадкував" цей формат. Тому говорять, що існує єдиний формат Shockwave/Flash.

Як ви вже знаєте, фактично існує два формати представлення графіки Flash. По-перше, це формат, в якому зберігаються ті, що готуються в середовищі Flash зображення і фільми, - формат документів Flash. По-друге, формат, в якому зберігається вже завершена, експортована і підготовлена для публікації графіка, яку можна завантажити в програвач, - формат поширюваної графіки Shockwave/Flash.

Документи Flash зберігаються у файлах з розширенням fla. Експортована ж графіка зберігається у файлах з розширенням swf.

Крім самого пакету Flash обидва цих формату підтримуються іншими продуктами фірми Macromedia: Dreamweaver, Fireworks і ін. Також ці формати підтримуються деякими іншими графічними програмами.

Windows Metafile і Enhanced Windows Metafile

Формат Windows Metafile - простий формат запису векторних зображень. Розроблений фірмою Microsoft для збереження векторної графіки в операційній системі Windows і сумісних з нею програмах. Підтримка цього формату вбудована безпосередньо в ядро системи Windows.

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

В даний час формат Windows Metafile, на відміну від BMP, поширений дуже мало, хоча підтримується практично всіма графічними програмами і вимагає дуже мало системних ресурсів для виводу і обробки. Використовується для зберігання векторних зображень в деяких програмах (наприклад, початкових заставок або елементів призначеного для користувача інтерфейсу). Зокрема, Microsoft Word свій комплект картинок (так званий "клипарт" від англійського clipart) зберігає у форматі Windows Metafile. Ймовірно, фірма Microsoft, хоче показати таким чином, що цей формат теж придатний для розповсюдження графіки.

Формат Enhanced Windows Metafile - подальший розвиток Windows Metafile. Він також розроблений Microsoft, проте "в народ" чомусь не просувався і хоч трохи широкого поширення тому не набув. Авторові за всю його достатньо довгу кар'єру комп'ютерника не попадалося на одного файлу цього формату. Залишається додати, що формат наказує зберігати графіку у файлах і підтримується багатьма сучасними графічними пакетами.

Adobe Illustrator

Цей формат був розроблений фірмою Adobe для векторного графічного редактора Illustrator. В даний час підтримується практично всіма пакетами векторної графіки і використовується для обміну векторними зображеннями між користувачами різних програм.

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

CORELDRAW!

Був розроблений фірмою Corel для векторного редактора CORELDRAW!. Фактично дозволяє зберігати гібридну графіку. Іноді використовується для обміну графікою.

Графіка зберігається у файлах з розширенням cdr. Має декілька привабливих можливостей в порівнянні з Adobe Illustrator (наприклад, стиснення графіки, причому растрова і векторна графіки стискаються окремо), але несумісність різних версій формату і невисока стійкість до збоїв зовсім не йдуть на користь нею популярності.

Цей формат Flash не підтримується. Щоб імпортувати графічне зображення у форматі CORELDRAW!, вам доведеться перетворити його в інший формат, наприклад, Adobe Illustrator або Windows Metafile, використовуючи іншу графічну програму.

Encapsulated PostScript

Цей формат був розроблений фірмою Adobe для обміну векторною графікою між користувачами різних програм. Власне, це навіть не формат, а ціла мова, що базується на мові опису графіки для високоякісних принтерів PostScript. Фактично, файл в цьому форматі можна скопіювати на підтримуючу мову PostScript принтер, набравши в командному рядку: сміттю graphic_file.eps prn і він буде надрукований.

Графіка зберігається у файлах з розширенням eps. Такий файл є простій текстовий документ, що містить набір команд для принтера надрукувати той або інший примітив. Таким чином, EPS-файл може бути відредагований в будь-якому текстовому редакторові за наявності знання мови PostScript.

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

VML

Формат VML (Vector Markup Language - мова векторної розмітки) розроблений фірмою Microsoft для використання у власній програмі Web-обозревателя Internet Explorer версії 5.0 і пізніших. Так само, як і Encapsulated PostScript, це не стільки формат, скільки текстова мова опису векторної графіки. За задумом, фрагменти таких описів поміщаються всередину Web-страниц, серед звичайної HTML-кода, і описують їх графічні елементи. Таким чином, можна буде відмовитися від традиційної Web-графики, що є упровадженими елементами, що зберігаються в окремих файлах.

PDF

Формат PDF (Portable Document Format - формат переносимих документів) був розроблений фірмою Adobe для створення переносимих не-залежних електронних документів. Такі документи можуть містити, окрім форматованого тексту, різну векторну і растрову графіку, розбиватися на сторінки, друкуватися на принтері або бути видимим на екрані комп'ютера. Крім цього, документи в цьому форматі мають дуже малий розмір (використовується стиснення, причому кожен вид графіки стискається по самому відповідному для нього алгоритму), таким чином, їх можна поширювати через Інтернет.

Документи цього формату зберігаються у файлах з розширенням pdf. Вони створюються за допомогою пакету Adobe Acrobat, а читаються - за допомогою програми читання Adobe Acrobat Reader, поширюваної безкоштовно. По назві цих двох програм формат PDF отримав свою другу назву - формат документів Acrobat.

Формат PDF отримав величезну популярність для розповсюдження електронних документів з багатим форматуванням і графікою. Фактично, цей формат тепер стоїть на другому місці, після HTML, по поширеності. Окрім Adobe Acrobat, створення документів PDF підтримують безліч інших текстових і графічних пакетів. A Adobe Acrobat Reader -одна з популярних в світі програм.

VRML

Формат, точніше, мова, VRML (Virtual Reality Modeling Language - мова моделювання віртуальної реальності) був розроблений групою незалежних розробників. Він служить для створення так званих віртуальних світів і розповсюдження їх через Інтернет. Описом такого віртуального світу є текстовий файл з розширенням vrm або vrml, що містить набір команд на мові VRML. Такий файл може бути "програний" за допомогою особливих програм -"програвачів" VRML; найпоширенішим з них є Cortona VRML Client фірми Parallel Graphics.

Хоч мова VRML і що підтримує його програмне забезпечення, призначене для створення і "програвання" віртуальних світів були широко розрекламовані свого часу, поширення він набув дуже обмежене. Зв'язано це з тим, що потужностей сучасних комп'ютерів поки що не вистачає для створення чогось складнішого, ніж дивні геометричні фігури з двох сфер і конуса. До того ж, віртуальна реальність, схоже, втратила для простих людей свою привабливість. Тому майбутнє VRML так само туманно, як і сьогодення...

Розділ 5 Малювання

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

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

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

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

Перш за все, відмітимо, що в нижній частині цієї області знаходяться три невеликі кнопки. Ці кнопки включають особливі колірні режими, ми розглянемо їх в розділі 6. У даний же момент нас більше цікавлять два селектори кольори, що займають велику частину області Colors. З їх допомогою і задаються кольори графіки. (Правда, окрім них, можливість вибору кольору надають різні панелі; реалізується це за допомогою все тих же селекторів кольору.)

Як бачите, селекторів квітів в області Colors два. Верхній з них встановлює колір лінії про це говорить значок олівця зліва від селектора. Ніжній задає колір заливки, що підтверджує значок перекинутого відра.

"Лінія"

Як ви вже знаєте, цей інструмент служить для проведення прямих ліній. Щоб вибрати його, клацніть в інструментарії кнопку або натисніть на клавіатурі клавішу <N>. Після цього курсор миші прийме вид невеликого хрестика, - це означає, що тепер ви можете проводити мишею прямі лінії.

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

Ви можете проводити таким чином лінії будь-якої довжини і під будь-яким кутом. Якщо ж вам потрібно провести лінію під кутом, кратним 45°, то під час проведення лінії утримуйте натиснутою клавішу <Shift>. Лінія, що в цьому випадку проводиться, автоматично "підганятиметься" під відповідний кут.

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

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

"Прямокутник" і "еліпс"

Обидва цих інструменту дуже схожі. Різниця виявляється лише в результаті їх застосування. Тому ми і описуємо їх тут разом.

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

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

Ви можете малювати, таким чином, прямокутники і еліпси будь-якої форми. Якщо ж вам потрібно намалювати правильний квадрат або правильне коло, то під час малювання утримуйте натиснутою клавішу <Shift>.

Кожен намальований вами прямокутник і еліпс матиме заливку.

Колір заливки задається нижнім селектором кольору в області Colors інструментарію. А колір ліній, як ви пам'ятаєте, задається за допомогою верхнього селектора кольору.

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

"Олівець"

Цей інструмент дозволяє малювати лінії будь-якої (як говорять професійні комп'ютерні художники - вільною) форми. Працює він так само, як звичайний олівець, чому і отримав свою назву. Ви натискаєте ліву кнопку миші і, не відпускаючи її, малюєте лінію, яка вам потрібна. Приклад такої лінії показаний на мал. 5.7.

Щоб вибрати інструмент "олівець", клацніть в інструментарії відповідну кнопку або натисніть клавішу <Y>. Курсор миші при цьому прийме вид олівця.

Щоб намалювати з його допомогою лінію, помістите курсор миші в крапку, де вона повинна починатися, і натисніть ліву кнопку миші. Після цього, не відпускаючи лівої кнопки, рухайте мишу по потрібній траєкторії і, коли курсор миші опиниться в крапці, де повинен бути кінець лінії, відпустите кнопку миші. Rash малюватиме лінію, що проводиться вами, прямо під час руху миші. Якщо вам потрібно провести строго пряму горизонтальну або вертикальну лінію, то під час малювання утримуйте натиснутою клавішу <Shift>.

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

Ви, напевно, відмітили, що Flash автоматично згладжує проведену вами лінію. Ця чудова особливість, введена програмістами фірми Macromedia, дозволяє вам за допомогою інструменту "олівець" у будь-якому випадку проводити прямі лінії. Як ви знаєте, людська рука - не дуже точний інструмент, і Flash це враховує, згладжуючи дрібні нерівності ліній, що проводяться вами. Проте, іноді така "послужливість" може нашкодити, наприклад, якщо вам потрібно намалювати щось дуже точно, зі всіма нерівностями і шорсткостями. Для регулювання ступеня згладжування служить модифікатор "згладжування ліній", що є кнопкою, розташованою в області Options інструментарію.

Ви можете відмітити, що в правому нижньому кутку цієї кнопки є невелика чорна стрілка, направлена направо вниз. При натисненні цієї кнопки на екрані з'явиться меню, що пропонує користувачеві на вибір декілька варіантів. Такі кнопки з меню часто застосовуються в Flash.

"Перо"

Цей щонайпотужніший інструмент допоможе вам малювати як прямі, так і криві лінії, точно указуючи початкову і кінцеву точки і радіус кривизни. Криві лінії, що малюються за допомогою цього інструменту, називають також кривими Безьє на ім'я математики, що вивів формулу для опису цих кривих. (Пряму лінію можна вважати виродженим випадком кривий Безьє.) Крім того, "перо" надає можливість створення ламаних ліній, що складаються з безлічі прямих або кривих відрізань, і вельми складних геометричних фігур.

Щоб вибрати інструмент "перо", клацніть в інструментарії відповідну кнопку або натисніть клавішу <Р>. Курсор миші при цьому прийме вид креслярського рейсфедера.

Малювання прямих за допомогою "пера" виконується таким чином. Помістите курсор миші в крапку, де повинен бути початок прямої, і клацніть лівою кнопкою миші. (Майте на увазі - потрібно саме клацнути!) У цьому місці на листі з'явиться невелика порожниста крапка. Далі помістіть курсор в кінцеву точку прямої і знову клацніть мишею. Пряма буде негайно проведена.

Якщо ви продовжите клацати мишею в різних місцях на робочому листі, то зможете побудувати ламану лінію, аналогічну показаною на мал. 5.12. Щоб завершити малювання ламаною, при створенні останньої її крапки зробіть подвійне клацання мишею замість одинарного. Ви також можете відразу після останнього клацання вибрати інший інструмент або клацнути де-небудь на порожньому просторі робочого листа, утримуючи на-жатой клавішу <Ctrl>.

Існує можливість проводити прямі лінії під кутом, кратним 45°.

Для цього вам потрібно при другому клацанні утримувати натиснутою клавішу <Shift>.

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

Flash автоматично створить замкнуту область і помістить в неї заливку, як показано на мал. 5.13.

"Кисть"

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

Щоб вибрати інструмент "кисть", клацніть в інструментарії відповідну кнопку або натисніть клавішу <В>. Курсор миші при цьому може приймати різні форми; залежно від настройок, заданих за допомогою модифікаторів.

"Відро з фарбою"

Цей інструмент служить для створення заливок. Заливкою називається особливий графічний примітив, що заповнює замкнутий контур, утворений лініями. Часто Flash створює заливки автоматично, наприклад, коли ви малюєте, використовуючи інструменти "прямокутник", "еліпс" і "перо". Якщо ж ви застосовуєте інші інструменти для створення графіки, про заливки вам доведеться поклопотатися самостійно.

Інструмент "відро з фарбою" поводиться аналогічно реальному відру з фарбою: якщо "перекинути" його над замкнутим контуром, фарба "розіллється" і заповнить її. Якщо ж контур має "діру", наприклад, ви забули його замкнути, заливка створена не буде. Як бачите, Flash не допускає, щоб "фарба" "витекла" назовні.

Щоб вибрати інструмент "відро з фарбою", клацніть в інструментарії відповідну кнопку або натисніть клавішу <К>. Курсор миші при цьому прийме вид перекинутого відра з фарбою.

Правка графіки

Отже, створювати графіку ми навчилися. Тепер давайте з'ясуємо, як її редагувати.

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

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

Виділення графіки

Для виділення (або, як ще говорять, вибору) фрагментів графіки для редагування служить інструмент "стрільця виділення" (або просто "стрілка"). Клацніть кнопку в інструментарії або натисніть клавішу <V> на клавіатурі. Курсор миші прийме вид невеликої чорної стрілки.

Фрагментація і злиття графіки.

Перш ніж ми приступимо до розгляду способів правки вже створеної графіки, поговоримо ще про одну особливість Flash. Це так звана фрагментація графіки. Суть її в тому, що Flash-графика в певних випадках "розвалюється" на незалежні фрагменти. Іноді це буває корисно, іноді не дуже.

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

Щоб краще зрозуміти, що таке фрагментація, приведемо невеликий приклад. Намалюємо на листі Flash нескладну фігуру, показану на мал. 5.33. На цій фігурі ми і розглянемо фрагментацію Flash-графики як явище.

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

Це відбулося тому, що лінія, що розітнула еліпс на чотири частини (дві половинки контуру і дві половинки заливки), і сама виявилася розділеною на три відрізання. На мал. 5.35 це проілюстровано наочно.

Як бачите, фрагментація в наявності.

Монолітна, здавалося б, фігура "розвалилася" сама собою на сім частин. І кожна її частина є абсолютно незалежним фрагментом.

З фрагментацією тісно зв'язана і інша особливість Flash-графики - злиття фігур. Полягає воно в тому, що якщо два або більш графічних фрагментів, намальованих одним кольором, стикаються, вони перетворюються на єдине ціле.

Правка графіки

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

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

Переміщення і видалення графіки

Страницы: 1, 2, 3