Уроки флеш анимации. Изучаем Macromedia Flash Уроки flash анимации для начинающих

Adobe Flash Professional - большая многофункциональная программа, сложная в изучении и применении.

Adobe, по своей неизменной привычке, мало заботится о том, чтобы упростить свои программы. Если другие программисты ради простоты отбрасывают все промежуточные варианты, то в Adobe не пропадает ничего. Все промежуточные варианты работы над программой будут включены в окончательный вариант в виде какой нибудь кнопочки, панели или строки в меню. Как результат - вес программ (в Мб) разрастается и программа становится переусложненной. Кроме того, многие инструменты полностью или частично дублируют друг друга.

Не стала исключением из этого правила и Adobe Flash Professional. В программе имеются три разных режима рисования, три разных режима создания мультипликации и много других запутывающих особенностей, которые способны отпугнуть от программы потенциальных пользователей.

Примечание : Авторы Adobe Flash Professional несколько упростили последние версии программы - ликвидированы такие функции как создание классической анимации движения , нет Редактора движения , используется только один язык программирования ActionScript 3.0 и др.

Настройки программы

Программа Adobe Flash Professional настроена по умолчанию, но Вы можете при необходимости изменить эти настройки.

В меню Правка (Edit) выберите Настройки - Preferences (Windows) или Flash > Preferences (Mac OS).
Из множества настроек ВЫ можете отключить экран "Добро пожаловать" (Welcome Screen) - No Document.
В последних версиях программы можно выбрать цвет окна программы (вкладка "Общие" - Интерфейс пользователя - Темный, светлый).
Можно изменить количество возможных отмен опереаций ("Отменить" - Undo) - по умолчанию 100.
Flash поддерживает до 9999 отмен, но не нужно выбирать максимум, т.к. это затормозит работу программы.

Highlight colors (Цвет подсветки) - Вы можете изменить цвета значения по умолчанию, используемые для отображенных ограничивающих прямоугольников вокруг рисунка объектов, групп или символов.

И другое.

Создание нового документа

Вы можете создать и открыть документы, используя экран "Добро пожаловать" (Welcome Screen) или меню Файл (File).
Экран "Добро пожаловать" - стартовая площадка для создания и открытия файлов, включая встроенные типовые шаблоны мультипликации Flash, баннеров, анимации для мобильных телефонов.

В столбце Create New окна "Добро пожаловать" выберите ActionScript 3.0.

Или: в меню Файл (File) выберите Создать (New).
Откроется окно "Создать документ" (New Document).

На вкладке Общие выберите тип создаваемого файла Flash (ActionScript 2.0 или 3.0).
По умолчанию выбран язык ActionScript 2.0, но Вы можете выбрать и ActionScript 3.0. Применение ActionScript 3.0 позволяет использовать все функции программы последних версий (CS5 и CS6). Например, если Вы хотите при создании мультипликации применить 3D- вращение к объектам, то нужно выбирать ActionScript 3.0 (ActionScript 2.0 эту функцию не поддерживает).
ActionScript 3.0 также требует, чтобы у посетителей стояли последние версии проигрывателя Flash.

Примечания :
В последних версиях программы
1. Применение ActionScript 2.0 не предусмотрено.
2. Есть возможность создания анимации в формате HTML5.

На вкладке Создать по шаблону Вы можете выбрать шаблон, чтобы открыть его для редактирования.

Вы можете всегда изменить свойства своего проекта - в меню Модификация (Modify) выберите Документ (Document), или используйте комбинацию клавиш Ctrl+J (Windows) или Command+J (Mac OS).

В разделе Dimensions (Размеры) установить ширину и высоту Вашего кино в пикселях.
В разделе Ruler units устанавливаются единицы измерения линейки - сантиметры. мм, пиксели и др. Обычно единица измерения линеек - пиксели.
В разделе Background Color выбирается цвет фона мультипликации.
В разделе Frame rate устанавливается скорость - кадры в секунду. Обычно принимают скорость по умолчанию - 24 кадра в секунду.
Опция Auto-Save - установка периодичности автосохранения Вашей работы.
Опция Printer заставляет Ваш новый документ соответствовать формату бумаги Вашего принтера.

Сохранение документа

Ваш новый документ должен быть сохранен прежде, чем начать любую работу или добавить любое содержание.

По умолчанию, документы сохраняются в формате Flash CS6 - .fla
1 В меню Файл (File) выберите Сохранить (Save).
2 Выберите папку для сохранения проекта. дайте проекту свое название.
Всегда включайте расширение.fla в конце названия проекта.

