Ana səhifə

Тема №1 статичная графика


Yüklə 284 Kb.
səhifə1/3
tarix25.06.2016
ölçüsü284 Kb.
  1   2   3
СТАТИЧНАЯ И АНИМАЦИОННАЯ ГРАФИКА MACROMEDIA FLASH MX
Изучаемые темы:
1. Статичная графика.

2. Анимации, сценарии и звук.


Тема № 1

СТАТИЧНАЯ ГРАФИКА
Вопросы: 1. Главное окно программы Macromedia Flash MX. Создание нового

документа. Справка.

2. Создание и редактирование простейших графических изображений.

3. Трансформация графики.

4. Работа с текстом.

5. Использование слоев.


1. Главное окно программы Macromedia Flash MX.

Создание нового документа. Справка
1.1. Главное окно программы Macromedia Flash MX
Главное (или родительское) окно программы Macromedia Flash MX, появляющееся после запуска программы, показано на рис. 1.

Когда вы открывает во Flash какой-либо документ, внутри родительского окна создается другое окно, в котором собственно и отображается ваш документ. Это окно называется окном документа или дочерним окном. В этом окне и протекает работа над документом. Можно перемещать, свертывать и развертывать окно документа и изменять его размеры, в общем, проделывать с ним те же манипуляции, что и с любым другим окном Windows. Можно также закрыть окно документа; при этом будет закрыт и сам открытый в нем документ. Единственное исключение: нельзя «вытащить» его за пределы родительского окна.

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

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

Вдоль левой стороны главного окна (см. рис. 1) находится серая вертикальная полоса с множеством кнопок. Это главный инструментарий – небольшое окно неизменяемых размеров, содержащее кнопки, которые служат для выбора того или иного инструмента рисования или правки графики.

Главный инструментарий разделен на четыре области:

1. Область основных инструментов (заголовок Инструменты). Здесь находятся кнопки, предоставляющие доступ ко всем инструментам, что предусмотрены во Flash для рисования и правки графики.

2. Область вспомогательных инструментов (заголовок Вид). Здесь находятся две кнопки, одна из которых предназначена для увеличения или уменьшения масштаба изображения, а другая – для перемещения изображения.

3. Область задания цвета (заголовок Цвета). Здесь находятся элементы управления, позволяющие задавать цвет рисуемой графики.

4. Область конфигураторов (заголовок Опции). Здесь находятся кнопки, предоставляющие доступ к конфигураторам – дополнительным режимам, предусмотренным в том или ином выбранном в данный момент инструменте.

Кроме главного Flash предоставляет еще несколько инструментариев:

1. Панель инструментов. Она содержит набор кнопок, предоставляющих доступ к наиболее часто используемым командам меню, а именно, командам открытия файла, печати, предварительного просмотра, работы с буфером Windows и некоторым другим. Изначально панель инструментов скрыта. Чтобы вывести ее на экран выберите команду Главная меню Окно подменю Панели.

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

3. Контроллер. Он содержит кнопки запуска, приостановки и остановки проигрывания и некоторые другие. Для вывода этого инструментария на экран следует выбрать команду Контроллер подменю Панели меню Окно.

С правой стороны главного окна находятся панели, которые, как и инструментарии служат для предоставления доступа к различным инструментам рисования и правки графики, предлагаемым Flash. Но, в отличие от инструментариев, они могут содержать не только кнопки, но и другие элементы управления.

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

Чтобы убрать панели с экрана выберите команду Скрыть панели меню Вид или нажмите клавишу Tab или F4. Чтобы вывести панели выполните повторно указанные выше действия.

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

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

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

Чтобы скрыть всю графику, что выходит за пределы рабочего листа и оказывается на сером поле, следует выбрать команду Рабочая область меню Вид или нажать комбинацию клавиш Ctrl+Shift+W. Вся графика останется на своем месте, просто она не будет отображаться.

Для увеличения и уменьшения масштаба можно воспользоваться командами Увеличить и Уменьшить меню Вид или комбинациями клавиш Ctrl+= и Ctrl+-.

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

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

Самое простое из этих средств – координатные линейки, проградуированные в пикселях. Они отображаются вдоль верхней и левой сторон окна документа Flash, позволяя точно определить соответственно горизонтальную (X) и вертикальную (Y) координаты. Начало координат находится в верхнем левом углу рабочего листа.

