Adobe Flash для малювання. Новий імідж - малюємо персонажа серіалу

Викладене в попередньому розділі свідчить про те, що під час роботи з графічними об'єктами можна використовувати Flashяк звичайний графічний редактор типу MS Paint чи Paint Shop Pro. Тим не менш, при описі можливостей щодо створення та модифікації зображень ми виходитимемо з того, що вони (зображення) рано чи пізно повинні стати елементами Flash-фільма.

Інструменти малювання

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

Основними є (рис. 5.1):

• Line Tool (Лінія) - інструмент дозволяє малювати прямі та ламані лінії, які при необхідності можуть використовуватись як контур об'єкта; інструмент не має кнопок-модифікаторів; як параметри налаштування користувач може вибирати товщину і колір лінії; налаштування виконується за допомогою інспектора властивостей;

Мал. 5.1.Інструменти малювання

• Oval Tool (Овал) - інструмент призначений для створення стандартних геометричних фігур: еліпсів та кіл різного радіусу; створена фігура і двох компонентів, які можуть редагуватися окремо друг від друга: контуру (Outline) і заливки (Fill); як параметри налаштування користувач може вибирати товщину і колір лінії; налаштування виконується за допомогою інспектора властивостей;
• Rectangle Tool (Прямокутник) – інструмент призначений для створення відповідних геометричних фігур; створена фігура і двох компонентів, які можуть редагуватися окремо друг від друга: контуру і заливки; як додатковий параметр можна вказувати радіус заокруглення кутів прямокутника; крім того, користувач може вибирати товщину та колір лінії; зазначені параметри встановлюються за допомогою інспектора властивостей; встановлення параметрів інструмента буде докладніше розглянуто нижче;
• Pen Tool (Перо) - інструмент дозволяє малювати прямі та згладжені криві лінії з високою точністю на основі механізму кривих Безьє; для цього в процесі малювання Flashстворює базові точки (Anchor points) і потім будує з них намальований сегмент; цей інструмент є, мабуть, найбільш складним у використанні, тому нижче ми розглянемо докладніше роботу з ним;
• Pencil Tool (Олівець)- інструмент призначений для малювання довільних ліній, проте при відповідному налаштуванні параметрів він виконує «розпізнавання» намальованих фігур та автоматичне їх перетворення до стандартних геометричних фігур; параметри налаштування інструмента будуть розглянуті нижче;
• Brush Tool (Пензель) - інструмент дозволяє малювати лінії, що нагадують мазки пензлем; незважаючи на відносну простоту використання, пензель має достатньо велике числододаткові параметри, які ми розглянемо окремо;
• Eraser Tool (Ластик) - це звичайна для графічних редакторів «стара гумка», за принципом дії та набором додаткових параметрів вона дуже близька інструменту Brush Tool.

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

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

Інструмент Rectangle Tool

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

Як було зазначено вище, допускається зміна наступних параметрів роботи інструменту Rectangle:

• величина кута заокруглення прямокутника; для зміни цього параметра слід клацнути кнопку-модифікатор Round Rectangle Radius (Радіус округлення-прямокутника), і в діалоговому вікні, що відкрилося, ввести величину округлення (у точках), як показано на рис. 5.2;
• колір контуру та колір заливки, які вибираються за допомогою відповідних кнопок, розташованих на панелі інспектора властивостей інструменту (рис. 5.3);
• товщина та стиль лінії контуру, які також встановлюються за допомогою інспектора властивостей; за замовчуванням товщина контуру змінюється з дискретністю 0.25 точки (points), але з клавіатури може бути введено будь-яке значення діапазону від 0 до 10;
• додатковий параметр Sharp Corners (гострі кути), що задає форму контуру; зміна параметра виконується у додатковому діалоговому вікні (рис. 5.4), яке відкривається при натисканні кнопки Custom... (Налаштування); у цьому вікні також можна змінити товщину контуру (за допомогою списку Thickness), значення в цьому списку залежить, від значення, встановленого в панелі інспектора властивостей, і навпаки.

Мал. 5.2.Діалогове вікно для встановлення величини заокруглення кутів прямокутника

Мал. 5.3.Інспектор властивостей інструменту Rectangle

Мал. 5.4.Діалогове вікно для встановлення додаткових параметрів інструменту Rectangle