Примечание : Вы можете сохранить проект в формате Flash CS5 (в последних версиях программы этой возможности нет).
Документы, созданные в Flash CS6, не будут открываться в Flash CS5 или более ранних версиях.
Документы, созданные во Flash CS5 и ранее, будут открываться во Flash CS6.

Открытие документа

Выберите меню Файл (File) > Открыть (Open)
Команда File > Open Recent - для открытия последних 10 файлов.
Для открытия документов можно также использовать экран "Добро пожаловать".

При установке на Ваш компьютер Adobe Flash Professional одновременно будет установлен и файловый менеджер Adobe Bridge , который можно использовать при работе с файлами.
В меню Файл (File) выберите Просмотр в Bridge или Перейти к программе Bridge (Browse in Bridge).
Выберите файл формата.fla в Adobe Bridge . При двойном щелчке по файлу он открывается в Adobe Flash.

Настройка интерфейса
При необходимости настройте рабочее пространство -

Создание мультипликации

Шаблоны
Adobe Flash включает множество типовых шаблонов.
В шаблонах заранее установлены размеры и версия ActionScript.
Выберите меню File > New и нажмите на вкладку Templates (Шаблоны).
Рассмотрите включенные flash-шаблоны.

Рисование
Adobe Flash Professional имеет встроенный графический редактор векторных изображений, которые используются при создании мультипликации.

В Adobe Flash существует несколько режимов рисования, работа в которых имеет свои отличия - см. Режимы рисования

Ознакомьтесь в набором инструментов для рисования, которыми располагает Adobe Flash - см. Панель инструментов .
Не представляет особого труда создать такие простые объекты, как прямоугольник (квадрат), эллипс (круг), линию.
Для создания более сложных объектов придется ознакомиться со всей функциональностью программы в области рисования - см. Рисование .

Для создания покадровой рисованной мультипликации Вам придется использовать графический планшет для рисования, т.к. без этого крайне трудно создать качественную мультипликацию.
О графических планшетах

Создание простой мультипликации

В Adobe Flash существует два основных способа создания мультипликации - покадровая мультипликация и мультипликация плавных изменений (tweens). В свою очередь мультипликация tweens имеет несколько разновидностей - .

При любом способе создания мультипликации Вам нужно изучить работу
Временой шкалы (Графика времени). Если Вы разберетесь с работой Временой шкалы - считайте, что половина дела по изучению программы сделана.
Особенно нужно обратить внимание на работу со слоями и на работу с кадрами .

Освоив все вышеперечисленное, Вы уже сможете создавать Flash-элементы (например - баннеры. слайды и пр.) для вставки на свои html-страницы.

Вы можете создать все элементы для своей мультипликации в Adobe Flash Professional. Или Вы можете импортировать элементы, созданные в Adobe Illustrator , Adobe Photoshop , Adobe After Effects идр. программах.

Другая половина успеха при освоении Adobe Flash Professional - изучить язык ActionScript 3.0. В этом случае Вы сможете использовать всю функциональность программы, в том числе создавать интерактивные Flash-сайты.
Как неполноценная альтернатива - использование отрывков кода, которые идут с программой (меню Окно (Windows) - Фрагменты кода ).

Данный обзор не содержит обучающих материалов по ActionScript, но такие материалы имеются в Интернете.

Управление Flash - мультипликацией

Если Вы хотите создавать что-то более сложное, чем простые анимированные баннеры или слайды, Вам потребуется:
а. Научиться создавать кнопки
б. Научиться использовать код ActionScript.

Кнопки (графические или текстовые) нужны, чтобы посетитель Вашего сайта мог управлять мультипликацией - см. Кнопки .

Анимация в Adobe Flash создается с использованием кода ActionScript. Более ранние версии программы использовали версию ActionScript 2.0, в последних версиях используется ActionScript 3.0. Эти версии имеют серьезные отличия и совместимы частично.

Вам не придется при создании flash-анимации вручную писать код, т.к. в Adobe Flash основная работа ведется в визуальном режиме. Однако в некоторых случаях требуется вставка кода ActionScript. При этом можно использовать отрывки кода, которые идут с программой, или писать код самостоятельно.

Код ActionScript используется, чтобы придать кнопкам навигации правильные действия - переход к определенному кадру мультипликации или к определенной странице сайта, для управления и синхронизации звука и изображения и для многого другого.

Для краткого знакомства с ActionScript см. ActionScript .

Создание flash - сайта

Предварительный просмотр

Местный просмотр

Вы можете быстро анонсировать свою мультипликацию, передвигая красный движок (playhead) взад и вперед на Шкале кадров (см. Временная шкала ).