Чтобы вывести на экран координатные линейки, выберите команду Линейки меню Вид или нажмите комбинацию клавиш Ctrl+Alt+Shift+R.

Еще одно полезное средство позиционирования – это координатная сетка. Чтобы вывести на экран координатную сетку, выберите команду Показать сетку подменю Сетка меню Вид или нажмите комбинацию клавиш Ctrl+’. Использовать координатную сетку можно как вместе с координатными линейками, так и отдельно от них.

Когда вы рисуете или правите графику, графические фрагменты будут «приклеиваться» к линиям координатной сетки. Чтобы временно отключить «приклеивание» выберите команду Привязать к сетке подменю Сетка меню Вид или нажмите комбинацию клавиш Ctrl+Shift+’.


1.2. Создание нового документа
Новый документ создается автоматически после запуска программы Flash. Для создания документа во время работы с программой необходимо выбрать в меню Файл команду Новый либо нажать комбинацию клавиш Ctrl+N.

Для того чтобы задать параметры документа следует выбрать команду Документ меню Изменить, либо в контекстном меню листа выбрать команду Свойства документа, либо нажать комбинацию клавиш Ctrl+J. На экране появится диалоговое окно Свойства документа (рис. 2).

Поля ввода Ширина и Высота, находящиеся в группе Размеры, служат для указания соответственно ширины и высоты изображения. Они задаются в текущих единицах измерения (по умолчанию это пикселы). Размеры изображения по умолчанию – 550×400, минимальный размер - 1×1, максимальный - 2880×2880 пикселов.

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

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

В поле ввода Частота кадров задается частота кадров создаваемого фильма. Этот параметр имеет значение только в том случае, если вы создаете фильм. Для фильмов, публикуемых в Интернете, обычно задается частота от 8 до 12 кадров в секунду. Значение по умолчанию – 12 кадров в секунду.

Раскрывающийся список Единицы измерения позволяет задать текущую единицу измерения. Этот список предоставляет для выбора шесть пунктов: дюймы, дюймы десятичные, пункты, сантиметры, миллиметры, пикселы (значение по умолчанию).

Чтобы сохранить документ в файле, выберите команду Сохранить меню Файл или нажмите комбинацию клавиш Ctrl+S.

Чтобы закрыть открытый документ, выберите команду Закрыть меню Файл или нажмите комбинацию клавиш Ctrl+W.

Можно создать новый документ и на основе шаблона. Для этого следует выбрать команду Новый из шаблона меню Файл. На экране появится диалоговое окно Новый документ (рис. 3). В этом окне на вкладке Категории можно выбрать нужный шаблон.

Все шаблоны Flash организованы в следующие категории:


  • Ads (Баннеры) – рекламные баннеры различных размеров;

  • Broadcast (Вещание) – фильмы, предназначенные для размещения в Интернете;

  • Menus (Меню) - два шаблона, позволяющие создать соответственно строку меню и набор вкладок, аналогичные используемым в обычных Windows-приложениях;

  • MobileDevices (Переносные устройства) – изображения и фильмы, предназначенные для просмотра на карманных компьютерах Nokia Communicator и PocketPC;

  • PhotoSlideshow (Слайд-шоу) – фотогалерея, в которой одно изображение плавно сменяется другим;

  • Presentation (Презентации) - презентации;

  • Quiz (Анкеты) - анкеты.

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

Открыть файл документа можно, выбрав команду Открыть меню Файл или нажав комбинацию клавиш Ctrl+O.


1.3. Справка
Для вызова справки нужно просто нажать клавишу F1 или выбрать команду Использование Flash меню Помощь. После этого на экране появится диалоговое окно встроенной справочной системы (рис. 4).

В этом окне можно найти определения различных терминов, встречающихся в руководстве. Для этого используются вкладки Contents (Содержимое), Index (Индекс) и Search (Поиск). Вкладка Contents выводит список тем. Вкладка Index отображает набор букв алфавита. Выберите нужную букву, и на экране появится список терминов, начинающих на эту букву. Остается только щелкнуть мышью на нужном термине, чтобы увидеть его разъяснение. Предусмотрен также поиск статей по ключевым словам. Для этого щелкните мышью на вкладке Search, и на экране появится одноименное диалоговое окно (рис. 5). Введите в поле ввода в верхней части этого окна нужное ключевое слово и нажмите кнопку List Topics (Перечислить статьи). После этого в списке, занимающем нижнюю половину окна списка, появятся заголовки найденных статей. Остается только выбрать нужную и нажать кнопку Display (Отобразить). Выбранная статья отобразится в главном окне справки. Чтобы закрыть диалоговое окно Search, щелкните мышью на кнопке Cancel (Отмена).