Формат інспектора властивостей наведений на рис. 5.3, аналогічний використовуваному для інструментів Line та Oval.

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

• для лінії - координати лівого (поля X та Y) та правого (поля W та Н) її кінців; координати вимірюються щодо верхнього лівого кута столу фільму;
• для кола - координати центру (поля X та Y) та радіус (поля W та Н);
• для прямокутника - координати верхнього лівого кута (поля X та Y) та довжини сторін (поля W та Н).

Мал. 5.5.Розширений формат інспектора властивостей для стандартних фігур

Інструмент Pen Tool

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

Щоб намалювати пряму лінію, необхідно вказати першу та останню точки відрізка. Крапка створюється клацанням на столі. Наприклад, щоб отримати ламану, що складається з трьох відрізків, потрібні чотири точки (рис. 5.6 а).

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

Мал. 5.6.Ламана, намальована інструментом Pen Tool

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

Щоб намалювати сегмент кривої, необхідно виконати такі дії:

1. Створити першу базову точку, натиснувши мишею на столі.
2. Для створення другої базової точки перемістити вказівник на необхідну відстань та натиснути ліву кнопку миші; в результаті на екрані з'явиться лінія, яка з'єднує базові точки.
3. Не відпускаючи кнопку, перемістити покажчик у напрямку, протилежному до необхідного напрямку вигину; при переміщенні покажчика на екрані з'явиться дотична, розмір та напрямок якої визначають глибину та кут вигину (рис. 5.7 б).

Мал. 5.7.Малювання кривих за допомогою пера

1. Досягши необхідної форми сегмента відпустити кнопку миші; дотична зникне, а базові точки (перша та кінцева точки сегмента) будуть представлені маленькими забарвленими прямокутничками.

Щоб додати ще один сегмент до раніше створеного, потрібно повторити кроки 2, 3, 4 описаної вище процедури.

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

Мал. 5.8.Додавання сегмента

Після завершення малювання лінії вона може бути змінена за допомогою будь-якого із чотирьох інструментів: Pen, Arrow, Free Transform або Subselect.

Для інструменту Реп, як і інших інструментів малювання, користувач може встановити товщину і колір лінії, і навіть колір заливки (Q роботі з кольором буде розказано у наступному розділі).

Установка товщини лінії виконується за допомогою інспектора властивостей, формат якого аналогічний наведеному на рис. 5.3. Якщо в момент увімкнення інструмента панель інспектора властивостей закрита, слід увійти в меню Window і вибрати в ньому пункт Properties.

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

Ще раз повторимо, що ефективне застосуванняінструмент Реп вимагає певних практичних навичок, проте витрати часу на його освоєння окупляться, як тільки ви захочете створити для оформлення Web-сторінки щось нестандартне (рис. 5.9).

Мал. 5.9.«Росчерк» пера («Біліє вітрило самотнє...»)

Інструмент Pencil Tool

«Олівець» є у багатьох графічних редакторах, тому ми зупинимося на відмінних рисахйого реалізації в.

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

Мал. 5.10.Меню режимів роботи Pencil Tool

Таких режимів три:

• Straighten (Випрямлення);
• Smooth (Згладжування);
• Ink (Малюнок чорнилом).

Режим Straighten забезпечує перетворення вихідного зображення, намальованого «вручну», на одну з геометричних фігур (рис. 5.11). Найпростішим випадком такого перетворення є випрямлення лінії, намальованої, м'яко кажучи, дуже рівно.

Режим Smooth є менш «жорстким» і дозволяє просто позбавитися деяких шорсткостей у малюнку.

Третій режим - Ink - практично не відрізняється від режиму Smooth, але робить ще менший вплив на вихідне зображення.

Щоб намалювати за допомогою Олівця абсолютно пряму горизонтальну або вертикальну лінію, достатньо утримувати клавішу . Якщо потрібно змінити напрямок з вертикального на горизонтальне або навпаки, слід відпустити клавішу потім знову натиснути її і продовжити лінію в потрібному напрямку.

Колір та товщина лінії налаштовуються за допомогою інспектора властивостей інструменту (рис. 5.12).

Мал. 5.12.Інспектор властивостей інструменту Pencil

Інструмент Brush Tool

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

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