Чтобы посмотреть, как мультпликация будет выглядеть в Интернете (т.е. со всеми вложенными мультипликациями), выберите меню Управление (Control) > Тестировать ролик (Test Movie) > в Flash Professional (in Flash Professional).
При этом созданная мультипликация просматривается во встроенном проигрывателе Flash (Flash Player).

Для тестирования Flash для мобильных телефонов используйте меню Управление (Control) > Тестировать ролик (Test Movie) > in Device Central .

Публикация

При публикации редактор создает файлы HTML, файл SWF и другие файлы, необходимые для нормальной работы Flash.
Для настроек публикации в меню Файл (File) выберите Параметры публикации (Publish Settings).
Для публикации в меню Файл (File) выберите Опубликовать .

См. дополнительно.

Назначение и структура программы Flash

В последнее время программа Flash стала модной. Многие полагают, что Flash - это новый продукт, однако это не так. Еще в 1995 году появилась небольшая программа Future Splash Animator для векторной анимации Web-графики, а два года спустя, в 1997 году, компания Macromedia приобрела ее и начала развивать продукт под новым названием Flash.

Сегодня Flash это универсальное интегрированное приложение, которое объединяет редактор для графики и звука, средство для анимации и позволяет создавать уникальные интерактивные мультимедиапродукты. С помощью Flash можно делать экономичную яркую анимацию для Web, интерактивные формы, игры, интерактивные презентации и многое другое. Владение Flash полезно не только Web-дизайнерам, но и учителям, художникам и многим другим, кто хочет выразить свои идеи языком анимации. Сегодня для этого не нужна специальная студия достаточно персонального компьютера, программы Flash и немного терпения.

Основные элементы рабочей среды Flash

Прежде чем приступить к описанию инструментов рисования, нужно рассказать об элементах интерфейса. Оговоримся, что не станем обрушивать на читателя сразу всю информацию об интерфейсе и заставлять запоминать все детали. Мы будем сообщать об интерфейсе программы ровно столько, чтобы можно было выполнить текущий урок. В каждом уроке мы будем разбирать новые элементы интерфейса, объясняя их назначение на конкретных примерах.

При первом запуске программы вы увидите примерно такую картинку, как показано на рис. 1.

Рис. 1. Основные элементы интерфейса программы Flash 5.0

Каждому вновь открытому файлу соответствует свой рабочий стол. На рабочем столе находится кадр, или сцена (Stage), - прямоугольная область на экране, в которой воспроизводится Flash-фильм.

Для рисования на рабочем столе предназначены инструменты рисования (см. панель инструментов на рис. 1). Именно о них мы и поговорим прежде всего.

Создание любой анимации начинается с отрисовки статических изображений. Быстрая смена одного изображения другим, в результате которой создается впечатление движения изображения, и есть анимация. Для контроля длительности показа изображений (управления анимацией) служит временная шкала, или монтажная линейка (Timeline).

На рис. 1 представлены также плавающие панели (floating, dockable panels) панели, предназначенные для настройки рабочей среды Flash. Итак, рассмотрим основные инструменты рисования во Flash.

Рисование

Контур, обводка, заливка

Прежде чем вы начнете работать с инструментами рисования, следует ввести понятия контура, обводки и заливки. Рассмотрим их на простом примере.

Выберите инструмент редактирования Oval (Овал) на панели инструментов (рис. 2) и нарисуйте овал. Фигура автоматически будет залита цветом. (Если при рисовании овала удерживать клавишу Shift, то рисуемая фигура будет иметь форму окружности.)

Рис. 2. Рисунок состоит из контура, обводки контура и заливки

Рисунок состоит из контура, обводки контура и заливки (рис. 2). Для того чтобы выделить контур фигуры, щелкните мышью по кнопке, показанной на рис. 3 красной стрелкой. В результате линия обводки и заливка пропадут, останется только контур - (рис. 4).

Рис. 3. Кнопка удаления заливки и обводки

Рис. 4. Удалив заливку и обводку, получаем контурную линию

служебная линия (не отображающаяся при печати). Повторное нажатие кнопки, показанной на рис. 3, возвращает удаленные элементы. Цвет обводки контура и заливки легко поменять. Цвет заливки меняется с помощью кнопки выбора цвета заливки Fill color (рис. 5). После того как вы выберете в палитре (рис. 5) новый цвет, нарисованная фигура не изменится, но при рисовании нового эллипса, контур будет заливаться только что выбранным цветом.

Рис. 5. Инструменты выбора цвета для заливки и линии обводки

Для того чтобы изменить цвет заливки в текущей фигуре, необходимо выбрать новый цвет и воспользоваться инструментом Paint Bucket (Ковш заливки) - он выделен на рис. 6.