Выбор команды Использование Flash меню Помощь выводит собственно руководство Flash. Кроме того, в меню Помощь есть еще несколько аналогичных команд:


  • Welcome (Добро пожаловать) – выводит окно-приглашение;

  • Whats New (Что нового) – выводит окно с описанием новых возможностей, появившихся во Flash MX;

  • Lessons (Уроки) – выводит окно со списком интерактивных уроков Flash MX;

  • Tutorials (Руководства) – выводит окно со списком руководств для начинающих пользователей, рассказывающих о создании графики во Flash и программировании сценариев на языке ActionScript;

  • Словарь ActionScript – выводит справочник по языку ActionScript;

  • Образцы – выводит Web-страницу со списком примеров, поставляемых с Flash.

Многие диалоговые окна Flash имеют кнопку Помощь. Эта кнопка вызывает справку и открывает ее на той статье, где описывается данное окно. Некоторые панели имеют в своем составе кнопку вызова справки, расположенную в правом верхнем углу. При нажатии на нее также открывается соответствующая статья справки.
2. Создание и редактирование простейших графических изображений
Flash MX предоставляет большое количество инструментов для создания и редактирования простейших графических изображений. Рассмотрим порядок работы с некоторыми из них.
2.1. Создание и редактирование линий и мазков
Чтобы провести на рабочем листе прямую линию используется инструмент Линия. Выберите этот инструмент, поместите указатель мыши в том месте, где будет начало линии, и нажмите левую кнопку мыши. После этого, не отпуская кнопку, протащите мышь в то место, где будет конец линии и отпустите левую кнопку мыши в конечной точке. Линия создана.

Таки же образом можно проводить линии любой длины и под любым углом. Если нужно провести линию под углом, кратным 450, то во время проведения линии следует держать нажатой клавишу Shift.

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

Для задания цвета линий и других графических фрагментов, рассмотренных ниже, можно также воспользоваться смесителем цветов. Чтобы вызвать смеситель на экран, выберите в меню Окно команду Цветовой микшер или нажмите комбинацию клавиш Shift+F9. Развернутая панель смесителя цветов имеет вид, показанный на рис. 6.

В левой части смесителя имеются два селектора цвета – линии и заливки, которые можно выбирать мышью и раскрывать, и три поля ввода, с помощью которых задается числовой набор, описывающий цвет в режиме RGB или HSB. (Задание нужного цветового режима осуществляется путем выбора соответствующей команды-переключателя дополнительного меню смесителя). Ниже этих трех полей ввода находится четвертое – Прозрачность, задающее уровень прозрачности цвета. Этот уровень задается в процентах: значение 100 соответствует полной непрозрачности, а 0 – полной прозрачности, т.е. фрагменты, закрашенные этим цветом, полностью невидимы.

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

Толщина выделенных линий задается с помощью поля ввода, расположенного внизу экрана в редакторе свойств инструмента Линия (рис. 7). Можно просто ввести нужное значение толщины в пикселах в это поле и нажать клавишу Enter.

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

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

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

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

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

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

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

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

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

Инструмент Карандаш позволяет рисовать линии любой формы. Чтобы применить инструмент Карандаш щелкните в главном инструментарии соответствующую кнопку или нажмите клавишу Y. Указатель мыши при этом примет вид карандаша.

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

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

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

С помощью инструмента Кисть можно наносить мазки разной формы и толщины аналогично реальной кисти. Чтобы выбрать инструмент Кисть, щелкните в главном инструментарии соответствующую кнопку или нажмите клавишу В. Указатель мыши при этом может принимать разные формы в зависимости от выбора конфигурации кисти. Для этого служат конфигураторы Форма кисти и Размер кисти, расположенные в области Опции главного инструментария. Эти конфигураторы представляют собой обычные раскрывающиеся списки, в которых в виде графических изображений представлены все доступные во Flash формы и размеры кисти.

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



  • Рисовать нормально – обычное рисование, когда закрашиваются любые линии и любые заливки;

  • Рисовать заливки – закрашиваются только заливки и пустые области, линии же не закрашиваются;

  • Рисовать сзади – закрашиваются только пустые области, а линии и заливки не закрашиваются;

  • Рисовать выделение – закрашиваются только выделенные заливки, невыделенные заливки и любые линии остаются незакрашенными;

  • Рисовать внутри – закрашиваются только заливка, находящаяся в пределах или за пределами замкнутого контура. То, что находится по другую сторону линий, составляющих этот контур, не закрашивается. Линии также не закрашиваются.

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

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

