На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Flash

Использование Flash MX. Рисование. Использование инструмента Pen

В материале:

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

Когда вы рисуете с помощью инструмента Pen, просто щёлкайте в нужных местах рабочего поля для создания сегментов прямых линий, а для создания изогнутых сегментов щёлкайте с последующим протаскиванием (click-n-drag). Можно настраивать как прямые, так и изогнутые сегменты путем настройки точек линии. Можно преобразовывать прямые линии в изогнутые и наоборот. Вы также можете отобразить точки на линиях, которые были созданы с помощью других инструментов рисования Flash, таких как инструменты Pencil (Карандаш), Brush (Кисть), Line (Линия), Oval (Овал) или Rectangle (Прямоугольник) для точной настройки этих линий. См. Изменение формы линий и контуров.

Настройка инструмента Pen

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

Чтобы настроить инструмент Pen (Перо):

  1. Выберите Edit (Правка) > Preferences (Настройки) и щёлкните на закладке Editing (Редактирование).
  2. Установите следующие опции для инструмента Pen (Перо):
    • Включите опцию Show Pen Preview (Предварительный просмотр пера) для предварительного просмотра сегментов во время рисования. Flash отображает сегмент во время перемещения указателя по рабочей поверхности, прежде чем вы щёлкнете для создания конечной точки сегмента. Если эта опция не включена, Flash не отображает сегмент линии, пока не будет создана конечная точка сегмента.
    • Включите опцию Show Solid Points (Показать сплошные точки), чтобы невыбранные опорные точки выглядели как точки с заливкой, а выбранные опорные точки — как пустые точки (эта опция включена по умолчанию). Отключите эту опцию, если хотите, чтобы невыбранные опорные точки отображались как пустые, а выбранные — как точки с заливкой.
    • Включите опцию Show Precise Cursors (Точные курсоры), чтобы инструмент Pen выглядел как прицел (cross-hair), а не так, как он выглядит по умолчанию — это может пригодиться для более точного рисования. Отключите эту опцию, чтобы инструмент Pen отображался с использованием иконки, принятой по умолчанию.

    Примечание: Нажмите клавишу Caps Lock во время работы для переключения между этими двумя режимами отображения инструмента Pen.

  3. Нажмите OK.

top

Рисование прямых линий с помощью инструмента Pen

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

Чтобы нарисовать прямые линии с помощью инструмента Pen (Перо):

  1. Выберите инструмент Pen (Перо).
  2. Выберите пункт меню Window (Окно) > Properties (Свойства) и задайте атрибуты контура и заливки в инспекторе свойств. См. Использование цвета контура и заливки на панели Properties.
  3. Поместите указатель в том месте рабочей поверхности, где хотите видеть начало прямой линии, и щёлкните в этом месте, чтобы задать первую опорную точку.
  4. Щёлкните еще раз в том месте, где хотите увидеть конец создаваемого прямого сегмента линии. Удерживайте клавишу Shift при щелчке, чтобы создаваемая линия была наклонена под углом, кратным 45° .
  5. Продолжайте щёлкать и тем самым создавать дополнительные сегменты линии.
  6. Чтобы закончить создание линии как замкнутой или открытой, проделайте следующее:
    • Чтобы линия осталась открытой, дважды щёлкните на последней точке, затем на инструменте Pen в палитре инструментов или щёлкните, удерживая клавишу Control (Windows) или Command (Macintosh), в любом месте рабочей поверхности вне создаваемого контура.
    • Чтобы замкнуть контур, поместите инструмент Pen поверх первой опорной точки. Рядом с кончиком пера появится маленький кружок, когда вы точно попадете на точку. Щёлкните или протащите указатель, чтобы замкнуть контур.
    • Чтобы завершить рисование формы и оставить её такой как есть, выберите пункт меню Edit (Правка) > Deselect All (Снять выделение) или выберите другой инструмент в палитре инструментов.

top

Рисование кривых с помощью инструмента Pen

Вы создаёте кривые протаскивая (dragging) инструмент Pen (Перо) в том направлении, где хотите создать первую опорную точку кривой, а затем протаскивая инструмент Pen в противоположном направлении, чтобы создать вторую опорную точку.