Рис. 6. Цвет заливки в нарисованной фигуре можно изменить с помощью инструмента Paint Bucket

Цвет обводки тоже можно поменять. Для этого необходимо выбрать инструмент Stroke color (Изменение цвета обводки) - на рис. 7 на него указывает красная стрелка. После этого откроется палитра, в которой можно выбрать необходимый цвет, затем нужно выбрать инструмент Ink Bottle Tool (он выделен на рис. 7) и щелкнуть им по линии обводки. В результате она зальется выбранным цветом.

Рис. 7. Изменение цвета линии обводки

На рис. 6 нарисованный нами овал показан в большем масштабе. Изменение масштаба, кстати, задается так же, как и в Photoshop, путем использования комбинации клавиш Ctrl и «+» или Ctrl и «-».

Толщину и стиль линий обводки также можно менять. Для этого необходимо по команде Window > Panels > Stroke вызвать панель Stroke. В ней можно настроить стиль линии обводки, ее толщину и цвет (рис. 8).

Рис. 8. Из меню панели Stroke можно изменить параметры линии обводки

Если выбрать стиль линии Hardline (рис. 8) и применить инструмент Ink Bottle Tool, то получим линию в один пиксел. Линия Hardline не имеет толщины, поэтому в окошке толщины линий значение не появляется. Толщину других линий, например пунктирной линии, можно изменять (рис. 9).

Рис. 9. Пример изменения типа и толщины линии обводки

Более тонкая настройка параметров линии производится на панели Line Style (Стиль линии). Вызвать ее можно нажав на кнопку, указанную красной стрелкой на рис. 10. В панели Line Style можно, например, изменить длину штриха и расстояние между штрихами пунктирной линии. Если на рис. 8 были приняты значения по умолчанию - 6 пунктов для штриха и расстояния между штрихами, то, выбрав соответственно значения 10 и 12 пунктов и вновь применив инструмент Ink Bottle Tool, можно получить обводку, как на рис. 10.

Рис. 10. Тонкая настройка параметров линии

Итак, мы рассмотрели основные понятия - контур, заливка и линия обводки - на примере рисования овала. Теперь поговорим непосредственно об инструментах рисования.

Инструмент Rectangle

Инструмент Rectangle (Прямоугольник) расположен рядом с инструментом Oval (рис. 11).

Помимо традиционного прямоугольника можно рисовать прямоугольники со скругленными краями. Для того чтобы задать такой режим, выберите иконку, на которую на рис. 11 указывает красная стрелка. В результате появится панель Rectangle Settings, где вы определяете радиус скругления, после чего при рисовании прямоугольника углы будут скругляться. Редактирование заливки и обводки контура прямоугольника производится так же, как и в случае с овалом.

Рис. 11. Работа с инструментом Rectangle

Инструмент Line

Инструмент Line (Линия) позволяет проводить прямые линии (рис. 12). При удерживании клавиши Shift можно проводить вертикальные, горизонтальные линии или линии под углом 45°.

Рис. 12. Работа с инструментом Line

В ряде случаев, если вам, например, необходимо нарисовать равнобедренный треугольник, полезно воспользоваться сеткой. Сделать видимыми линии сетки можно по команде View > Grid > Show Grid (рис. 13).

Рис. 13. При рисовании правильных геометрических фигур можно воспользоваться сеткой

Инструмент Pencil

Рис. 14. Результат работы с инструментом Pencil при различных настройках (верхний ряд треугольников - режим Straighten, нижний - Ink)

Инструмент Pencil (Карандаш) расположен под инструментом Oval. На рис. 14 показан результат работы с карандашом при разных вариантах его настройки, которых всего предлагается три. При варианте настройки Straighten инструмент превращает дрожащие линии контура, проведенного от руки, в прямые, при варианте настройки Smooth - сглаживает линии, а в режиме Ink - практически не меняет исходный контур.

Редактирование линий, инструменты Arrow и Subselect

Для того чтобы рассказать о том, как функционирует инструмент Arrow, следует более подробно рассмотреть структуру контурной линии.

Проведем линию с помощью инструмента Pencil, как показано на рис. 15. Она состоит из контура и обводки линии.

Рис. 15. С помощью инструмента Subselect можно выделить опорные точки и сегменты контурной линии

Рис. 16. Пример перемещения угловой точки

Рис. 17. Пример изменения кривизны контура

Рис. 18. Линия обводки следует за линией контура