Для інструментів передбачено п'ять режимів роботи. Вибір режиму виконується за допомогою кнопки-модифікатора (рис. 5.13):

Мал. 5.13.Меню режимів використання інструменту Brush Tool

• Paint Normal (Звичайне зафарбовування) - «мазок» пензля покриває всі лінії та заливання зображення, що редагується, а також будь-який інший об'єкт або ділянка столу, що опинилися на шляху пензля (рис. 5.14 б);
• Paint Fills (Зафарбовування заливок) – забезпечує зафарбовування заливок, не впливаючи на контури, лінії та порожню область столу (рис. 5.14 в);
• Paint Behind (Зафарбовування позаду) - «мазок» пензля покриває розташовану за зображенням порожню область столу, залишаючи всі лінії та заливки на редагованому зображенні без зміни (рис. 5.14 г);

Paint Selection (Зафарбовування вибраної області) - «мазок» пензля впливає лише на вибрану заливку (або заливки, якщо їх вибрано декілька), залишаючи без зміни лінії, контури, не вибрані заливки та порожню область столу (рис. 5.14 д);

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

а) вихідне зображення

б) режим Paint Normal

в) режим Paint Fills

г) режим Paint Behind

д) режим Paint Selection

е) режим Paint Inside

Мал. 5.14.Ефект застосування різних режимів Brush Tool

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

Додатково користувач може вибрати розмір, форму, колір пензля. Установка перших двох параметрів виконується за допомогою кнопок-модифікаторів (рис. 5.15, вгорі), а вибір кольору – або за допомогою кнопки Fill Color панелі Tools, або за допомогою інспектора властивостей Щітки (рис. 5.15, внизу).

Мал. 5.15.Засоби встановлення додаткових параметрів Щітки

Інструмент Eraser Tool

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

Для інструментів передбачено шість режимів роботи. Вибір режиму виконується за допомогою двох кнопок-модифікаторів (рис. 5.16): Eraser Mode та Faucet.

Мал. 5.16.Меню режимів використання інструменту Eraser Tool

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

Увімкнення режиму Faucet скасовує будь-який із п'яти інших режимів, що вибираються за допомогою кнопки Eraser Mode, і навпаки, клацання на цій кнопці скасовує режим Faucet.

За допомогою кнопки Eraser Mode може бути встановлений один із таких режимів:

• Erase Normal (Звичайне стирання) - гумка видаляє всі лінії заливки зображення, що редагується, а також будь-який інший об'єкт або фонове зображення, розташовані в активному шарі;
• Erase Lines (Стирання ліній) - гумка видаляє лінії та контури, залишаючи заливки на редагованому зображенні без зміни;
• Erase Selected Fills (Стирання вибраних заливок) - гумка видаляє лише вибрану заливку (або заливки, якщо їх вибра-

Мал. 5.17.Ефект застосування різних режимів

але кілька), залишаючи без зміни лінії, контури, не вибрані заливання тощо (рис. 5.17 г);

• Erase Fills (Стирання заливок) – забезпечує стирання заливок, не впливаючи на контури, лінії та порожню область столу;
• Erase Inside (Стирання всередині) - стирається тільки та заливка, з якої операцію було розпочато; інші заливки, лінії, контури та стіл залишаються без зміни; якщо ви почнете зафарбовування в порожній області робочого столу, всі об'єкти залишаться без зміни.

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

Додатково користувач може вибрати форму та розмір гумки.

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

Малювання одягу у flash

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

Я завжди намагаюся відповідати на запитання, якщо, звісно, ​​сама володію інформацією.

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

Колірні ключі (Color keys). Пошук колірного рішення

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

Як намалювати волосся

Нещодавно через сайт надійшло прохання написати, як я малювала волосся. Давненько не викладала уроків, і вирішила - а чому б і ні, напишу пару рядків про волосся:) Я б не називала це керівництвом до дії, як правильно малювати волосся. Що саме так вони малюються і ніяк інакше. Просто коротко опишу процес, як це робила я. Можливо, буде цікаво не лише одній людині.

Техніки та стилі малювання у флеші

