пособие-Flash

Найдите в каждом из рисунков простейшие элементы – овал, многоугольник и др. Если форма объектов сложнее, определите (придумайте) способ создания такого объекта.

При взаимном размещении объектов на рисунке пользуйтесь средствами выравнивания объектов.

Рис. 54.

31

Подсказки

Рисунок 43 – один из самых простых. Выберите инструмент Многоугольник, поменяйте в панели свойств количество сторон на 6, выберите красный цвет заливки и белый цвет контура и нарисуйте шестиугольник. Скопируйте его и поменяйте цвет заливки. Нарисуйте также восьмиугольник. Выровняйте объекты с помощью панели выравнивания (обратите внимание: на этой панели есть средства даже для подгонки фигур под один размер).

Рисунок 44 – можно создать с помощью прямоугольников и круга, ис-

пользуя Сложение и вычитание фигур.

Рисунки 45, 46,47, 48 – рисуем Линией с последующим редактированием, Карандашом, Пером половину контура предмета. С помощью панели

Преобразование (наклон – 1800) и ее команды Применить к копии зеркаль-

но отражаем эту половину. Аккуратно придвигаем вторую половину к первой и заливаем цветом.

Рисунок 49 – кольца можно нарисовать так: из одного овала вырезаем другой овал и добавляем белый контур (овал с белым контуром без заливки). Можно применить инструмент Овал с опциями кольца.

Рисунок 50 – один из самых сложных. Инструменты – или Карандаш,

или Перо.

Рисунок 51 – прост и красив. Нарисуйте овал без заливки (или удалите заливку). После этого на панели Преобразование зададим угол поворота копии 300. Осталось только два раза нажать кнопку «Применить к копии». Маленький круг в середине завершит картину (его можно выровнять относительно всей фигуры, только предварительно сгруппируйте фигуру из трех овалов).

Рисунок 52 – все уже знакомо, только точку трансформации, вокруг которой будет «крутиться» фигура, надо вынести за ее пределы.

Рисунок 53 – создается из многоугольников с применением Свободной трансформации.

Рисунок 54 – 1 объект, панель Преобразование и 30 копий этого объекта, с разными поворотами и отражением.

11. Работа с цветом

Для работы с цветом во Flash предназначены следующие средства:

инструменты Ink Bottle Tool (Бутылка чернил), Paint Bucket

Tool (Заливка), и Dropper Tool (Пипетка), расположенные на па-

нели Tools;

32

кнопки Stroke Color (Цвет контура), Fill Color (Цвет заливки), Default Colors (Цвета по умолчанию), No Color (Бесцветный) и Swap Colors (Поменять цвета), расположенные в поле Colors панели Tools;

панели Color (Смеситель цвета) и Swatches (Образцы цвета).

Инструмент Ink Bottle Tool

Инструмент предназначен для изменения цвета линии или контура объекта; при этом использоваться могут только базовые цвета. Кроме того, с его помощью можно изменять толщину и стиль линии (контура).

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

Инструмент предназначен для изменения цвета заливки объекта или «мазка» кисти, а также для закрашивания произвольной замкнутой области на столе; для закрашивания могут использоваться базовые цвета, градиенты и растровые изображения.

Инструмент Dropper Tool

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

Панель Color (Цвет)

Панель позволяет выполнять следующие действия

(рис.55):

устанавливать цвет заливки для выбранного или вновь создаваемого объекта;

редактировать существующие градиентные заливки; выбирать растровое изображение, которое

должно использоваться в качестве заливки; создавать новые и редактировать основные цве-

None (Отсутствует) – установить прозрачный цвет заливки;

Solid (Базовый цвет) – установить для заливки один из базовых цветов; Linear gradient (Линейный градиент) – редактировать заливку с линейным градиентом;

Radial gradient (Радиальный градиент) – редактировать заливку с радиальным градиентом;

Bitmap (Растровое изображение) – выбрать растровое изображение для заливки.

33

Панель Swatches

Данная панель позволяет работать не с отдельными цветами, а с палитрами цветов. С ее помощью можно скомпоновать и сохранить на диске несколько палитр, каждая из которых будет использоваться в определенном фильме.

Откройте электронный учебник flash.chm, Тема 4, раздел 3. Практикум (Градиенты). Выполните задания (без создания ключевых кадров).

Практическая работа: «Я – художник!»

Часть 1. Нарисовать детский рисунок: домик, дорожку, землю, небо и раскрасить их. Для выполнения данного задания потребуются растровые изображения из библиотеки текстур. Их можно взять из библиотеки другой программы или найти в Интернете (если вы умеете создавать текстуры, можно воспользоваться своими).

Часть 2. Создать имитацию объемных объектов на плоскости.

Определим, что нам нужно сделать, чтобы выполнить работу. Нарисовать линиями (контурами) рисунок (рис.56). Обратите внима-

ние: нельзя залить просто фон. Поэтому для земли и неба у вас должны быть ограничивающие линии по контуру монтажного стола (в заключение работы их можно убрать).

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

Открыть окно библиотеки Library (библиотека) и убедиться, что все изображения находятся в библиотеке.

Выбрать инструмент Заливка, на панели Цвет установить заливку растровым изображением, выбрать подходящее изображение в списке и залить объект.

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

Не полагайтесь только на растровую заливку; можно применить и другие заливки, например нарисовать солнышко с радиальным градиентом от желтого к прозрачному.

Сохраните свои изображения.

Оцените свои силы и возможности и продолжите работу. Посмотрите на рисунок 57 в данном задании – эти объекты нарисованы в редакторе Flash. Попробуйте изобразить их.

34

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

Советы по выполнению

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

В вашем распоряжении мощное средство редактирования – 20 отмен действий по умолчанию. А можно поставить еще больше. Не бойтесь экспериментировать!

При создании объекта (рисунка) не забывайте про всю рабочую область. На ней можно разместить детали, части, копии.

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

Сохраняйте промежуточный результат! Сохраненный файл будет иметь расширение .fla. Всегда есть вероятность какого-то сбоя. Сохранение файла сбережет вам время и нервы.

Сохраняйте окончательный результат!

Чтобы оставить только результаты нашей работы, законченный файл должен пройти процесс компиляции. Такая компиляция происходит, когда мы нажимаем комбинацию клавиш Ctrl+Enter. При этом создается файл с расширением .swf. Если файл .fla уже был ранее сохранен в какой-нибудь папке, то в той же папке сохраняется и вновь созданный SWF-файл. Его можно открыть для просмотра двойным щелчком в Проводнике. На любом этапе создания анимации, в том числе и на любом этапе рисования, вы може-

35

те посмотреть на свой труд глазами пользователя. Для этого нужно лишь нажать комбинацию клавиш Ctrl+Enter. Закрыв окно тестирования, вы опять вернетесь в среду разработки и сможете продолжить работу.

Самый простой способ создать иллюзию света – отбросить тень: если есть тень, значит где-то есть и источник света. Будьте осторожны: тень не должна быть светлее объекта. На рис. 56 про тень «забыли». Если создадите «тень», иллюзия объемности увеличится.

Удобнее и быстрее выполнить команду, найдя ее в контекстном меню. Контекстное меню – это меню, которое открывается при щелчке правой кнопкой мыши на объекте, кадре или слое. В нѐм имеются только те команды, которые можно выполнить над данным элементом фильма.

В контекстном меню при выборе объекта можно найти эффект тени. Хотя создать ее самим гораздо интереснее.

Если вы делаете работу, в которой есть освещение, то должна быть и тень от всех объектов, на которые оно направлено. Часто при монтаже возникают две ошибки: про тень забывают вовсе или ее направление не совпадает с другими объектами.

Подсказки

Чтобы передать имитацию объема, необходимы световые переходы – градиенты. Создайте их заранее и сохраните.

Для создания шара потребуется радиальный градиент от белого к тем- но-серому. Центр градиента располагаем сверху сбоку для более полного впечатления круглости.

Для создания цилиндра нам потребуются два овала одного размера и две линии (или прямоугольник без заливки) (рис.58). Собираем фигуру и удаляем лишнее.