Цвет мазка выбирается с помощью нижнего селектора цвета, расположенного в области Цвета главного инструментария.
2.2. Создание и редактирование простейших графических фигур
Чтобы нарисовать прямоугольник выберите инструмент Прямоугольник в главном инструментарии или нажмите клавишу R. Указатель мыши примет вид небольшого крестика. Поместите указатель мыши в том месте, где будет расположен его верхний угол, и нажмите левую кнопку мыши. Затем, не отпуская эту кнопку, протащите мышь в то место, где будет находиться правый нижний угол прямоугольника и отпустите левую кнопку в нужной точке. Прямоугольник будет нарисован.

Если нужно нарисовать квадрат, то во время рисования следует держать нажатой клавишу Shift.

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

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

При нажатии кнопки конфигуратора Настройки прямоугольника на экране появляется одноименное диалоговое окно (рис. 8). В поле ввода Радиус угла следует задать радиус кривизны углов в точках. После этого следует нажать кнопку ОК для подтверждения ввода данных или Отмена для отмены. Если был введен радиус кривизны углов, отличный от нуля, и нажата кнопка ОК, все следующие нарисованные прямоугольники будут иметь углы заданного радиуса. Чтобы вернуть прямоугольникам обычные, прямые углы, нужно ввести в поле ввода Радиус угла ноль и нажать кнопку ОК.

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

Если нужно нарисовать окружность, то во время рисования следует держать нажатой клавишу Shift.

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

Кроме того, для создания заливок, заполняющих замкнутые фигуры, служит инструмент Ведро краски.

Чтобы применить инструмент Ведро краски, щелкните в главном инструментарии соответствующую кнопку или нажмите клавишу К. Указатель мыши при этом примет вид опрокинутого ведра с краской. Выберите нужную замкнутую фигуру, поставьте внутрь ее указатель мыши и щелкните левой кнопкой. Flash немедленно создаст заливку, заполняющую эту фигуру. При этом выбор цвета заливки производится с помощью нижнего селектора цвета в области Цвета главного инструментария.


2.3. Выделение графических элементов
Чтобы выделить фрагменты графики нужно выбрать инструмент Указатель в главном инструментарии или нажать клавишу V на клавиатуре. При этом указатель мыши примет вид небольшой черной стрелки. После этого, чтобы выделить что-то в рабочем окне программы, достаточно щелкнуть на нем левой кнопкой мыши. При этом выбранный фрагмент графики будет заполнен контрастными точками – сигнал о том, что данный фрагмент выделен. Причем можно выделить как контур фигуры, так и ее заливку, и манипулировать ими отдельно друг от друга. Для одновременного выделения и контура и заливки необходимо поместить указатель мыши на контур или заливку и выполнить двойной щелчок левой кнопкой мыши.

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

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

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

Чтобы выделить все, что находится на рабочем листе, следует либо выбрать команду Выделить все меню Редактировать или контекстного меню листа, либо нажать комбинацию клавиш Ctrl+A. Убрать же выделение со всех элементов можно, выбрав команду Отменить выделение меню Редактировать или контекстного меню листа, или нажав комбинацию клавиш Ctrl+Shift+A, или просто щелкнув мышью на любом пустом месте рабочего листа.

Инструмент Лассо позволяет выделить графический фрагмент произвольной формы. Чтобы выбрать его, щелкните соответствующую кнопку в главном инструментарии или нажмите клавишу L на клавиатуре. Указатель мыши примет вид небольшого лассо. Поставьте указатель мыши в точку начала выделения, нажмите левую кнопку мыши и, не отпуская ее, проведите границу выделения нужной формы. После этого отпустите кнопку мыши – форма выделена.


2.4. Удаление графических элементов
Для того чтобы удалить ненужную графику следует выделить ее и либо нажать клавишу Del или Backspace, либо выбрать команду Очистить меню Редактировать.

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

Для выбора формы и размера ластика используется конфигуратор Форма ластика, расположенный в области Опции главного инструментария. Этот конфигуратор представляет собой обычный раскрывающийся список, содержащий доступные во Flash формы и размеры ластика.