У роботі я використовую кілька технік малювання. Оскільки мультиплікація передбачає стилізоване зображення живих і неживих предметів – цілком повна свобода для фантазії. Але свої фантазії за стилем виконання бажано обговорювати із замовником на початку роботи, щоб фантазії стали загальними:) Іноді вибір тієї чи іншої техніки залежить від її трудомісткості. Наприклад, простіше відмалювати олівцем, ніж возитися з пензликом та лініями, які потрібно правити, і це вимагають більшої акуратності, а значить і часу на виконання.

За характером ліній можна класифікувати:

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

Понад сім років я віддалено працюю із зарубіжними замовниками зі США, Канади, Австралії, Німеччини та інших країн. Малюю графічні ресурси та анімацію для ігор Adobe Animate CC. Раніше редактор називався Adobe Flash Professional CC.

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

Навіщо потрібний ще один цикл уроків для малювання в Adobe Flash? Я багато років займаюся цим і вважаю, що мій досвід може бути корисним для початківців. Особливо тим, хто раніше не малював за допомогою графічного планшета. Якщо ви добре малюєте на папері, але ніколи не малювали на комп'ютері, то мені точно є що вам розповісти.

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

Вибір графічного планшета

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

Існує багато виробників графічних планшетів Wacom, Genius, Huion. Я стикався лише з першими двома. Усього я випробував вже чотири планшети від Wacom і один від Genius, коли починав. Я наполегливо рекомендую Wacom – це висока якість за помірну ціну.

Якщо немає грошей, не купуйте Genius, візьміть найдоступніший маленький Wacom Bamboo Pen. Я використав практично такий самий, модель Wacom Bamboo Pen&Touch S CTH-460. Критичних проблем за сім років використання не було, хороший апарат, щоб почати. Якщо ви можете виділити більше грошей, то беріть більшу модель. Я використовую Wacom Bamboo Fun Pen&Touch M CTH-670.

Що означають цифри та літери в назвах моделей Wacom

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

Wacom Bamboo Fun Pen&Touch M CTH -6 70

• M- Розмір робочої області. Існують S - Small (маленький), M - Medium (середній), L - Large (великий);
• CTH- Позначає модельний ряд. Існують CTL та CTH – аматорські моделі початкового рівня з необов'язковими кнопками та тачпадом, PTH – професійні моделі, DTH та DTK – професійні моделі з вбудованим дисплеєм;
• 6 - Розмір робочої області в дюймах. Існують 4 - Small (маленький), 6 - Medium (середній), 8 - Large (великий), а також 13 і більше, але це стосується тільки планшетів із вбудованим дисплеєм. Іноді в інтернет-магазинах та в оголошеннях не вказують буквений індекс, тоді можна скористатися цифровим, щоб зрозуміти габарити пристрою;
• 70 - покоління та модель. Важливо розуміти, що більше це число, то новий пристрій. Для порівняння, мій старий планшет має індекс CTH-460, сучасний аналог- CTH-490. Покоління відрізняються 10: 460, 470 і так далі.

Розмір графічного планшета

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

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

Коли ви працюєте на планшеті, його робоча область проектується на всю ширину монітора. Тому чим більше планшет, тим точніше ви можете наносити мазки. І навпаки, що більше монітор і що менше планшет, то складніше і дискомфортніше вам малюватиме. По досвіду можу сказати, що після переходу з розміру S на M під час роботи на 29-дюймовому ультраширокому моніторі, мені стало працювати комфортніше на 25-30%. Мені потрібно менше зусиль, щоб намалювати складний контур, в цілому взаємодія відчувається м'якшою та приємнішою.

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

Відмінності аматорських та професійних планшетів Wacom

Купуючи про-модель ви отримуєте бездротовий пристрій, виготовлений з більш якісного пластику з 2048 рівнями чутливості до натискання проти 1024 моделей подешевше, красивим дизайном, додатковими органами управління у вигляді кнопок і сенсорного кільця. Мене повністю влаштовують молодші застарілі моделі серії Bamboo, зняті з виробництва. Різниця за вартістю аматорської та про-версій складе більше двох разів. Таблиця розставить усе по поличках:

Налаштування Wacom Bamboo Pen & Touch M CTH-670

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

Список моделей	Посилання на драйвера
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 One CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL	Windows macOS
Bamboo Pen&Touch CTH-460/470/471/660/661/670 Bamboo Pen CTL-460/471	Windows macOS