До сих пор, говоря о контуре, мы не упоминали о его структуре. Для того чтобы пояснить структуру контурной линии, воспользуемся инструментом Subselect (Частичное выделение), активизированном на рис. 15, и щелкнем им по контуру линии. В результате мы увидим, что контурная линия состоит из сегментов и опорных точек (рис. 15). При использовании инструмента Pencil сегменты и опорные точки создаются автоматически. Когда мы редактируем линию контура, автоматически меняется линия обводки. Покажем, как можно редактировать линию контура с помощью инструмента Arrow (Стрелка) - он выделен на рис. 16.

Опорные точки бывают угловые и гладкие. Когда мы подводим инструмент Arrow к линии, его вид меняется. При приближении его к угловой точке рядом с изображением стрелочки появится угол - в этом режиме можно перемещать угловые точки (рис. 16), а при приближении к сегменту или к гладкой точке - изображение дуги - в этом режиме можно менять кривизну контура (рис. 17). При изменении контурной линии линия обводки следует за линией контура (рис. 18).

Нарисуйте эллипс и с помощью инструмента Arrow выделите его заливку одним щелчком мыши (цвет выделенной заливки будет осветлен белыми точками) и переместите ее в режиме drag-and-drop, как показано на рис. 19. Если вы используете двойной щелчок, то будет выделяться также прилегающая к заливке линия обводки. Двойной щелчок позволяет также выделять пересекающиеся линии.

Рис. 19. Пример перемещения выделенного объекта инструментом Arrow

Рис. 20. Исходное изображение

Рассмотрим другие виды модификации выделенного изображения. Нарисуйте с помощью инструмента Pencil некий контур, например листок (рис. 20). Выберите инструмент Arrow и выделите нарисованный листок в прямоугольную рамку. Теперь вы можете обрабатывать выделенный объект доступными модификаторами.

На панели Options выберите кнопку Smooth и щелкните на ней несколько раз - контур листка приобретет более плавные очертания (рис. 21а).

Рис. 21. Использование модификаторов с панели Options: а) Smooth позволяет сгладить контуры изображения; б) Strighten дает возможность спрямить контуры изображения

Изменения контура после нескольких щелчков по кнопке Strighten показаны на рис. 21б.

Используя инструмент Lasso, можно выделить область произвольной формы (рис. 22).

Рис. 22. Пример выделения с помощью инструмента Lasso

Инструмент Brush

Рис. 23. Пример работы с инструментом Brush

Инструмент Brush (Кисть) создает векторный контур и его заливку выбранным цветом, но, в отличие рассмотренных ранее инструментов, не образует линию обводки (рис. 23). Для того чтобы понять, какой контур создает инструмент Brush, посмотрите на рис. 24, где использован инструмент Subselect.

Рис. 24. Пример контурной линии, созданной инструментом Brush

Рис. 25. Варианты настройки инструмента Brush

На панели Options предусмотрены три варианта настройки инструмента Brush: режимы (верхняя кнопка), размеры кисти (средняя кнопка) и форма кисти (нижняя кнопка) (рис. 25).

Режимы определяют характер взаимодействия проводимой линии с уже нарисованным объектом (рис. 26). Как видно из рисунка при проведении однотипных горизонтальных линий в разных режимах, закрашивание происходит по-разному:

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

Paint Fills закрашивается пространство кадра и заливка закрашиваемого объекта. Линия обводки не закрашивается;

Paint Behind закрашивается только свободное пространство кадра;

Paint Selection закрашивается только выделенная область;

Paint Inside закрашивается только заливка, с которой было начато закрашивание.

Рис. 26. Разные режимы взаимодействия мазков кисти с нарисованным ранее объектом

Следует пояснить действие параметра Lock Fill (Блокировка заливки) - соответствующая данной команде кнопка с пиктограммой замка показана нажатой на рис. 27.

Рис. 27. Пример действия параметра Lock Fill

Когда параметр Lock Fill активизирован (кнопка нажата), градиент относится ко всему рабочему полю (рис. 27), а когда не активизирован - переход от одного цвета к другому осуществляется на базе мазка кисти (рис. 28).

Рис. 28. Параметр Lock Fill не активизирован

Ластик

Ластик позволяет стирать линии и заливку и имеет ряд различных настроек. В панели Options можно настроить размер и форму ластика, а также выбрать режим стирания (рис. 29):

Erase Normal стирается линия обводки и заливка объекта;

Erase Fills стирается заливка объекта (линия обводки не стирается);

Erase Lines стираются только линии;

Erase Selected Fills стирается только выделенная область.

Erase Inside стирается только заливка, причем при проведении ластиком линии стирание производится только внутри контура, в котором была начата линия.

Модификатор Faucet (Кран) позволяет удалять полностью заливку или линию.

Рис. 29. Разные режимы действия ластика