Когда используется инструмент Pen для создания сегментов кривых, опорные точки сегмента линии отображают управляющие касательные линии. Наклон и длина каждой управляющей касательной определяют наклон и высоту или глубину кривой. Перемещение касательных изменяет форму кривой. См. Настройка сегментов.

Чтобы нарисовать кривую:

  1. Выберите инструмент Pen (Перо).
  2. Поместите указатель в том месте рабочей поверхности, где хотите видеть начало кривой и нажмите кнопку мышки.

    Появится первая опорная точка, и кончик пера превратится в стрелку.
  3. Протаскивайте указатель в направлении, в котором хотите нарисовать сегмент кривой. Удерживайте клавишу Shift для выравнивания инструмента в направлениях, кратных 45°.
    • По мере того как протаскивается указатель, появляются управляющие касательные линии кривой.
  4. Отпустите кнопку мыши.
    • Длина и наклон управляющих линий определяют форму сегмента кривой. Позже можно будет переместить управляющие линии, чтобы настроить форму кривой.
  5. Поместите указатель в месте, в котором планируете закончить сегмент, нажмите кнопку мышки и протащите её в противоположном направлении для завершения сегмента. Удерживайте Shift для выравнивания сегмента в направлениях, кратных 45°.
  6. Чтобы нарисовать следующий сегмент кривой, поместите указатель в месте, где он должен заканчиваться, и протащите указатель в направлении от кривой.

top

Настройка опорных точек

При рисовании кривой с помощью инструмента Pen (Перо) вы создаете точки кривой (гладкие точки) — опорные точки, характерные для непрерывной, изогнутой линии. Когда рисуется прямой сегмент линии или прямой сегмент, соединяющийся с изогнутым сегментом, создаются угловые точки — опорные точки, появляющиеся в местах соединения прямых линий или в местах соединения прямой и кривой.

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

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

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

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

Чтобы переместить опорную точку:

  • Перетащите точку с помощью инструмента Subselection (Подвыделение).

Чтобы переместить одну или несколько опорных точек с высокой точностью:

  • Выберите одну или несколько точек с помощью инструмента Subselection и используйте клавиши со стрелками для их перемещения.

Чтобы преобразовать опорную точку:

  • Чтобы преобразовать угловую точку в гладкую, используйте инструмент Subselection для выбора точки, затем, удерживая клавишу Alt (Windows) или Option (Macintosh), перетащите точку для задания управляющих касательных линий.
  • Чтобы преобразовать гладкую точку в угловую, щёлкните на точке с помощью инструмента Pen.

Чтобы добавить опорную точку:

  • Щёлкните инструментом Pen на сегменте линии.

Чтобы удалить опорную точку, проделайте одно из следующего:

  • Чтобы удалить угловую точку, щёлкните на точке один раз инструментом Pen.
  • Чтобы удалить гладкую точку, щёлкните на ней дважды инструментом Pen. (Первый щелчок превратит гладкую точку в угловую, а второй щелчок удалит получившуюся угловую точку.)
  • Выберите точку с помощью инструмента Subselection и нажмите клавишу Delete.

top

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

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

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

Чтобы подстроить прямой сегмент:

  1. Выберите инструмент Subselection (Подвыделение), затем выберите прямой сегмент.
  2. Используйте инструмент Subselection для перетаскивания опорной точки на сегменте в новое место.

Чтобы подстроит сегмент кривой:

  • Выберите инструмент Subselection и перетаскивайте сегмент.

Примечание: Когда вы щёлкаете на линии, обнаруживаются опорные точки. Настройка сегмента с помощью инструмента Subselection может добавлять новые точки к линии.

Чтобы настроить точки или управляющие касательные кривой:

  1. Выберите инструмент Subselection, затем выберите опорную точку на сегменте кривой.

    Появится управляющая касательная для выбранной точки.
  2. Чтобы настроить кривую по обе стороны от опорной точки, перетаскивайте опорную точку или перетаскивайте управляющую касательную. Удерживайте клавишу Shift для выравнивания под углами, кратными 45°. Удерживайте Alt (Windows) или Option (Macintosh), чтобы перетаскивать управляющие кривые отдельно друг от друга.

top

Продолжение следует...


Источник: http://www.vmstudio.com/

Спонсор раздела

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100