Після підключення планшета та встановлення драйверів запускаємо програму Wacom Preferences, яке можна знайти за допомогою Windows (Win + S) або в панелі керування.

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

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

На наступній вкладці Penзнаходяться важливі параметри:

• Tip Feel- чутливість до натискання. Залишайте по центру. У процесі зрозумієте яка жорсткість вам до вподоби і налаштуєте до смаку;
• Tracking— режим відстеження положення стілусу. Встановлюємо Pen Mode– робоча область планшета розтягується на весь екран. Режим Mouseвикористовується як заміна миші;
• Інші настройки не такі важливі. Pen Buttonsдозволяє призначити дію на кнопки стілуса. Eraser Feel- чутливість гумки з зворотного бокуСтилус. Не використовую цю нагоду, тому що мені швидше перемикатися за допомогою гарячих клавіш.

У цій же вкладці у розділі Trackingнатискаємо кнопку Mapping..., щоб настроїти проектування робочої області планшета на екран монітора. Відкриється вікно Pen Mode Details.

В розділі Screen Areaобираємо Monitorякщо у вас кілька моніторів і вказуємо основний. Якщо монітор один, то залишаємо All Screens

.

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

Обов'язково ставимо галочку навпроти Use Windows Inkщоб працювала чутливість до натискання.

На наступній вкладці Touch Optionsзнімаємо галочку навпроти Enable touch input, щоб переключити планшет у звичайний режим.

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

Animate CC чи Flash Professional CC?

Adobe Animate CC – це ребрендинг Adobe Flash Professional CC, до програми додали кілька нововведень. Ще зі старою назвою здобула величезну популярність серед художників, аніматорів та розробників інді-ігор. Векторні принципи побудови дозволяють створювати спрайти для будь-якого дозволу. Для малювання підійде будь-яка версія, яку зможете дістати. Інструменти малювання не змінюються вже багато років, а лише трохи покращуються. Я використовуватиму Adobe Animate CC, але все написане буде застосовним і для старих версій Adobe Flash Professional. До речі, в Останнім часомкомпанія Adobe перейшла на модель помісячної підписки для отримання доступу до своїх продуктів замість дорогого одноразового ліцензування. Наразі ціна за використання Adobe Animate CC становить 20 доларів на місяць.

Перший запуск Adobe Animate CC

Після завантаження створюємо новий файл і вибираємо тип Action Script 3.0. У цьому вікні можна вказати параметри сцени:

• Widthі Height- Ширина і висота сцени в пікселях. Виставимо у 1920 x 1024, як дозвіл у сучасному моніторі чи смартфоні;
• Ruler units- Одиниці виміру, виставляємо пікселі;
• Frame rate- Кількість кадрів в секунду, залишаємо 24;
• Background color- Колір фону, виставляємо в сірий.

Ці налаштування можна змінити після створення документа. Для цього потрібно вибрати інструмент Selection Tool(Гаряча клавіша V), відкрити вікно Propertiesта розгорнути розділ Properties. Якщо ви не можете знайти це вікно, то скористайтесь меню Window → Propertiesабо поєднанням клавіш Ctrl+F3.

Налаштування гарячих клавіш

Щоб підвищити ефективність роботи, потрібно використовувати гарячі клавіші по максимуму. На перших етапах це вимагає звикання та запам'ятовування нових комбінацій клавіш, але надалі забезпечує солідний стрибок у вашій ефективності. Я перевизначив більшість гарячих клавіш таким чином, щоб вони знаходилися у правій стороні клавіатури. Чому саме у правій? Справа в тому, що я шульга і, відповідно, мені так зручніше. Якщо ви правша, то вам доведеться вигадати свою схему. Крім того, я використовую Rapoo E9050 і Apple Wireless Keyboard, які виконані у форм-факторі клавіатур для ноутбуків, тому якщо ви використовуєте повнорозмірну, то знову ж таки попрацюйте і придумайте свою схему - це окупиться масою зекономленого часу - а мою схему розгляньте, як приклад.

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