Еще один конфигуратор позволяет задать режим работы инструмента Ластик. В меню конфигуратора Режим Ластика доступно пять пунктов:



  • Обычный ластик – обычный режим, когда стираются все линии и все заливки;

  • Стирать заливки – стираются только заливки, линии не стираются;

  • Стирать линии – стираются только линии, заливки не стираются;

  • Стирать выбранные заливки – стирается только выделенная заливка, невыделенные заливки и любые линии остаются;

  • Стирать внутри – стирается только заливка, находящаяся в пределах замкнутого контура. То, что находится по другую сторону линий, составляющих этот контур, а также сами эти линии не стираются.

Используется инструмент Ластик аналогично инструменту Кисть. Ставите указатель мыши в начальную точку, нажимаете левую клавишу мыши и начинаете двигать мышь, стирая графику. Закончив стирание, отпускаете кнопку мыши. Если нужно двигать Ластик строго по горизонтали или вертикали, то во время стирания удерживайте нажатой клавишу Shift.

При работе с Flash можно отменить результат последних действий, восстановив то, что было до них. Для этого выбирается команда Отмена меню Редактировать или нажимается комбинация клавиш Ctrl+Z. Многократно выбирая эту команду (или многократно нажимая комбинацию клавиш), можно последовательно отменять выполненные действия.

Для возврата последних действий применяется команда Повтор меню Редактировать или комбинация клавиш Ctrl+Y.
3. Трансформация графики
Для того чтобы переместить графический фрагмент следует его выделить, нажать левую кнопку мыши и, не отпуская ее, перетащить фрагмент на новое место. Для перемещения графики в направлении под углом 450 следует во время перетаскивания мышью удерживать нажатой клавишу Shift.

Для точного перемещения графики выделите нужный фрагмент и нажимайте клавиши-стрелки, пока он не окажется на нужном месте. При однократном нажатии на клавишу-стрелку происходит смещение на один пиксел. Если при этом удерживать нажатой клавишу Shift, при каждом нажатии выбранный фрагмент будет смещаться на 8 пикселов.

Когда графический фрагмент перемещается мимо другого фрагмента, первый притягивается ко второму. Иногда это мешает работе. Чтобы отключить притягивание отожмите кнопку конфигуратора Привязать к объектам, доступного при выбранном инструменте Указатель. Также можно отключить команду-выключатель Приклеивать к объектам меню Вид и контекстного меню рабочего листа, или нажать комбинацию клавиш Ctrl+Shift+/.

Отключить притягивание к линиям координатной сетки можно путем отключения команды-выключателя Привязать к сетке подменю Сетка меню Вид или нажатием комбинации клавиш Ctrl+Shift+;.

На новое место можно переместить не сам выделенный фрагмент, а его копию. Для этого следует просто перетащить его, удерживая нажатой клавишу Alt. Можно также выбрать команду Дублировать меню Редактировать или нажать комбинацию клавиш Ctrl+D, чтобы создать новую копию выделенного фрагмента, а потом перетащить ее на новое место обычным способом.

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

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

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

Если нужно повернуть выделенный фрагмент на 900, воспользуйтесь меню. Команда Вращать на 900 по ч.с. подменю Трансформация меню Изменить поворачивает фрагмент на 900 по часовой стрелке, а команда Вращать на 900 против ч.с. – против часовой стрелке. Вместо этих команд можно нажать комбинацию клавиш Ctrl+Shift+9 и Ctrl+Shift+7 соответственно.

Кнопка Искажение позволяет изменять форму контура выделенного фрагмента графики. Чтобы ее включить нажмите соответствующую кнопку в области Опции главного инструментария при выбранном инструменте Свободная трансформация. Для искажения формы графического фрагмента можно также выбрать команду Искажение подменю Трансформация меню Изменить или одноименную команду контекстного меню выделенного фрагмента. При этом выбранный фрагмент графики будет заполнен контрастными точками (маркерами выделения). Вы можете изменять размеры выделенного фрагмента, перетаскивая маркеры выделения, находящиеся на сторонах прямоугольника выделения. Если же вы переместите один из маркеров выделения, находящихся в углах прямоугольника выделения, форма фрагмента исказится.

Для фиксации созданной графики Flash предоставляет удобный инструмент – группировку. Сгруппированная графика не реагирует на щелчки мыши и попытки изменить ее с помощью какого-либо инструмента. Чтобы сгруппировать созданные графические изображения следует их выделить и выбрать команду Группировать меню Изменить, либо нажать комбинацию клавиш Ctrl+G.