Инструмент Pen

До сих пор мы рассматривали инструменты, которые автоматически создавали контуры. Инструмент Pen (Перо) позволяет непосредственно работать с контурами. С его помощью можно создавать прямые и изогнутые сегменты, регулировать длину прямых и наклон изогнутых сегментов.

Линейная опорная точка

Выберите инструмент Pen, щелкните мышью (вы поставили первую опорную точку), переместите курсор, щелкните мышью (это вторая опорная точка). В результате получится ломаная, как на рис. 30. Опорные точки, показанные на рис. 30, называются линейными, так как сходящиеся в них сегменты - линейные. Линейная точка не имеет направляющих.

Рис. 30. Пример построения ломаной линии с помощью инструмента Pen

Гладкая опорная точка

Рис. 31. Пример построения гладкой кривой с помощью инструмента Pen

Для того чтобы поставить гладкую опорную точку, выберите инструмент Pen, нажмите левую кнопку мыши и, не отпуская ее, слегка переместите мышь, в результате появятся гладкая опорная точка и выходящая из нее направляющая линия (рис. 31). Поворачивая и удлиняя направляющую линию, можно менять кривизну очередного сегмента.

Для создания незамкнутого контура необходимо выполнить двойной щелчок мышью по последней точке. Отпустив клавишу мыши, переместите курсор и поставьте следующую опорную точку; повторяя эту процедуру, можно получить гладкую линию, как на рис. 31.

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

Если в точке соединяются два независимых сегмента, то она является угловой. Например, если соединить прямолинейный и криволинейный сегменты, то на их пересечении появится угловая точка (рис. 32).

Рис. 32. На пересечении прямолинейного и криволинейного сегментов образуется угловая точка

Узловые точки можно преобразовывать, перемещать и удалять.

Для преобразования угловой точки в гладкую выберите инструмент Subselection. Щелкните мышью по угловой точке и, удерживая клавишу Alt, перетащите точку - она станет гладкой, и появится направляющая линия, позволяющая менять кривизну сегментов, соединяющихся в данной гладкой точке (рис. 33).

Рис. 33. Пример преобразования угловой точки в гладкую

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

Использование инструментов Pen и Subselection для работы с опорными точками

Аналогично можно создавать точки на линиях, проведенных другими инструментами рисования Flash: Pencil, Brush, Line, Oval, Rectangle, и регулировать эти линии.

В частности, на рис. 34 показан контур, полученный с помощью инструмента Oval путем превращения одной гладкой точки в угловую (с помощью инструмента Pen) и перетаскивания угловой точки посредством инструмента Subselection.

Рис. 34. Контур, полученный с помощью инструмента Oval путем превращения одной гладких точек в угловую и перетаскивания ее

Инструмент Dropper

Инструмент Dropper (Пипетка) служит для копирования цвета и стиля карандашных линий, режима кисти и заливок. Когда вы подводите пипетку к линии, вид курсора меняется - под пипеткой появляется мини-пиктограмма карандаша. При щелчке пипеткой по линии копируются все параметры линии (цвет, толщина, стиль) и пипетка заменяется на инструмент Ink Bottle, который позволяет применить все эти настройки для другой линии.

Аналогично, когда курсор находится над заливкой, под пипеткой появляется изображение ковша, а когда курсор находится над мазком кисти - под пипеткой появляется изображение кисти. Данные пиктограммы показывают, какие атрибуты вы копируете инструментом Dropper.

Инструмент Paint Bucket

Мы уже упоминали инструмент Paint Bucket (Ковш заливки) - он выделен на рис. 35, теперь рассмотрим его возможности подробнее. Этот инструмент применяется для заливки замкнутых (и не полностью замкнутых) областей цветом, градиентной и растровой заливкой.

Если вы работали с заливкой растровых изображений в программе Photoshop, то, вероятно, вам знакома ситуация, когда заливка «выливается» за край не очень аккуратно прорисованных контуров в тех местах, где есть «дырки». Во Flash возможны несколько режимов настройки инструмента заливки, позволяющие избежать вышеописанного дефекта.

Возможны четыре варианта настройки этого инструмента:

Don’t Close Gaps не закрывать промежутки;

Close Small Gaps закрывать маленькие промежутки;

Close Medium Gaps закрывать средние промежутки;

Close Large Gaps закрывать большие промежутки.

Выберите инструмент Pencil и нарисуйте незамкнутый контур (рис. 35). Выберите режим Close Large Gaps и залейте контур. Как видно из рис. 35, заливка остается внутри контура, даже несмотря на то, что изначальный контур был незамкнутым.

Рис. 35. Пример замыкания контура в режиме Close Large Gaps