Команда	Опис	Старе поєднання	Нове поєднання
Select All	Вибрати все	Ctrl+A	Ctrl+A, O
Deselect All	Зняти виділення	Ctrl+Shift+A	Ctrl+Shift+A, P
Undo	Скасувати дію	Ctrl+Z	Ctrl+Z, [, Z
Redo	Повторити дію	Ctrl+Y	Ctrl + Y, ]
Zoom	Масштабування	Shift+Z, Z	Shift+Z, \
Zoom In	Збільшити зображення	Ctrl+=, Ctrl+Num=	Ctrl + =, Ctrl + Num =, =
Zoom Out	Зменшити зображення	Ctrl+=, Ctrl+Num=	Ctrl + -, Ctrl + Num -, -
Straighten	Випрямити виділені криві		9
Smooth	Згладити виділені криві		0
Flip Horizontal	Відобразити по горизонталі		F
Flip Vertical	Відобразити по вертикалі		Shift+F
Cut	Вирізати в буфер обміну	Ctrl+X	Ctrl+X, X
Duplicate Symbol...	Клонувати символ		Ctrl+D
Swap Symbol...	Змінити символ		Ctrl + ]

Найчастіше нові поєднання не замінюють старі, а доповнюють їх, вводиться кілька нових команд. Здійснити налаштування потрібно через меню Edit → Keyboard Shortcuts.... У полі для пошуку вводимо назву команди, у колонці Shortcutклацаємо на порожньому місці навпроти потрібної команди і натискаємо нове поєднання клавіш.

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

Налаштування пензля

Brush Tool(Гаряча клавіша B) - інструмент пензель, що найвикористовується при малюванні. Налаштування зосереджено у двох вікнах:

Налаштування пензля закінчено, давайте намалюємо щось.

Малюємо за допомогою пензля

Підберіть відповідний колір за допомогою вікна Color (Ctrl + Shift + F9), оберіть інструмент пензель (B) і почніть з одного довгого штриха з невеликим зусиллям, щоб окреслити майбутню фігуру. Далі обведіть отриманий контур, щоб згладити всі нерівності - пензлик готовий.

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

Adobe Animate CC працює на векторних принципах. Усі об'єкти описуються математично і можуть масштабуватися без втрати якості на відміну растрового підходу. Це дозволяє виконувати маніпуляції з векторними об'єктами, чого ми ніколи не зробимо з такою самою легкістю у растровому редакторі. Ми можемо згладжувати та спрощувати контури, вирівнювати криві лінії, змінювати пропорції та деформувати графічні об'єкти без втрати якості. Кожен штрих автоматично перетворюється на математичні криві, які ми можемо точно підганяти та змінювати.

Щоб переконатися у всьому сказаному вище, активуйте інструмент Subselection Tool(гаряча клавіша A) і виберіть щойно намальовану пензель. Тепер можна розглянути точки векторного контуру і навіть змінити їх.

Висновок

Сьогодні ми налаштували Adobe Animate CC та готові до початку малювання. Попрактикуйтеся трохи перед тим, як ми продовжимо. Навчіться малювати прості геометричні фігурибез спотворень, спробуйте різні кольори та налаштування пензля (поекспериментуйте з параметром Smoothing).

Схожі матеріали

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

У Flash CS5 є 5 різних інструментівдля створення простих форм: "прямокутник" (rectangle tool), "овал" (oval tool), "примітив прямокутника" (rectangle primitive), "примітив овалу" (oval primitive) та "багатокутник" (polystar tool). "Прямокутник" може створювати прямокутні та квадратні форми, а "овал" овальні та круглі.

Об'єкти, створені за допомогою інструментів малювання у Flash: "прямокутник", "овал" та "багатокутник" складаються із заливки та контуру.