Для того чтобы снова разбить группу элементов на отдельные составляющие следует ее выделить и выбрать команду Разгруппировать меню Изменить или нажать комбинацию клавиш Ctrl+Shift+G.

Выравнивание графики выполняется с помощью панели Выравнивание (рис. 9), вызываемой на экран командой Выравнивание меню Окно или нажатием комбинации клавиш Ctrl+K. Кроме того, можно выбрать команду Выравнивание подменю Панели контекстного меню выделенного графического фрагмента.

Панель Выравнивание содержит группы кнопок, выполняющих различные операции по выравниванию графики:

Группа кнопок Выровнять выполняет выравнивание:


  • по левой границе самого левого выделенного фрагмента (кнопка По левому краю);

  • по центральной горизонтальной оси всей выделенной группы фрагментов (кнопка По гориз. центру);

  • по правой границе самого выделенного фрагмента (кнопка По правому краю);

  • по верхней границе самого верхнего выделенного фрагмента (кнопка По верх. краю);

  • по центральной вертикальной оси всей выделенной группы фрагментов (кнопка По верт. центру);

  • по нижней границе самого нижнего выделенного фрагмента (кнопка По нижнему краю).

Группа кнопок Распределить выполняет следующее распределение графических фрагментов:

  • распределение верхних границ – перемещение фрагментов по горизонтали таким образом, чтобы их верхние границы находились на одинаковом расстоянии друг от друга;

  • распределение центров по вертикали;

  • распределение нижних границ по вертикали;

  • распределение левых границ – перемещение фрагментов по вертикали таким образом, чтобы их левые границы находились на одинаковом расстоянии друг от друга;

  • распределение центров по горизонтали;

  • распределение правых границ.

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

  • все фрагменты должны быть одинаковой ширины (кнопка Учитывать ширину);

  • все фрагменты должны быть одинаковой высоты (кнопка Учитывать высоту);

  • все фрагменты должны быть одинаковой ширины и высоты (кнопка Учитывать высоту и ширину).

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

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


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

Создание текстовых блоков выполняется с помощью инструмента Текст. Чтобы выбрать его, щелкните соответствующую кнопку в главном инструментарии или нажмите клавишу Т на клавиатуре. Указатель мыши примет вид небольшого крестика с буквой А. Щелкните мышью в той точке рабочего листа, где должен находиться левый верхний угол создаваемого текстового блока. После этого там появится небольшой синий прямоугольник с мигающим текстовым курсором. Введите в него текст, как это делается в любом текстовом редакторе, и выберите любой другой инструмент, чтобы завершить создание текстового блока. Можно также набрать текст в любой другой программе и перенести его в текстовый блок Flash-программы через буфер обмена Windows.

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

Форматирование символов текста во Flash выполняется с помощью редактора свойств (рис. 10), появляющемся при выборе инструмента Текст.

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

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

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

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

Флажок Автоинтервал включает или отключает кернинг – специальное пространство между символами. Дело в том, что некоторые пары символов требуют задания различных значений промежутка между ними. Например, промежуток между А и Ж должен быть меньше, чем между А и Л. Именно это и обеспечивает кернинг, благодаря которому текст выглядит более ровным.

Правее поля задания трекинга расположен еще один раскрывающийся список. Он задает положение символов относительно базовой линии текста (воображаемой линейки, по которой пишется текст): обычное положение теста на базовой линии, верхний индекс, нижний индекс. Можно также воспользоваться командами Надстрочный и Подстрочный подменю Стиль меню Текст. Первая превращает текст в верхний индекс, вторая – в нижний.

Вдоль нижнего края редактора свойств находится поле ввода URL (Uniform Resource Locator – унифицированный указатель ресурса). Если ввести в него нужный Интернет-адрес, то выделенный фрагмент текста превратится в гиперссылку.

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

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

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

Чуть ниже кнопок выравнивания находится кнопка Формат. При нажатии этой кнопки на экране появится диалоговое окно Опции формата (рис. 11), с помощью которого можно задать другие параметры абзаца.

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

Поле ввода Интервал задает расстояние между строками по вертикали. Оно вводится в пунктах.

Поля ввода Левое поле и Правое поле задают отступ текста слева и справа от границ текстового блока. Эти значения задаются в пикселах.

Задав параметры абзаца в диалоговом окне Опции формата, нажмите кнопку Готово, чтобы закрыть его. После закрытия этого окна заданные параметры будут сразу же применены.

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



  • Горизонтально – горизонтальный текстовый блок (значение по умолчанию);

  • Вертикально, слева направо – вертикальный текстовый блок с направлением текста слева направо;

  • Вертикально, справа налево – вертикальный текстовый блок с направлением текста справа налево.

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

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



  • Static Text (Статический текст) – создается обычный текстовый блок;

  • Dynamic Text (Динамический текст) – создается динамический текстовый блок;

  • Input Text (Поле ввода) – создается поле ввода.

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

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

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

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

Колонка имени слоя предназначена для ввода уникального имени каждого слоя, с помощью которого он однозначно идентифицируется. По умолчанию Flash дает слоям имя «Слой <номер>», но вы можете дать слою любое другое имя. Для этого дважды щелкните на имени нужного слоя. После этого вместо его имени появится небольшое поле ввода, в котором будет поставлено старое имя слоя. Введите новое имя слоя и нажмите клавишу Enter. Если вы передумали менять имя слоя, нажмите клавишу Esc.

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

Колонка блокировки слоя позволяет заблокировать какие-либо слои. Графика, находящаяся в заблокированном слое, недоступна для изменения. Чтобы заблокировать слой, щелкните мышью на точке, находящейся в колонке блокировки слоя (третья колонка). После щелчка появится красный крестик, который пропадает (снимается блокировка слоя) при щелчке на нем.

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

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

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

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

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

Новая папка получит имя вида «Папка <номер>». Лучше всего сразу же ее переименовать. Переименование папок осуществляется так же, как и переименование слоев: двойным щелчком левой кнопки мыши на нужной строке, вводом нового имени в поле и нажатием клавиши Enter.

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

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

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

Можно также перемещать папки в списке, изменяя порядок их расположения. При этом папки перемещаются вместе со своим содержимым: слоями и вложенными папками.

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



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


  1. Какие основные элементы содержит главное окно программы Macromedia Flash MX?

  2. Как убрать (вывести) панели инструментов (линейки, сетку) на экран?

  3. Какие параметры можно задать новому документу при его создании? Как это сделать?

  4. Как сохранить (закрыть) открытый документ?

  5. Как создать новый документ на основе шаблона? Какие категории шаблонов имеются в программе Macromedia Flash MX?

  6. Как открыть файл Flash-документа?

  7. Какими способами можно получить справку в программе Macromedia Flash MX?

  8. Какие инструменты позволяют создавать линии в программе Macromedia Flash MX? Как их использовать?

  9. Как задать цвет (толщину, стиль) рисуемых линий?

  10. Каким образом в программе Macromedia Flash MX наносятся мазки разной формы, толщины и цвета?

  11. Как нарисовать прямоугольник (квадрат), эллипс (окружность)?

  12. Как создать (изменить) заливку замкнутых фигур?

  13. Какими способами можно выделить графический фрагмент (несколько фрагментов или все фрагменты) на рабочем листе?

  14. Как, какими способами можно удалить ненужную графику?

  15. Какие режимы работы можно использовать при работе с инструментом Ластик? Какие действия осуществляются при выборе того или иного режима?

  16. Как отменить (вернуть) результат последних действий при работе с программой Macromedia Flash MX?

  17. Как переместить графический фрагмент (копию графического фрагмента) на новое место на рабочем листе?

  18. Как создать зеркальное отражение графического фрагмента без его перемещения?

  19. Какими способами можно осуществить вращение (сдвиг) графического фрагмента?

  20. Как изменить форму (размеры) графического фрагмента?

  21. Как сгруппировать (разгруппировать) созданные графические фрагменты?

  22. Какими способами и как осуществляется выравнивание (распределение) графики на рабочем листе?

  23. Как создать текстовый блок в программе Macromedia Flash MX?

  24. Как, каким образом можно отформатировать символы (абзац) в текстовом блоке?

  25. Как изменить расположение (тип, форму, размеры) текстового блока?

  26. Какими способами можно создать (удалить) слой в программе Macromedia Flash MX?

  27. Из каких колонок состоит список слоев? Каково их предназначение?

  28. Как создать папку (вложенную папку) слоев и поместить в нее нужные слои?

  29. Как переместить (удалить) папку слоев?

  1   2   3


Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©atelim.com 2016
rəhbərliyinə müraciət