А теперь рассмотрим градиентную заливку и операции с ней. В панели Fill выберите во вкладке Fill вариант заполнения - Linear Gradient (Линейный градиент). Затем нарисуйте прямоугольник, заполните его линейной заливкой с линейным градиентом, а внутри большого прямоугольника нарисуйте прямоугольник поменьше (рис. 36). Как видно на этом рисунке, в малом прямоугольнике переход от белого к синему реализуется на меньшем градиенте. Если же применить функцию Lock Fill и выполнить заливку обоих прямоугольников, то получится картинка, как на рис. 37. То есть градиент во внутреннем и внешнем прямоугольнике будет одинаковым.

Рис. 36. Градиентная заливка в режиме, когда параметр Lock Fill не активизирован

Рис. 37. Градиентная заливка в режиме, когда параметр Lock Fill активизирован

Для того чтобы поменять направление градиента заливки, необходимо в панели Options щелкнуть на кнопке Transform Fill (она нажата на рис. 38), а после этого - на заливке, в результате появятся маркеры (рис. 38).

Рис. 38. Пример модификации градиентной заливки

Верхний круглый маркер служит для вращения градиентной заливки, прямоугольный - для увеличения (уменьшения) градиента перехода от одного цвета к другому, а центральный круглый - для перемещения центра градиентного заполнения.

Инструмент Paint Bucket позволяет также заливать замкнутый контур и растровым изображением. Продемонстрируем, как выполняется данная процедура на простом примере. Нарисуйте при помощи инструмента Rectangle изображение монитора, в экран которого будет вставляться растровое изображение (рис. 39).

Рис. 39. Векторное изображение монитора, в которое будет помещаться растровое изображение фотографии

Затем импортируйте растровое изображение, которым и будет заливаться экран. Можно импортировать растровое изображение, выполнив команду File > Import и выбрав необходимый файл. Далее перейдите в панель Fill (Заливка) и поменяйте способ заливки на растровый - Bitmap (рис. 40).

Рис. 40. Панель Fill, вкладка Fill

Таким образом, если заливать замкнутый контур внутри нарисованного экрана монитора, то будет выполнена заливка растром, как показано на рис. 41.

Рис. 41. Пример заливки растром

Для того чтобы редактировать растровую заливку, необходимо в панели Options щелкнуть на кнопке Transform Fill (она нажата на рис. 42), а после этого - на растровой заливке, в результате появится рамка с маркерами (рис. 42).

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

Рис. 42. Рамка модификации растровой заливки

Рис. 43. Перемещая центральный маркер, можно кадрировать растровое изображение

Другие маркеры позволяют масштабировать растровое изображение, поворачивать его и деформировать (рис. 44).

Рис. 44. Пример деформации растровой заливки

Импортировав несколько фотографий, вы можете настроить палитру, из которой можно выбирать растр для заливки (рис. 45), так же, как и цветовую палитру.

Рис. 45. Пример палитры с несколькими растровыми изображениями

Сложение и вычитание фигур

Когда две фигуры накладываются одна на другую, Flash либо объединяет, либо сегментирует их. Нарисуйте две одноцветные фигуры - круг и прямоугольник (рис. 46), выделите прямоугольник (щелкнув по нему инструментом Arrow), а затем наложите прямоугольник на круг и уберите с него выделение (щелкнув повторно по нему инструментом Arrow).

Рис. 46. Исходные фигуры

В результате произойдет объединение двух фигур в одну. Щелкнув по контуру полученной фигуры инструментом Subselect, можно убедиться, что внутренний контур исчез (рис. 47).

Рис. 47. Пример объединения двух одноцветных фигур

Теперь проделайте ту же процедуру с фигурами разного цвета. В этом случае внутренняя граница не исчезнет (рис. 48).

Рис. 48. При наложении фигур разного цвета внутренний контур не исчезает

Теперь если выделить прямоугольник и переместить его с помощью инструмента Arrow, то из круга будет вырезана часть, как показано на рис. 49.

Рис. 49. Часть круга вырезана прямоугольником

Иногда для получения сложного контура полезно использовать объединение и вычитание контуров фигур.

В последнее время все чаще и чаще через сайт приходят письма с вопросами, с чего начать изучение флеш. Опубликую несколько, думаю, для многих начинающих будет интересно. Ответы - исключительно мое видение и мой опыт, что совершенно не означает, что если вы сделаете по-другому, то ничего не получится. Кому интересно, читаем ниже (орфография и грамматика сообщений сохранена). А если вы не новичок, то вам однозначно будет скучно и нудно это читать:)