Flash CS5 пропонує два режими малювання: Merge Drawing model (злите малювання) та Object Drawing model (об'єктне малювання). У разі злитого малювання, контур та заливка будь-якого об'єкта, після його створення, існуватимуть окремо один від одного. Якщо Ви, наприклад, перемістите контур, заливка залишиться на місці. Крім того, всі об'єкти, що знаходяться на одному шарі, будуть діяти один з одним. Якщо Ви помістите один об'єкт поверх іншого, а потім приберете нижній убік, то від нього буде "відрізано" область перетину з верхнім об'єктом.

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

Для створення багатокутників та форм типу "зірка" використовуйте інструмент "багатокутник" (polystar tool).

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

Малювання у Flash форм

Виберіть інструмент для малювання форм.

Клацніть на інструменті прямокутник (rectangle tool), щоб намалювати прямокутник або квадрат.

Клацніть на "овал" (oval), щоб намалювати овал або коло.

Клацніть на "примітив прямокутника" (rectangle primitive), щоб намалювати прямокутник у режимі об'єднання контуру та заливки.

Клацніть на "примітив овалу" (oval primitive), щоб намалювати овал у режимі об'єднання контуру та заливки.

Клацніть на багатокутник (polystar tool) щоб намалювати багатокутник.
Зауважте, що Flash CS5 завжди показує активну кнопку того інструмента, яким Ви користувалися останнім.

Клацніть на інструменті "Колір контуру" (stroke color).

Виберіть колір.

Клацніть на інструменті "колір заливки" (fill color).

Виберіть колір.

У будь-якому місці сцени (Stage) клацніть кнопкою миші та не відпускаючи її потягніть. Відпустіть кнопку.

Ви створили фігуру.

додаткова інформація

Для того щоб під час малювання у Flash створити прямокутник або овал з точними розмірами, необхідно викликати діалогове вікно "розміри прямокутника" (rectangle settings) або "розміри овалу" (oval settings). У вікні "розміри прямокутника" можна задати радіус заокруглення кута, якщо Вам потрібен прямокутник із закругленими кутами. Щоб відкрити це діалогове вікно, натисніть клавішу Alt і клацніть у будь-якому місці на сцені (Stage). Відкриється діалогове вікно. Введіть у відповідні поля ширину, висоту та радіус, там де це застосовно. Натисніть OK. Flash помістить створений прямокутник або овал у місце на сцені, де Ви клацнули.

Інструмент "примітив прямокутника" (rectangle primitive) малює прямокутник з невеликими точками в кутах для малювання прямокутників із округленими кутами. Використовуючи інструмент "Виділення" (selection tool) Ви можете клацнути на одній з цих точок і потягнути, округляючи кут.

У випадку з овалом, де також є такі точки, Ви видалите певний сектор у ньому.

Будь ласка, увімкніть JavaScript, щоб побачити коментарі.

І знаєте цю програму. Тепер поговоримо про те, як у цій програмі робити зображення. Спочатку розберемося з .

Colors (кольори)

Для вибору кольору лінії та заливки призначена область у середині панелі інструментів під назвою Colors. Значок із зображенням олівця та іконка вибору кольору у першому ряду цієї області визначають колір лінії ( Stroke colors), а значок із зображенням перекинутого відра та іконка вибору кольору у другій лінії визначають колір заливки ( Fill color ).

Line (лінія)

Інструмент Lineслужить щодо прямих ліній. Виберіть цей інструмент, натисніть курсором у робочій області там, де буде початкова точка лінії, а потім, не відпускаючи клавішу миші, тягніть курсор туди, де буде кінцева точка лінії. Якщо потрібно провести лінію під кутом, кратним 45 градусів, натисніть на кнопку Shift. Кольори створюваних ліній визначаються кольором інструменту Stroke color .

Oval (овал) та Rectangle (прямокутник)

Вибираєте точку, що відповідає куту прямокутника або уявного прямокутника, в який вписаний овал, і простягаєте, при натиснутій кнопці миші, курсор по діагоналі цього прямокутника. Колір лінії та заливки відповідає вибраним кольорам Stroke colorsі Fill color .

Прямокутник може мати радіус заокруглення на кутах. Для заокруглення необхідно натиснути у властивостях прямокутника (в нижній частині панелі інструментів) на іконку з радіусом ( Set Corner Radius), і вибрати значення радіусу.

також в Macromedia Flash Professional 8можна створювати правильні кола та квадрати, якщо натиснути кнопку Shiftпри протягуванні. При створенні овалу або прямокутника з'являються два пов'язані графічні елементи, які можна виділяти та редагувати окремо.

Selection (виділення)

Використовується в програмі Macromedia Flash Professionalдля виділення та зміни графіки. Виділені елементи графіки відображаються точковим малюнком.

Властивості інструменту Selection

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

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

Straighten(Спрямлення) викликає появу у виділеній області більш спрямованих кривих. При повторному виборі криві продовжують спрямовуватись.

Відео про те, як малювати у програмі Macromedia Flash Professional 8

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

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