Рисование во Flash

28.05.2009

Вот тут нам и понадобится панель Tools. Рисование во Flash тоже отличается своеобразностью. Рисовать можно либо кистью, либо карандашом. В первом случае, рисование происходит при помощи заливки и может быть любой формы, в случае рисования карандашом, это происходит при помощи обводки и может быть тоже любой формы, но только одной толщины, которую потом, вместе с рядом других параметров, можно изменить в панели Properties.

Кисть

Выбираем кисть на панели инструментов или нажимаем кнопку “B” и сразу-же видим дополнительные свойства кисти, в нижней части панели.
Первое — это заливка, то есть активный цвет кисти. Раскрыв его, можно обнаружить там панель Swatches с уже предустановленными цветами. В качестве цвета можно выбирать и градиент.

Далее идут две неактивные кнопки, их можно пропустить.
Кнопка Lock Fill позволяет заблокировать градиент, чтобы он растягивался на все рисуемые объекты. В обычном состоянии, градиент будет границами совпадать с шириной каждого объекта. Попробуйте порисовать, выбрав в качестве цвета, градиент и попробовать нажать эту кнопку.
Brush Mode — режим рисования кисти. Внутри этой кнопки есть несколько других, Смотрите ниже их описание.
Paint Normal — Обычный режим рисования.
Paint Fills — То же, но кисть не рисует поверх линий, оставляя их целыми.
Paint Behind — Рисуем позади закрашенных объектов, оставляя линии и другие объекты нетронутыми.
Paint Selection — Рисует только на выделенных объектах.
Paint Inside — Закрашивает, в зависимости от того, где вы начали рисовать. Если на пустом поле, то рисует там, если внутри объекта, то рисует на его заливке, оставляя обводку нетронутой.
В режиме рисования, становится активной кнопка Object Drawing. Если она активна, после рисования объекта, он сразу группируется, тем самым предотвращается последующее рисование на нем.

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

В это же самое время, если посмотреть на панель Properties, там можно обнаружить кнопку выбора цвета и регулятор Smoothing, который отвечает за сглаживание линий при рисовании. Это же вектор, как-никак.

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

Карандаш
Выбираем карандаш на панели инструментов или нажимаем кнопку «Y» и опять смотрим на дополнительные свойства, в нижней части панели.
Режим Object Drawing активен всегда, так-же есть свойства карандаша:
Straighten — Рисует прямыми линиями.
Smooth — Рисует сглаженными линиями.
Ink — Рисование, без применения коррекции. Непонятно, что это такое. Если выясните, дайте мне знать.

На панели Properties, на этот раз, побольше информации:

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

Перо
Инструмент Pen (Перо) работает точно так-же, как и в других программах Adobe.

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

Rectangle Tool — Обычный прямоугольник. После выбора этого инструмента и перед тем, как начать его рисовать, можно выбрать цвет заливки и обводки, а так-же дополнительные свойства на панели Properties. Из новых свойств я бы отметил возможность скругления углов, притом, для каждого угла можно назначить свое скругление. Попробуйте, это очень интересно. И как обычно, можно рисовать квадраты, с зажатой кнопкой Shift.

Oval Tool — Овалы и окружности. Здесь можно задавать дополнительные свойства, на панели Properties, такие, как начальный и конечный углы и внутренний радиус, что позволяет рисовать дуговые сегменты окружности. Это тоже стоит попробовать. Я сам узнал об этом только сейчас, когда начал про это писать и посмотрел на панель Properties :)

Rectangle Primitive Tool — Процедурный прямоугольный примитив. Отличается от обычного прямоугольника тем, что дополнительные свойства можно устанавливать и изменять потом, уже после того, как фигура нарисована.

Oval Primitive Tool — Процедурный овальный примитив. Тоже, возможна установка дополнительных свойств после его создания.

PolyStar Tool — Инструмент для рисования многоугольников или звезд. Имеет дополнительные свойства на панели Properties, при нажатии кнопки Options, открывается такое окно:

Тут можно выбрать тип объекта (polygon или star), количество углов и радиус их внутренних точек.

Для всех фигур возможно включение режима Object Drawing, что позволяет группировать фигуры, сразу после их создания.
Выделение графики
Инструменты выделения ничем не отличаются от других программ Adobe, то есть, их два. Черная стрелка (Selection Tool) и белая стрелка (Subselection Tool). Только работают они немного по-другому.

Нарисуйте прямоугольник с заливкой и обводкой, при невключенном режиме Object Drawing. Теперь щелкните на пустом месте рабочей области, чтобы снять выделение. Затем, поверх фигуры можно нарисовать окружность и тоже снять с нее выделение. Теперь возьмите инструмент выделения («V«) и проведите рамку из пустой области, до середины всех объектов, получится примерно вот такое:

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