« привет)) меня зовут Nico, я с Таджикистана и вот у меня появилось огромное желание стать флеш аниматором но вот только не знаю с чего начать, нашел ваш сайт тут много полезного но для меня начинающего они еще трудные. пожалуйста посоветуйте мне с чего начать обучение флеш аниматорства)) буду очень благодарен . и как вы рисуете напишите, стоит мне мне покупать ваком бамбоо пен и на нем учиться рисовать»

Нико, у вас есть главное – желание. Если оно не испариться через пару неделек-месяцев, то результат будет. С чего начать – с матчасти.

1.Купите/скачайте с сети учебник-самоучитель по флеш. Берите одну из последних версий (Flash Cs4-Cs 6), забудьте про учебники по Макромедии, FlashMX , это уже прошлый век в прямом смысле. Хотя многое с тех времен не изменилось во флеше.

Если планируете изучение Action script (а для флешера знать хотя бы основы as, я считаю, просто необходимо) – остановитесь на c As3. As2 потихоньку уходит в прошлое, будем шагать в ногу со временем.

Поскольку флеш я изучала давно, то не могу советовать какие-то определенные издания, потому что не знакома с ними.

Вы, наверное, сильно удивитесь, но все книжки по изучению флеш содержат одну и ту же информацию:) Особенно это касается книжек для новичков.

Очень мне нравились книжки How to Cheat in Adobe Flash на английском от флеш-аниматора Chris Georgenes (он пишет уроки по флеш-анимации для Адоба).

Это серия книг, они переиздаются под каждую новую версию флеша. Если знаете англ. язык – отличная книжка, радует глаз замечательной графикой.

Скачать How to Cheat in Adobe Flash in Cs5 вместе с диском можно .

Мое изучение флеша началось именно с самоучителя. В изучении флеш мне лично помог не сам учебник, а видеокурс, который прилагался к учебнику. Поэтому переходим к пункту № 2.

2. Видео-уроки.

Считаю, что видео-уроки самые эффективные, поскольку сама изучала флеш по видео-курсу.

3. Еще что в изучении флеш-анимации никак не обойтись без такой программки, как Swf Decompiller . Это ломалка свф-файлов, то есть готовых анимаций. Вот о ней речь. Она позволяет просматривать (не тырить:) работы профи, очень помогает в изучении флеша. Вы берете уже готовую работу и просматриваете на таймлайне, как что сделано, пытаетесь повторить. Не всегда корректно отображается анимация – маски, твины, но принцип можно понять и взять на заметку.

4. Очень эффективно учить флеш на конктретных примерах. Поставьте себе цель сделать анимацию по придуманному сценарию - например, анимацию едущего автомобиля по определенной траектории. Когда есть конечная цель – проще учить.

5. Если по ходу изучения возникают вопросы, их можно оставлять здесь на или в сообществе в теме . Или на любых других форумах, где обитают флешеры.

Самый большой форум по флеш, который мне известен – flasher.ru . Так что, уважаемые новички – пользуйтесь благами интернета и этого ресурса в частности:)

6.И еще важный момент. Для того, чтобы сделать хорошую анимацию – неплохо бы обратиться к учебникам по классической анимации (особенно, если хотите научиться анимировать персонажей, а не только текстовые блоки для баннеров).

Освоив flash как инструмент, вы станете не совсем аниматором, а скорее «шевелителем», умеющим двигать объекты.

Книжек по классической анимации полно – остановитесь для начала на «Тайминг в анимации» , взять можно .

По поводу того, где достать Adobe Flash. Если вы хотите что-то найти или взять – то лучше google ничего нет. Он все знает:)

Можно ли самостоятельно научиться работать во флеше? Это вполне реально, почти все хорошие флеш-аниматоры, которых я знаю, сами изучили флеш, без курсов и экзаменов. Терпение, трудолюбие – и все в ваших руках. Даже так скажу- я не знаю флешеров, которые посещали курсы, все учили самостоятельно.

«Спасибо за блог, очень много полезного нашла для себя.

Я чистый векторщик, и в флеше мне не составило труда рисовать. Проблема началась, когда дошло до анимации.

Не могли бы вы сделать урок для самых самых безмозглых криворуких нубов))Что бы даже я поняла))»

( tara )

Будет урок по анимации для начинающих. Я не представляю, как уместить все в один урок, думаю, это будет серия уроков. Я была уверена, что уроков для начинающих в инете полно, но почему-то часто спрашивают именно их. Так что следите за обновлениями на сайте и в

Более семи лет я удалённо работаю с зарубежными заказчиками из США, Канады, Австралии, Германии и других стран. Рисую графические ресурсы и анимацию для игр в 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).