Рис. 58. Создание цилиндра

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

После создания фигур удалите контуры – если вы правильно использовали заливки, картинка станет еще реальнее.

36

Можно поэкспериментировать и применить для цилиндра и «трубочек» следующий градиент (рис.59):

Рис. 59. Полоса градиента.

Он создаст эффект металлической поверхности.

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

12. Перевод растрового изображения в векторное

Для перевода растрового изображения в векторное необходимо импортировать растровое изображение по команде File > Import (Файл > Импорт).

Импортируйте файл Практика2\ Пр2-Пример3.jpg.

Выделить импортированное изображение и выполнить команду

Modify > Trace Bitmap (Модификация > Трассировка растрового изоб-

ражения); в результате появится одноименная панель (рис.60):

Рис. 60. Панель трассировки.

Color Threshold может изменяться в пределах от 1 до 500. Этот параметр ограничивает количество цветов в результирующем векторном изображении. Чем меньше параметр, тем более полноцветным и подробным будет трассированное изображение.

Minimum Area может изменяться в пределах от 1 до 1000 и определяет

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

Curve Fit задает точность, с которой контур огибает область, ограниченную цветом. Чем выше точность, тем больше соответствие с исходным

37

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

Corner Threshold определяет, насколько подробно описываются углы. Этот параметр влияет на количество опорных точек в результирующем векторном рисунке.

 Теперь оптимизируем изображение, выполнив команду Modify > Optimize (Модификация > Оптимизация), что приведет к появлению пане-

ли Optimize Curves (Оптимизация кривых) (рис.61):

Рис. 61. Меню оптимизации сривых.

Данная панель позволяет менять количество линий и опорных точек, на базе которых строится изображение.

Используя инструмент Subselect (Частичное выделение), можно просмотреть кривые трассировки.

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

 Подберите 3 изображения из Internet и поэкспериментируйте с фотографиями, используя количества кривых трассировки и увеличения\уменьшения их гладкости.

Для примера просмотрите файлы из папки Практика2: Пр2Перевод1.jpg, Пр2-Перевод2.jpg, Пр2-Перевод3.jpg.

38

13. Создание статического текста

Для создания текста выберите инструмент Text (Текст). В результате появится одноименная панель (рис.62):

Рис. 62. Параметры инструмента Текст.

В левой части панели Properties (Параметры) находится выпадающее меню, в котором можно выбрать тип текстового поля: Static Text (Статиче-

ский текст), Dynamic Text (Динамический текст) или Input Text (Поле ввода).

Расширяемый горизонтальный текст

Для создания расширяемого горизонтального текста выберите инструмент Тext (Текст), щелкните на рабочем поле (появится текстовый блок, в правом верхнем углу которого имеется круглый маркер), по мере ввода текста блок расширяется:

Рис. 63. Пример расширяемого горизонтального текста.

Статический горизонтальный текст заданной ширины

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

Рис. 64. Пример статического горизонтального текста.

Статический вертикальный текст

Для того чтобы располагать текст вертикально, щелкните по иконке

В результате появится панель, где можно выбрать варианты Vertical (Верти-

39

кальный), Left to Right (Слева на право) либо Vertical (Вертикальный),

Right to left (Справа на лево).

14. Форматирование текста

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

Для того чтобы изменить межсимвольный интервал, щелкните по стрелке

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

Установка выравнивания, полей, абзацных отступов и межстрочного интервала

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

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

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

Преобразование и разбиение текста

Текстовые блоки можно преобразовывать точно так же, как и другие объекты: масштабировать, поворачивать, искажать и зеркально отображать.

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

 Напечатайте любой текст.

Чтобы разбить текст, щелкните инструментом Free transform (Трансформация) на текстовом блоке и выполните команду Modify > Break Apart (Модификация > Разбить). В результате все символы будут помещены в отдельные текстовые блоки.

Разбейте текст на блоки.

Выделите каждый символ и переместите его.

Повторно выполните команду Modify > Break Apart (Модификация

>Разбить).

Буквы превратятся в линии и заливки.

40