Чтобы такого не происходило, при создании объектов нужно включать режим Object Drawing. Тогда вы сможете редактировать объекты по отдельности и они не будут откусывать части друг друга. Еще можно рисовать различные части объекта в разных слоях. Этот способ возможен, как на основном таймлайне, так и внутри символов любых типов.

Чтобы выделить объект с заливкой и обводкой, щелкните на его заливке инструментом Selection Tool. Выделится заливка. если щелкнуть на обводке, выделится она, но не вся, а только сегмент между двумя точками. Чтобы выделить всю обводку, щелкните на ней два раза. Чтобы выделить весь объект целиком, обведите его рамкой, если это возможно. Если нет, щелкните два раза на заливке. Выделится вся фигура, вместе с заливкой и обводкой.

Рисование линий. Line tool
Очень простой инструмент. Рисует прямые, одиночные линии от одной точки, до другой. Аналогичен подобному, в Adobe Illustrator.
Текст
Новый текстовый движок Adobe Flash предоставляет широкие возможности редактирования свойств текста. После выбора инструмента Text Tool, в панели Properties мы видим вот это:

С основными свойствами текста легко разобраться самостоятельно, а цифрами отмечены пункты, которые требуют дополнительного объяснения. Итак:
1. Text type — Тип текстового блока. Их может быть три: Static — просто текст, Dynamic — используется, для динамического вывода текста из ActionScript и Input — используется для ввода текста пользователем. Для начала, мы будем пользоваться типом Static, далее, когда речь зайдет о программировании, я объясню, как работают остальные типы.
2. Letter Spacing — Межсимвольное расстояние в тексте.
3. URL Link — Ссылка, назначенная на текст. Если в этом поле написать что-нибудь, то текст станет активным и его можно использовать в качестве гиперссылки.
4. Selectable — Возможность выделять и копировать текст в готовом Flash-ролике.
5. Font rendering method — Несколько способов сглаживания текста, при экспорте во Flash-ролик.
6. Edit format options — Дополнительные свойства текста, применительно к параграфу.
Indent — Отступ первой строки.
Line spacing — Межстрочное расстояние.
Left margin — Левая граница параграфа.
Right margin — Правая граница параграфа.

7. Edit orientation of text — Меняет ориентацию текста между горизонтальной и вертикальной.

Заливка объектов цветом
Как ни странно, этот инструмент делает то-же самое, как и называется, то есть заливает объекты цветом. При этом, цвет меняется только у заливки объекта.
Создание обводки
Меняет цвет обводки на выбранный, либо создает обводку заново. Для создания обводки у объекта, у которого ее нет, надо выбрать цвет и щелкнуть на крае объекта.
Пипетка
Копирует свойства объекта, в зависимости от того, откуда они забираются.
Стерка
Стирает объекты. На панели Tools есть дополнительные свойства, такие, как режим стирания. режимы аналогичны режимам рисования кисти.
Еще, в параметрах стерки, на панели Tools есть дополнительная кнопка, которая активирует особый режим стирания. В этом режиме, одним щелчком можно стирать либо объекты сплошной заливки, либо сегменты обводки, между двумя точками.

Настройка градиентов

В Adobe Flash CS3 существует два типа градиента: линейный и радиальный. Включение градиентной заливки и выбор ее типа осуществляется на панели Color. За это отвечает параметр Type. При выборе одного из режимов, на индикаторе цвета сразу появляется градиент.

На его краях можно увидеть две крайние точки. Щелкнув на одной из них, можно установить ее цвет. Также, параметром Alpha можно установить прозрачность. Для добавления точек, просто щелкайте в нужном месте, между крайними точками. Чтобы убрать дополнительную точку, потяните ее вниз.

Градиент можно назначать, как для заливки, так и для обводки объектов.

Существует дополнительный инструмент для интерактивной настройки градиентов. Выбирается он кнопкой «F«. Если, после выбора этого инструмента, щелкнуть на градиенте, у него появятся дополнительные органы для более детальной настройки:
1. Треугольник — Центр градиента. Если сдвинуть его в сторону, центральная точка градиента изменит свое положение, однако сам градиент останется на месте. Это важно, когда нужно, чтобы края градиента совпадали с краями объекта.
1. Точка — Общий центр градиента. Если ее сдвинуть, градиент переместится вместе с границами.
2. Искажение градиента по горизонтали. Немного некорректная формулировка, так как, по вертикали он не искажается. Скорее подойдет определение «перспективное искажение».
3. Радиус градиента.
4. Вращение градиента.

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

Итак, общий обзор программы у нас есть, рисовать вы научились. Пора переходить к более важным вещам…

Share

Метки:

Leave a Comment

Подтвердите, что Вы не бот — выберите самый большой кружок: