Adobe Flash CS5.5 Professional позволяет быстро создавать анимированные объекты, изменять траекторию движения с помощью элементов управления Безье, редактировать анимацию и контролировать отдельные ее атрибуты. Инструменты работы с трехмерным изображением осуществляют комплексное преобразование объектов. Инструмент «Кости» помогает связывать объекты друг с другом и создавать эффект в виде цепи.
Новое для Adobe Flash Professional CS6:

Новая редакция предлагает функцию экспорта символов и последовательности анимации из Adobe Flash Professional для моментального создания листов спрайтов CSS, которые позволяют повысить качество и производительность проектов. Генерируемые проекты оптимизированы для большего числа устройств благодаря поддержке сред выполнения Flash Player 11.2 и Adobe AIR 3.2, а также поддержке новых платформ, включая Android, iOS и цифровой домашней техники Adobe.

Основные функции Adobe Flash Professional CS6:

• Анимация с помощью ведущих отраслевых инструментов. Создание и редактирование анимационных переходов при помощи инструментов редактирования по временной шкале и редактора движения. Использование обратной кинематики в целях создания естественных движений для анимации персонажей.


• Рисование. Эффективная и точная разработка графических объектов при помощи инструмента Smart Shape и мощных дизайнерских инструментов.


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


• Управление файлами проектов в формате FLA для различных устройств. Использование общего кода и ресурсов разных документов и устройств для эффективного создания, тестирования, компоновки и развертывания контента на различных экранах и устройствах.


• Совместная работа над проектами на базе реализации формата FLA на основе XML. Несжимаемые проекты отображаются как обычные папки, что ускоряет процессы управления и изменения ресурсов.


• Поддержка технологии HTML. Использование нового расширения (приобретается отдельно) совместно с основными функциями для работы с анимацией и рисования Flash Professional в целях создания интерактивного контента HTML. Экспорт элементов JavaScript для работы в среде с открытым кодом CreateJS.


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


• Использование готовых фрагментов кода. Фрагменты кода – это удобные средства вставки типовых действий, анимации, методики Multi-touch, а также других ресурсов.


• Работа с текстом. Глобальная поддержка языков с двунаправленной письменностью и набором API-интерфейсов для работы над текстом с типографским качеством при помощи новой среды TextLayout Framework. Точное сохранение компоновки текста при импорте из других продуктов Adobe.

Работа с объектами чертежа во Flash

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

1 Выберите зеленый оттенок в образце цвета «Заливка» на панели «Инструменты». Непосредственно под инструментом «Овал» выберите инструмент «Polystar» ().

2 Найдите кнопку «Рисование объекта» () в нижней части панели «Инструменты» и щелкните, чтобы выбрать ее.На этом этапе необходимо нажать кнопку, указывая на то, что режим рисования объектов включен.

3 Щелкните и перетащите, чтобы нарисовать новый многоугольник в рабочей области. Вы заметите, что фигура появляется внутри ограничительной рамки. Переключитесь на инструмент «Выделение» () и выберите «Правка»> «Отменить выделение всего».

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

5 Дважды щелкните заливку фигуры — вы попадете внутрь объекта рисования для редактирования его содержимого. Интересно, что содержимое объекта рисования — это те же объединяемые формы, с которыми вы работали на прошлом уроке. Вы можете думать об объекте рисования как о контейнере вокруг объединяемой формы, который удерживает его части сгруппированными вместе.

6 Выйдите из объекта рисования, дважды щелкнув по рабочей области. Еще раз вернитесь на панель инструментов и выберите инструмент Polystar (). Щелкните и перетащите, чтобы нарисовать другую фигуру в рабочей области, которая перекрывает многоугольник, нарисованный на шаге 3.

7 Выберите инструмент «Выделение» и выберите новую форму. Слегка отодвиньте его от исходной формы — вы заметите, что две формы не слились, как если бы они были сливаемыми. Оставьте новую фигуру выделенной и убедитесь, что она все еще немного перекрывает первую многослойную звезду.

8 Далее вы увидите, как объекты рисования можно аккуратно сложить и расположить даже на одном слое временной шкалы. Выделив новую форму, выберите «Модификация»> «Упорядочить»> «На задний план». Новая форма отодвигается от первой. Меню «Упорядочить» позволяет переупорядочивать объекты чертежа, группы и символы.

9 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть».

Собираем все вместе

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

1 Выберите «Файл»> «Открыть» и перейдите в папку fl01lessons. Выберите и откройте файл с именем fl0102.fla.

2 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить» перейдите в папку fl01lessons, затем введите fl0102_work.fla в текстовое поле «Сохранить как». Нажмите Сохранить.

3 В рабочей области вы видите одиночный овал — переключитесь на инструмент «Выделение» () и щелкните один раз на овале, чтобы выбрать его. Появится ограничивающая рамка, указывающая, что это объект чертежа. Взгляд на Property Inspector подтверждает это, так как он должен читать объект рисования вверху.

4 Для дальнейшего разделения этой формы вам нужно будет снова разбить ее на объединяемую форму, подобную тем, которые вы создали ранее. Убедитесь, что фигура выделена, и выберите «Модификация»> «Разбить на части». Теперь фигура отображается с точечным узором, который указывает на то, что это объединяемый графический объект.

5 Снимите выделение с овальной формы, щелкнув по монтажному столу или в другой области рабочей области.Чтобы создать рот вашей рыбы, щелкните и перетащите с помощью инструмента «Выделение», чтобы создать частичное выделение, которое перекрывает левый край овала. Удалите выделенную часть с помощью клавиши Backspace (Windows) или Delete (Mac OS). С помощью объединяемых фигур вы можете удалить частичное выделение, чтобы разрезать фигуры необычными способами.

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

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

8 Выберите «Файл»> «Сохранить», чтобы сохранить файл.

Использование инструмента «Линия»

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

1 Выберите инструмент «Линия» () на панели «Инструменты». Убедитесь, что режим рисования объектов отключен (при необходимости снимите флажок с кнопки «Рисование объектов» () в нижней части панели «Инструменты»). Выберите Solid в меню стиля в Инспекторе свойств, чтобы установить сплошную линию.

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

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

4 Чтобы изменить его с остроконечного хвоста на более подходящий закругленный, воспользуйтесь инструментом «Выделение». Выберите инструмент «Выделение» () и переместите курсор к середине первой созданной диагональной линии. Когда вы подойдете достаточно близко, под указателем появится изогнутый значок (). Щелкните и перетащите вверх, чтобы изогнуть линию в кривую. Как видите, инструмент «Выделение» также может изгибать или изменять форму прямых и кривых.

5 Повторите шаг 4 для каждой из трех оставшихся линий, пока не сформируется хвост.

6 Теперь вам нужно заполнить две стороны вашего нового хвоста. По умолчанию фигуры, нарисованные с помощью инструментов, ориентированных на контуры, таких как инструменты «Линия», «Перо» и «Карандаш», не заполняются автоматически. Чтобы заполнить эти формы, щелкните и выберите инструмент «Заливка» () на панели «Инструменты».

Инструмент «Заливка» позволяет добавлять заливки там, где их нет, или изменять цвет существующей заливки.

7 Щелкните образец цвета «Заливка» в нижней части панели «Инструменты». Выберите светло-оранжевый цвет с пометкой # FFCC00. (Вы также можете ввести это в текстовое поле в верхней части панели «Образцы», чтобы выбрать указанный цвет.) Щелкните внутри хвостовых плавников, чтобы заполнить их выбранным цветом.

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

9 Переключитесь на инструмент «Выделение» () и используйте технику, показанную в шагах 4 и 5, чтобы согнуть каждую линию в небольшую кривую в том же направлении.

10 При активном инструменте «Выделение» щелкните и выберите каждую из двух перекрывающихся линий, отделяющих хвост от тела рыбы.Нажмите Backspace (Windows) или Delete (Mac OS), чтобы убрать строки.

11 Выберите «Файл»> «Сохранить», чтобы сохранить файл.

Какой шестнадцатеричный код представляет собой шестнадцатеричный код?

Возможно, вы заметили, что каждый выбранный вами цвет (включая цвета, упомянутые в этих уроках) отмечен шестнадцатеричным кодом, шестизначным кодом, которому предшествует знак решетки (#).Шестнадцатеричный код — это двоичное представление цвета RGB, используемое для обозначения цветов в веб-языках и приложениях (таких как HTML, Dreamweaver и Fireworks).

Каждый байт или пара из двух цифр представляют значения красного, зеленого и синего цвета для этого цвета соответственно от 00 до FF (в десятичной записи значения от 0 до 255). Например, белый цвет в стандартных значениях RGB обозначается как 255,255,255 — в шестнадцатеричной системе счисления #FFFFFF.

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

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

Перейти к следующему руководству по Flash: Использование инструмента «Перо» во Flash>

Начало работы с инструментами рисования во Flash

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

Запуск

Перед началом убедитесь, что ваши инструменты и панели согласованы, сбросив рабочее пространство. См. «Сброс рабочего пространства Flash» в разделе «Запуск» этой книги.

В этом уроке вы будете работать с несколькими файлами из папки fl01lessons. Убедитесь, что вы загрузили папку CClessons на свой жесткий диск. Они доступны для загрузки, если вы приобрели цифровую версию книги, или на DVD, который включен в печатную версию.См. «Загрузка файлов уроков» в разделе «Начало работы» этой книги.

Рисунок во Flash

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

Использование режима слияния чертежей

Режим по умолчанию — режим слияния чертежей.Сначала этот режим может быть трудным для понимания новыми пользователями, особенно теми, кто уже знаком с инструментами рисования в Adobe Illustrator. Однако в этом уроке вы увидите, как режим «Объединить рисование» предлагает некоторые уникальные преимущества по сравнению с традиционными инструментами рисования. Чтобы просмотреть готовый проект, выберите «Файл»> «Открыть в Flash Professional CC». В диалоговом окне «Открыть» перейдите в папку fl01lessons и выберите файл fl0102_done.fla, затем нажмите «Открыть». Оставьте этот файл открытым для справки или выберите «Файл»> «Закрыть», чтобы закрыть файл.

Создание иллюстраций в режиме объединенного чертежа

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

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

1 Запустите Flash CC Professional, если он еще не открыт.

2 Выберите «Файл»> «Открыть» и перейдите в папку fl01lessons, которую вы скопировали на свой компьютер. Выберите и откройте файл с именем fl0101.fla. Вы начнете работу с простой формы, нарисованной в режиме слияния рисунков.Во-первых, вам нужно убедиться, что вы находитесь в правильном режиме рисования.

3 Выберите инструмент «Овал» () на панели «Инструменты Flash». Этот инструмент сгруппирован с инструментом Овальный примитив, и вам может потребоваться щелкнуть и удерживать кнопку мыши на текущем выбранном инструменте формы, чтобы выбрать его.

4 В нижней части панели «Инструменты Flash» найдите кнопку «Рисование объекта» () и убедитесь, что она не выбрана.Эта кнопка определяет, рисуете ли вы в режиме слияния или рисования объектов. При выборе кнопка отображается затененной.

5 Затем вы выберете цвета заливки (внутри) и обводки (контура). В нижней части панели инструментов Flash найдите образец цвета, отмеченный значком карандаша (), и щелкните его. Появится панель «Образцы» — выберите черный в качестве цвета обводки. Под ним щелкните образец цвета, отмеченный значком ведерка с краской () — на панели «Образцы» выберите светло-оранжевый цвет для заливки.Нажмите кнопку «Сбросить» в нижней части инспектора свойств, чтобы убедиться, что для всех параметров овала установлено значение 0.

6 Щелкните и перетащите в середине рабочей области, чтобы нарисовать овал. Когда вы будете удовлетворены размером и формой, отпустите кнопку мыши. Переключитесь на инструмент «Выделение» () в верхней части панели «Инструменты»; этот инструмент позволяет вам выбирать, перемещать и манипулировать элементами в рабочей области.

7 Щелкните один раз на области заливки (внутренней) фигуры, и заливка станет выделенной без обводки (контура).Дважды щелкните заливку, и обводка и заливка станут выделенными. Теперь вы можете перемещать или манипулировать фигурой как одним целым объектом. Снимите выделение с формы, щелкнув по сцене.

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

9 Затем вы нарисуете новую фигуру, которая перекрывает текущую. Снова выберите инструмент «Овал» () на панели «Инструменты» справа. Вы можете оставить текущие настройки цвета без изменений. Щелкните и перетащите, чтобы нарисовать новую фигуру, частично перекрывающую первую. Еще раз переключитесь на инструмент «Выделение».

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

11 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить» перейдите в папку fl01lessons, затем введите fl0101_work.fla в текстовое поле «Сохранить как». Нажмите Сохранить.

Держать панели открытыми

Во Flash можно настроить автоматическое сворачивание панелей после завершения работы с ними.

Для автоматического сворачивания панелей выберите «Flash»> «Настройки» (Mac) или «Правка»> «Настройки» (Windows), затем установите флажок «Автоматическое сворачивание панелей со значками».

Перейти к следующему руководству Flash: Работа с объектами рисования во Flash>

Flash. Рисуем сцену. Основные инструменты рисования.

Инструменты формы

Инструменты «Фигура» рисуют фигуры. Угу …
Удерживайте Shift, чтобы нарисовать идеальный квадрат или круг.
Удерживайте Alt (или Option), чтобы рисовать от центра к краю.

Вы автоматически получаете свойства обводки для контура формы и свойства заливки для заливки.

Попрактикуйтесь в рисовании фигур.

Установите цвет заливки для вашей первой формы.

Установить цвет обводки на нет .

Нарисуйте прямоугольники неба и земли на слое 1.

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

Переименуйте слой.

Затем заблокируйте его.

Создайте новый слой для фоновой графики.

Кисть

Инструмент «Кисть» рисует (раскрашивает) со свойствами заливки.

Даже если вы рисуете очень тонкую линию с помощью инструмента «Кисть» — это все равно будет «очень тонкая» форма, а не линия.

Выберите цвет для фоновых объектов.

Вы можете изменить настройку сглаживания на панели «Свойства». Он находится в диапазоне от 0 до 100.Ниже представлены два мазка кисти с обоими настройками.

Верхний штрих имеет параметр сглаживания, равный 0. Он остается таким, каким вы его нарисовали.

Нижний штрих устанавливается сглаживанием 100 — это делает контур более плавным и простым.

Размер кисти можно изменить на панели «Инструменты» или с помощью клавиш [и]. Однако размер кисти ограничен.

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

Ниже представлены три снимка экрана с одинаковым размером мазка кисти, но с разным увеличением.

Вы также можете изменить форму кисти на панели «Инструменты».

Вы можете рисовать большие формы с помощью инструмента «Кисть».

Для рисования прямых линий — удерживайте Shift.

Используйте инструмент «Заливка», чтобы заполнить контур фигуры, нарисованный с помощью инструмента «Кисть».

Просто щелкните внутри контура формы.

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

Чтобы этого избежать — у вас есть три варианта:

1. Используйте дополнительный слой.

2. Нарисуйте фигуры как «объекты рисования». Объект может содержать только формы.

3. Выделите фигуру и сгруппируйте ее («Модификация»> «Сгруппировать»). Группы могут содержать несколько фигур, линий, групп и символов.

Объект

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

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

Вы можете добавлять к форме: линии, другие формы, изменять цвета, стирать и т. Д.

Единственное, что вы не можете сделать, это добавить еще один объект чертежа внутри объекта чертежа .

Вот почему перед добавлением фигур внутри рисованного объекта снимите флажок «Объект» на панели инструментов.

Чтобы вернуться к основной сцене — нажмите на сцену 1.

Чтобы преобразовать объект рисования обратно в простую форму: «Модификация»> «Разбить на части»

группы

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

Группы обведены голубым контуром.

Дважды щелкните группу, и вы попадете в режим редактирования группы.

Если вам нужно отредактировать другую группу или объект внутри группы — дважды щелкните еще раз.

Теперь, когда вы все знаете — продолжайте добавлять детали.

1. Знакомство с Flash — Flash CS6: Отсутствующее руководство [Книга]

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

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

• Windows . Перейдите в папку C: \ Program Files \ Adobe \ Adobe Flash CS6 \ Flash.exe . Вы можете создать ярлык или перетащить файл на панель задач для более быстрого запуска.

• Mac . Перейдите в Macintosh HD \ Applications \ Adobe Flash CS6 \ Adobe Flash CS6 .Вы можете создать псевдоним или перетащить файл в Dock для более быстрого запуска.

Рисунок 1-1. Рабочее пространство Flash Professional разделено на три основные области: этап, временная шкала и док-панель. Все это окно вместе с временной шкалой, панелями инструментов и панелями иногда называют рабочим столом Flash, интерфейсом Flash или средой разработки Flash.

Вот еще несколько способов запуска программы в Windows:

• В меню «Пуск» Vista или Windows 7 выберите «Все программы» → Adobe Flash Professional CS6.

• В Windows XP выберите Пуск → Все программы → Adobe → Adobe Flash Professional CS6.

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

Вот несколько вариантов запуска Mac:

• Даже если вы не добавили значок Flash в док-станцию, вы все равно можете найти его в папке «Приложения» док-станции.Щелкните и удерживайте значок папки «Приложения» и выберите «Adobe Flash CS6» → «Adobe Flash CS6».

• Хотите выследить Flash в Finder? В большинстве случаев он устанавливается в Macintosh HD → Приложения → Adobe Flash CS6 → Adobe Flash CS6.

• Если вы предпочитаете печатать, а не искать, используйте Spotlight. Нажмите ⌘-пробел и затем начните вводить flash . По мере ввода в Spotlight отображается список подходящих программ и файлов. Скорее всего, программа Flash находится вверху списка и уже выбрана, поэтому просто нажмите Return.В противном случае используйте мышь или клавиши со стрелками для выбора и запуска программы.

При первом запуске Flash появляется экран приветствия, показанный на Рисунке 1-2. На этом экране все ваши параметры — например, создание нового документа или возвращение к незавершенной работе — собраны в одном удобном месте. Для удобства Adobe включает на свой веб-сайт несколько ссылок на справочные материалы и ресурсы.

Рисунок 1-2. Этот экран приветствия появляется при первом запуске Flash, а также при каждом последующем запуске, если только вы не установите флажок «Больше не показывать» (потяните вниз нижнюю часть окна, если вы его не видите).Если вам когда-либо не хватало удобства просмотра всех последних Flash-документов, встроенных шаблонов и других параметров в одном месте, вы можете снова включить его, выбрав «Правка» → «Настройки» (Windows) или «Flash» → «Настройки» (Mac). На панели «Общие» выберите «Экран приветствия» во всплывающем меню при запуске.

Примечание

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

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

• Создать из шаблона . Щелкнув один из маленьких значков под этой опцией, вы сможете создать Flash-документ, используя предварительно разработанную форму, которая называется шаблоном . Шаблон помогает вам быстрее создавать анимацию, поскольку разработчик Flash уже сделал за вас часть работы.Вы можете узнать больше о шаблонах в Главе 7.

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

  Подсказка

  Параметры для создания новых документов Flash и открытия недавних документов также отображаются в меню «Файл», как показано на рис. 1-3.

  Рисунок 1-3.Некоторые из параметров в каждом меню включают сочетания клавиш, которые позволяют выполнять действие без необходимости наводить указатель мыши до самого меню. Например, вместо выбора «Файл» → «Сохранить как» вы можете нажать Ctrl + Shift + S, чтобы сообщить Flash о необходимости сохранения вашего Flash-документа. На Mac нажатие клавиши Shift-⌘-S.

• Создать новый . Щелкнув одну из перечисленных здесь опций, вы сможете создать совершенно новый Flash-файл. В большинстве случаев вам нужно выбрать первый вариант — ActionScript 3.0, который представляет собой разнообразный анимационный файл. ActionScript — это основной язык программирования для Flash-анимации. Текущая версия ActionScript — 3.0, и именно эта версия используется в проектах, описанных в этой книге. Вы можете использовать опцию ActionScript 2.0, если вам нужно работать с Flash-проектом, который был создан несколько лет назад. Подробнее о форматах файлов для различных проектов Flash см. В поле ниже.

  Примечание

  Старые профессионалы программирования — вы знаете, кто вы — могут иметь причины предпочесть ActionScript 2.0. Например, вы можете выбрать этот вариант, если продолжаете работу над проектом, созданным с помощью ActionScript 2.0, или если вы работаете в команде с помощью ActionScript 2.0.

• Расширить . Если щелкнуть ссылку Flash Exchange под этой опцией, Flash откроет ваш веб-браузер и загрузит веб-сайт Flash Exchange. Там вы можете загружать компоненты Flash, звуковые файлы и другие полезности, которые вы можете добавлять в свои Flash-анимации. Некоторые из них бесплатны, некоторые платные, и все они созданы Flashionados, как и вы.

• Выучить . Как вы могли догадаться, эти ссылки ведут к материалам, разработанным Adobe для того, чтобы помочь вам начать работу. Выберите вариант, и ваш веб-браузер откроет страницу на веб-сайте Adobe. В первых нескольких темах представлены основные концепции Flash, такие как символы, экземпляры и временные шкалы. Ниже по списку вы найдете конкретные темы для создания приложений для мобильных устройств или веб-сайтов (AIR). Внизу экрана приветствия «Начало работы» описываются самые основы.«Новые возможности» объясняют (и отмечают) некоторые из новых наворотов Flash CS6. «Разработчики» ведут к онлайн-журналу со статьями и видео, посвященными программированию на ActionScript. «Дизайнеры» — это аналогичный ресурс для сообщества разработчиков Flash-графики и дизайнеров.

Лучший способ освоить рабочее пространство Flash CS6 Professional — разделять и властвовать. Во-первых, сосредоточьтесь на трех основных рабочих областях: сцене, временной шкале и закреплении панелей. Затем вы сможете постепенно научиться использовать все инструменты в этих областях.

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

К счастью, есть простой способ сделать это. Adobe, проявив мудрость, создала переключатель рабочих пространств — инструмент, который позволяет вам переупорядочивать все рабочее пространство одним щелчком меню. Считается, что идеальное рабочее пространство для мультипликационного аниматора отличается от идеального рабочего места, скажем, для разработчика многофункциональных интернет-приложений (RIA). Переключатель рабочего пространства — это меню в правом верхнем углу окна Flash, рядом с полем поиска. В меню отображается имя текущего выбранного рабочего пространства; при первом запуске Flash, вероятно, написано Essentials .Это отличное рабочее пространство, в котором отображаются некоторые из наиболее часто используемых инструментов. Фактически, это рабочее пространство, используемое на протяжении большей части этой книги.

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

1. Start Flash .

   Flash открывается, отображая экран приветствия. Если вы не внесли изменений, используется рабочая область Essentials.См. Рис. 1-4, вверху.

2. В меню «Рабочая область» в правом верхнем углу окна Flash выберите «Классический ».

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

3. Снова выберите рабочее пространство Essentials .

   Вернемся к тому месту, где вы начали, в рабочем пространстве Essentials внизу показана временная шкала.Сцена занимает большую часть главного окна. Справа в доке «Панели» находятся панели инструментов и панели. Пришло время устроить небольшой хаос.

   Рисунок 1-4. Вверху: в этой книге используется рабочее пространство Essentials. Внизу: классическое рабочее пространство показывает временную шкалу над сценой, знакомую ветеранам Flash Pro.

4. В доке «Панели» щелкните вкладку «Свойства» и перетащите ее в новое место на экране .

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

5. Перетащите панели инструментов «Цвет» и «Образцы» в новое место .

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

6. Перейти в окно → Другие панели → История .

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

   Подсказка

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

7. В меню «Рабочая область» выберите «Сбросить Essentials ».

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

В любое время, когда вы хотите, чтобы ваше рабочее пространство соответствовало тому, которое используется на протяжении большей части этой книги, выполните «Основное двухэтапное действие»: выберите Основное в переключателе рабочего пространства (если вы еще не сделали этого), а затем выберите «Сбросить Основное» . Как показано на рисунке 1-4, когда вы используете рабочее пространство Essentials, окно Flash делится на три основные рабочие области: этап (вверху слева), временная шкала (внизу слева) и стыковка панелей (справа). Прежде чем подробно изучить каждую из этих областей, несколько слов о строке меню Flash.

Как и большинство компьютерных программ, Flash предоставляет вам меню для взаимодействия с вашими документами. Традиционно меню Windows отображаются в верхней части окна программы, а меню Mac всегда находятся в самом верху экрана. Команды в этих меню содержат список всех возможных способов взаимодействия с файлом Flash, от создания нового файла — как показано в разделе «Запуск Flash» до его редактирования, сохранения и управления тем, как он отображается на экране.

Некоторые названия меню — «Файл», «Правка», «Просмотр», «Окно» и «Справка» — знакомы всем, кто использовал ПК или Mac.Используя эти пункты меню, вы можете выполнять основные задачи, такие как открытие, сохранение и печать файлов Flash; вырезание и вставка рисунков или текста; просмотр вашего проекта по-разному; выбор панелей инструментов для просмотра; получать помощь; и более.

Чтобы просмотреть меню, просто щелкните имя меню, чтобы открыть его, а затем выберите пункт меню. При желании вы также можете перетащить вниз до нужного варианта. Отпустите кнопку мыши, чтобы активировать опцию. На рис. 1-3 показано, как выглядит меню «Файл».В большинстве случаев вы видите одни и те же меню в верхней части экрана, но иногда они меняются. Например, когда вы используете отладчик для устранения неполадок программ ActionScript, Flash скрывает некоторые меню, не связанные с отладкой.

Подсказка

Вы узнаете о конкретных командах и опциях меню в соответствующих главах. Для быстрого ознакомления со всеми опциями меню см. Приложение B.

Как следует из названия, стадия обычно находится в центре внимания. Это ваш виртуальный холст.Здесь вы рисуете картинки, отображаете текст и заставляете объекты перемещаться по экрану. Сцена также является ареной для воспроизведения; когда вы запускаете завершенную анимацию — чтобы увидеть, нужно ли ее настраивать — анимация появляется на сцене. На рис. 1-5 показан проект с анимацией в стадии разработки.

Рисунок 1-5. На сцене вы рисуете картинки, которые в конечном итоге станут вашей анимацией. Рабочая область (светло-серая) дает вам удобное место для размещения графических элементов, пока вы решаете, как вы хотите расположить их на сцене.Здесь текстовое поле перетаскивается из рабочей области обратно в центр сцены.

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

Примечание

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

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

Когда вы идете в театр, сцена со временем меняется — актеры приходят и уходят, поют песни, меняются декорации, а свет сияет и гаснет. Во Flash вы являетесь режиссером и можете управлять тем, что появляется на сцене в любой момент.Временная шкала — это инструмент, позволяющий указать, что вы видели или слышали в определенный момент. Концепция довольно проста, и если вы когда-либо использовали программное обеспечение для редактирования видео, она вам будет знакома. Флэш-анимации (или фильмы) организованы в отрезки времени, называемые кадрами . Каждый маленький прямоугольник на временной шкале представляет собой кадр или момент времени. Вы используете точку воспроизведения , показанную на рисунке 1-6, для выбора определенного кадра. Поэтому, когда ползунок находится в кадре 10, сцена показывает то, что аудитория видит в этот момент времени.

Рисунок 1-6. Ползунок представляет собой красную рамку, которая появляется на шкале времени; здесь указатель воспроизведения установлен на кадр 10. Вы можете перетащить указатель воспроизведения в любую точку временной шкалы, чтобы выбрать один кадр. Этап Flash показывает, что именно было в вашей анимации в данный момент времени.

Временная шкала располагается слева направо, начиная с кадра 1. Проще говоря, вы создаете Flash-анимацию, выбирая кадр с помощью курсора воспроизведения, а затем располагая объекты на сцене так, как вы хотите.Временная шкала использует специальный инструмент под названием ключевой кадр (см. Рис. 1-6), чтобы точно запомнить, что находится на сцене в данный момент. Вы узнаете больше о ключевых кадрах и других инструментах временной шкалы в главе 3. Большинство простых анимаций воспроизводятся от кадра 1 до конца фильма, но Flash дает вам способы запускать и останавливать анимацию и контролировать ее скорость — это количество кадров в секунду (fps) отображается. Используя некоторую магию ActionScript, вы можете управлять порядком, в котором отображаются кадры.Вы узнаете, как это сделать, в разделе «Организация анимации».

Подсказка

При первом запуске Flash шкала времени появляется автоматически, но иногда вы хотите ее скрыть — возможно, чтобы уменьшить беспорядок на экране, пока вы сосредотачиваетесь на своей работе. Вы можете показать или скрыть временную шкалу, выбрав «Окно» → «Временная шкала» или нажав Ctrl + Alt + T (или для Mac, Option-⌘-T).

Если вы следовали небольшому упражнению «Знакомство с рабочим пространством Flash», то знаете, что можете размещать панели и панели инструментов практически в любом месте экрана.Однако, если вы используете рабочее пространство Essentials, вы начинаете с нескольких часто используемых панелей и панелей инструментов, аккуратно закрепленных в правой части окна программы.

В номенклатуре Flash легко запутаться. Flash имеет панели инструментов, панели, палитры и окна. Иногда свернутые панели выглядят как панели инструментов и открываются при нажатии, как часто используемая панель «Инструменты». Панели инструментов и панели объединяют наиболее часто используемые параметры вместе в красивом компактном пространстве, поэтому вам не придется рыться в главном меню каждый раз, когда вы хотите что-то сделать.Панели — это здорово, но они занимают драгоценную недвижимость. Во время работы вы можете скрыть определенные инструменты, чтобы лучше видеть свои работы. (Вы всегда можете вернуть их, выбрав их имена в меню «Окно».)

Панели инструментов и панели являются такой неотъемлемой частью работы с Flash, что полезно изучить некоторые из их приемов на раннем этапе:

• Перемещение панель . Просто щелкните и перетащите вкладку или верх панели в новое место. Панели могут располагаться в любом месте монитора или закрепляться на краю окна программы Flash (как в рабочем пространстве Essentials).Дополнительные сведения о стыковке и плавании см. В рамке «Пристыковка и плавание».

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

• Показать или скрыть панель .Используйте меню «Окно», чтобы отображать и скрывать отдельные панели. Галочки появляются рядом с показанными панелями.

• Закройте плавающую панель . В Windows щелкните маленький значок X в правом верхнем углу панели. На Mac щелкните X в верхнем левом углу.

• Показать или скрыть все панели . Клавиша F4 работает как переключатель, скрывая или показывая все панели и панели инструментов. Используйте его, когда хотите быстро уменьшить беспорядок на экране и сосредоточиться на своих произведениях.

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

• Сбросить рабочее пространство панели . Выберите Сброс <имя рабочего пространства> в переключателе рабочего пространства. Вместо <имя рабочего пространства> вы видите имя текущего рабочего пространства — что-то вроде Essentials или Classic . Вы также можете выполнить сброс с помощью меню; выберите Окно → Рабочая область → Сбросить <имя рабочей области>.

Рисунок 1-7. Вверху: чтобы сэкономить место на забитом рабочем столе Flash, автоматически появляется только одна панель инструментов — панель редактирования. Он расположен прямо над сценой. Чтобы отобразить два других, выберите «Окно» → «Панели инструментов» → «Главное» (для отображения главной панели инструментов, только для Windows) и «Окно →« Панели инструментов »→« Контроллер »(для отображения окна« Контроллер »). Внизу: галочки в меню отображаются, когда панель инструментов включена. Снова выберите имя панели инструментов, чтобы снять флажок и скрыть панель инструментов.

Примечание

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

Строго говоря, Flash имеет только три панели инструментов: Main, Controller и Edit. (Все остальное представляет собой панель, даже если она подозрительно похожа на панель инструментов.) На рис. 1-7 показаны все три панели инструментов.

• Главное (только Windows) .Основная панель инструментов предоставляет вам основные операции одним щелчком, такие как открытие существующего файла Flash, создание нового файла, а также вырезание и вставка частей вашего чертежа.

• Контроллер . Если вы когда-либо использовали DVD-плеер или iPod, вы узнаете кнопки «Стоп», «Перемотка назад» и «Воспроизведение» на панели инструментов «Контроллер», которые позволяют контролировать, как Flash будет запускать готовую анимацию. (Неудивительно, что параметры контроллера отображаются серым цветом — это означает, что вы не можете их выбрать, если вы еще не создали анимацию.) В Flash Professional CS6 контроллер немного устарел, потому что теперь те же кнопки появляются под шкалой времени.

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

Примечание

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

Панель инструментов уникальна. Для дизайнеров это, наверное, самая используемая из панелей и панелей инструментов. В рабочем пространстве Essentials панель «Инструменты» появляется в правой части окна программы Flash. Текстовых надписей нет, только набор иконок. Однако, если вам нужна подсказка, просто наведите указатель мыши на один из инструментов, и всплывающая подсказка покажет имя инструмента. Так, например, наведите указатель мыши на стрелку в верхней части панели «Инструменты», и во всплывающей подсказке будет указано «Инструмент выделения (V)».Буква в скобках — это горячая клавиша для этого инструмента. Нажмите букву V во время работы во Flash, и ваш курсор изменится на инструмент «Выделение».

Большинство анимаций начинается с одного рисунка. А чтобы нарисовать что-нибудь во Flash, вам понадобятся инструменты для рисования: ручки, карандаши, кисти, краски, ластики и так далее. На панели «Инструменты», показанной на рис. 1-8, вы найдете инструменты для рисования Flash. В главе 2 показано, как использовать эти инструменты для создания простого рисунка; В этом разделе представлен краткий обзор шести разделов панели «Инструменты», каждый из которых посвящен немного разному типу инструмента рисования или дополнительным функциям.

Инструменты выделения и рисования

В верхней части панели «Инструменты» находятся инструменты, необходимые для создания и изменения чертежа Flash. Например, вы можете использовать инструмент «Перо», чтобы начать набросок, ведро с краской или бутылку с чернилами, чтобы применить цвет, и ластик, чтобы убрать ошибки.

Рисунок 1-8. На панели «Инструменты» инструменты сгруппированы по разным видам рисования. Инструменты выделения и преобразования находятся вверху, за ними следуют инструменты рисования. Далее идут инструменты IK Bones и Color. Инструменты просмотра предназначены для масштабирования и панорамирования.Инструменты «Цвет» включают два образца: один для обводки, а другой — для заливки. Внизу вы найдете кнопки параметров, которые меняются в зависимости от выбранного вами инструмента рисования. При желании вы можете перетащить закрепленную панель «Инструменты» от края рабочего пространства и превратить ее в плавающую панель.

Иногда вы обнаруживаете, что рисуете настолько огромную картину, что не можете увидеть ее на сцене одновременно. Или, возможно, вы обнаружите, что рисуете что-то, на что хотите внимательно рассмотреть, чтобы вы могли изменять его пиксель за пикселем.В любой из этих ситуаций вы можете использовать инструменты Flash, отображаемые в разделе «Просмотр» на панели «Инструменты», для увеличения, уменьшения и панорамирования сцены. (Вы сможете попробовать свои силы в использовании этих инструментов позже в этой главе; см. Тест-драйв Flash CS6.)

Примечание

Термин пиксель является сокращением от «элемента изображения». Изображение на экране компьютера состоит из множества крошечных точек, излучающих разные цвета. Каждая точка — это пиксель.

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

Какие значки появляются в разделе «Параметры» в любой момент времени, зависит от того, какой инструмент вы выбрали. Например, когда вы выбираете инструмент «Масштаб» в разделе «Просмотр» на панели «Инструменты», в разделе «Параметры» отображаются значок «Увеличить» и значок «Уменьшить», которые можно использовать для изменения способа работы инструмента «Масштаб» (рис. 1-9).

Рисунок 1-9. На панели «Инструменты», когда вы щелкаете каждый инструмент, в разделе «Параметры» отображаются кнопки, позволяющие изменять этот конкретный инструмент. Например, в разделе «Просмотр» панели «Инструменты» при нажатии на инструмент «Масштаб» в разделе «Параметры» отображаются только параметры масштабирования: «Увеличить» (со знаком «+») и «Уменьшить» (со знаком «-»).

Во многих отношениях панель «Свойства» является центром управления при работе с анимацией, поскольку она собирает все необходимые сведения об объектах, с которыми вы работаете, и отображает их в одном месте.Выберите объект, и на панели «Свойства» отобразятся все его свойства и настройки. Это не просто поставщик информации; вы также можете использовать панель «Свойства» для изменения настроек и настройки элементов анимации. Когда необходимо выполнить точную настройку, выберите объект и настройте параметры на панели «Свойства». (Вы можете узнать больше в разделе «Тест-драйв» на «Тест-драйве Flash CS6».)

Панель «Свойства» обычно появляется при открытии нового документа. Первоначально он показывает информацию о вашем Flash-документе, такую ​​как размеры рабочей области и частоту кадров анимации.Всякий раз, когда вы выбираете отдельный объект в своей анимации, на панели «Свойства» отображаются сведения об этом объекте. Например, если вы выбираете текстовое поле, на панели «Свойства» отображается шрифт, размер шрифта и цвет текста. Вы также видите информацию о параметрах абзаца, например о полях и межстрочном интервале. Поскольку панель «Свойства» объединяет так много деталей в одно место, вы обнаружите, что используете кнопки свертывания и развертывания, чтобы отображать и скрывать некоторую информацию на ее подпанелях, как показано на рис. 1-10.

Рисунок 1-10. На панели «Свойства» отображаются только те свойства, которые связаны с объектом, который вы выбрали в рабочей области. Здесь, поскольку выбрано текстовое поле, панель «Свойства» предоставляет вам параметры, которые можно использовать для изменения гарнитуры, размера шрифта, цвета шрифта и параметров абзаца. Нажмите треугольные кнопки развертывания и свертывания, чтобы отобразить или скрыть детали на панели «Свойства».

Примечание

Если вы не видите панель «Свойства», вы можете отобразить ее, выбрав «Окно» → «Свойства» или нажав Ctrl + F3 (⌘-F3 на Mac).

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

Панель «Библиотека» (рис. 1-11) — это место для хранения объектов, которые вы хотите использовать более одного раза. Предположим, например, что вы создаете идеальный пузырь, солнце или снежинку в одном кадре анимации. (Вы узнаете больше о кадрах в покадровой анимации.) Теперь, если вы хотите, чтобы этот пузырь, солнце или снежинка появлялись в 15 дополнительных кадрах, вы, , можете рисовать снова и снова, но это действительно делает имеет смысл сохранить копию в текущей библиотеке проекта, а затем просто перетащить ее туда, где она нужна, на остальных 15 кадрах.Этот трюк экономит время и обеспечивает постоянство загрузки. На панели «Библиотека» есть еще немало других важных приемов, о которых вы узнаете больше в разделе «Символы и экземпляры». Чтобы отобразить панель «Библиотека», выберите «Окно» → «Библиотека» или нажмите Ctrl + L (Windows) или ⌘-L (Mac).

Совет

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

Рисунок 1-11. Сохранение простых изображений в виде многоразовых символов на панели «Библиотека» не просто экономит ваше время: оно также сохраняет размер файла. (Вы узнаете гораздо больше о символах и размере файла в главе 7.) Используя панель «Библиотека», которую вы видите здесь, вы можете предварительно просмотреть символы, добавить их в рабочую область и легко добавить символы, созданные в одном документе Flash, в другой.

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

Таблица 1-1. Панели Flash и их использование (в том порядке, в котором они отображаются в меню «Окно»)

Для учебных пособий в этом разделе вам понадобится Flash-анимация, на которой можно попрактиковаться. Один из них уже готов и ждет вас на странице пропавших без вести по адресу www.missingmanuals.com/cds/flashcs6mm. Файл называется 01-1_First_Animation.fla .

Примечание

Если вам интересно, цифра 01 в начале обозначает главу 1, а -1 указывает на то, что это первое упражнение в главе.Другие отсутствующие файлы компакт-диска для этой книги названы таким же образом. Вы можете загрузить все файлы упражнений в одном ZIP-файле или скопировать их по главам. На отсутствующем компакт-диске также есть ссылки на все веб-ресурсы, упомянутые в этой книге.

Получите файл 01-1_First_Animation.fla и сохраните его на своем компьютере. Возможно, вы захотите создать папку FlashMM в папке «Мои документы» или «Документы» для хранения упражнений, которые не выполняются вручную. Запустите Flash, а затем выберите «Файл» → «Открыть».Когда появится диалоговое окно «Открыть», перейдите к только что загруженному файлу и нажмите «Открыть». Когда вы открываете документ, экран приветствия исчезает. Flash показывает вам анимацию на сцене, окруженную обычной шкалой времени, панелями инструментов и панелями. Если вы используете рабочее пространство Essentials, оно должно выглядеть, как показано на рис. 1-12.

Рисунок 1-12. После того как вы откроете упражнение во Flash, ваш экран должен выглядеть следующим образом. Внизу на шкале времени показаны два слоя: один с именем background, а другой — с колесом.Сцена показывает (удивление, удивление) фон и колесо. Справа на панели «Свойства» отображаются свойства документа.

Изучение панели свойств

Панель «Свойства» появляется прикрепленной к правой стороне рабочей области, когда вы открываете новый документ. Как показано на рисунке 1-13, он показывает настройки свойств для объектов. Первоначально он показывает свойства самого документа Flash. Щелкните другой объект, например колесо, и вы увидите его свойства. Почему свойства так важны? Они дают очень точное описание объектов.Если вам нужно точно определить цвет или размеры объекта, используйте панель «Свойства». Он не только сообщает подробности, но также предоставляет инструменты для внесения изменений, как показано в этом небольшом упражнении:

1. В верхней части панели «Инструменты» щелкните инструмент «Выделение» (сплошная стрелка) .

   В качестве альтернативы нажмите клавишу V, сочетание клавиш для инструмента «Выделение».

2. Щелкните белую часть сцены .

   На панели «Свойства» отображаются свойства вашего Flash-документа. Вверху вы видите слово «Документ», а внизу — имя файла.

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

3. Нажмите кнопку с треугольником, чтобы открыть подпанель «Свойства» .

   Кнопка работает как переключатель, открывая и закрывая субпанель. На субпанели отображаются три параметра: FPS (кадров в секунду), Размер и Этап.

4. Щелкните белый прямоугольник рядом с этапом .

   Откроется панель с образцами цвета.

5. Щелкните образец цвета — подойдет любой цвет .

   Цвет фона рабочей области изменится на выбранный вами.

6. Щелкнуть колесиком .

   Информация о колесе заполняет панель «Свойства». Колесо — это особый тип объекта, называемый символом Movie Clip . Вы узнаете гораздо больше о фрагментах роликов и других повторно используемых символах в главе 7.

Примечание

Вы можете заметить, что вы не можете выбрать что-либо еще в этом документе. Это потому, что другие объекты находятся в фоновом слое, который заблокирован. (Дополнительные сведения о блокировке слоев см. В разделе «Блокировка и разблокировка слоев».)

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

Вот как изменить размер вашей сцены:

1. С помощью инструмента «Выделение» щелкните пустую область сцены (чтобы убедиться, что на сцене ничего не выделено) .

   Вы также можете щелкнуть инструмент «Выделение» и затем выбрать «Правка» → «Отменить выделение всего».

2. На панели «Свойства» откройте подпанель «Свойства» и нажмите кнопку «Изменить» .

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

   Рисунок 1-14. Диалоговое окно «Параметры документа» объединяет несколько связанных параметров. Вверху указаны размеры документа. В нижнем левом углу находятся настройки цвета фона рабочей области и частоты кадров. Щелкните «Единицы измерения линейки», чтобы выбрать дюймы, точки, сантиметры, миллиметры и пиксели.

3. Щелкните поле ширины (в настоящее время это «550 пикселей») и введите 600 .

   Вы можете изменять как ширину, так и высоту. Изменения не вступят в силу, пока вы не нажмете ОК. Так что, если у вас есть сомнения и вы не хотите вносить какие-либо изменения, просто нажмите «Отмена».

   Подсказка

   Если вы хотите вернуть исходные размеры рабочей области после нажатия кнопки «ОК», вы можете сделать это, выбрав «Правка» → «Отменить» или нажав Ctrl + Z (⌘-Z на Mac). Отменить работает так же, как и в большинстве программ, отменяя последнее действие, и вы можете нажать его несколько раз, чтобы вернуться к своим недавним действиям.

4. По завершении нажмите ОК .

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

Когда ваш Flash-проект становится большим или сложным, вы можете сосредоточиться только на части сцены. Если вы использовали другие графические программы — от Windows Paint до iPhoto или Photoshop, — в этом процессе нет особой загадки. На панели «Инструменты» щелкните инструмент «Масштаб», который выглядит как увеличительное стекло (рис. 1-15). Изначально инструмент «Масштаб» показывает знак «+», означающий, что все настроено для увеличения.Щелкните любое место, которое хотите увеличить, и вы получите более крупный вид. В качестве альтернативы вы можете щелкнуть и перетащить область для более точного увеличения. При перетаскивании появляется прямоугольник, обозначающий интересующую область.

Рисунок 1-15. Выберите инструмент «Масштаб», а затем щелкните сцену, чтобы увеличить масштаб документа Flash. Удерживайте нажатой клавишу Alt (Option), чтобы уменьшить масштаб. После увеличения вы можете перемещаться с помощью полос прокрутки или инструмента «Рука» (H).

Используя инструмент «Масштаб», вы можете подойти так близко, что увидите отдельные пиксели в вашем произведении искусства.Очень удобно для некоторых операций. После увеличения вы можете использовать полосы прокрутки справа и внизу рабочей области, чтобы изменить ее положение в области просмотра. Еще проще: выберите инструмент «Рука» (H), а затем щелкните и перетащите сцену в области просмотра.

Хотите уменьшить масштаб? Удерживая нажатой клавишу Alt (Option), вы используете инструмент «Масштаб». Каждый раз, когда вы щелкаете мышью, вы видите все больше и больше сцены. Прямо над сценой находится панель редактирования. (Если вы его не видите, выберите «Окно» → «Панели инструментов» → «Панель редактирования».) Меню на панели редактирования устанавливает свойство «Увеличение» или «Масштаб» в процентах, как показано на рисунке 1-16.

Рисунок 1-16. Меню увеличения на панели редактирования позволяет быстро узнать коэффициент масштабирования. Щелкните меню, чтобы выбрать один из нескольких предустановок, включая «По размеру окна», который показывает всю рабочую область, или «Показать все», которая увеличивает или уменьшает масштаб, чтобы отобразить все объекты, нарисованные на сцене.

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

1. В меню «Увеличение» выберите «По размеру окна».

   Это дает вам обзор всей сцены.

2. С помощью инструмента «Выделение» (V) перетащите колесо в верхнюю часть рабочей области .

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

3. Выберите «Окно» → «Предустановки движения» .

   Появится плавающая панель, как показано на Рисунке 1-17. Предустановки движения подробно описаны в разделе «Применение предустановок движения», но для этого упражнения вам потребуется всего лишь несколько основных шагов.

4. Щелкните треугольник рядом с Default Presets .

   Откроется папка Default Presets, показывающая множество заранее разработанных движений.

5. Щелкните на слове «bounce-smoosh».

   В верхней части панели окно предварительного просмотра дает вам представление о том, как работает предустановка bounce-smoosh.

6. Убедитесь, что колесо выбрано на сцене и что на панели «Наборы настроек движения» выбрано «bounce-smoosh», а затем нажмите кнопку «Применить» .

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

   Примечание

   Анимация — это термин анимации, который происходит от всех тех промежуточных кадров, которые аниматоры должны рисовать для создания плавного анимированного движения.

   Рисунок 1-17. В окне «Наборы настроек движения» есть две папки. Тот, который называется Default Presets (показан открытым здесь), содержит пресеты, разработанные Adobe. Другая папка содержит шаблоны, которые вы создаете и сохраняете. «Хвост», свисающий с колеса, и есть траектория движения.

7. Закройте панель «Наборы настроек движения» .

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

Естественно, после анимации объекта во Flash вы хотите увидеть результат. Вы будете часто проверять свою работу, поэтому Adobe упрощает воспроизведение анимации. Просто нажмите Enter (Return), и ваша анимация будет подпрыгивать и плавать, как рекламируется. На временной шкале обратите внимание на то, как ползунок перемещается кадр за кадром при воспроизведении анимации. Вы можете увидеть свою анимацию на всех этапах, перетаскивая ползунок вверх и вниз по шкале времени — этот процесс иногда называют очисткой .

Новое в Flash CS6: контроллер анимации закреплен в нижней части шкалы времени (рис. 1-18). Это идеальное место, потому что оно всегда доступно.

Рисунок 1-18. Если вы когда-либо использовали DVD-плеер или iPod, значки воспроизведения анимации в нижней части шкалы времени кажутся вам знакомыми. Вы можете перемещаться по одному кадру за раз или переходить к началу или концу анимации.

Частое сохранение вашей работы важно в любой программе, и Flash не исключение. Вам не нужно возвращаться и воссоздавать этот идеальный анимационный эпизод из-за того, что отключилось электричество.Как только вы закончите значительную часть работы, сохраните файл Flash, нажав Ctrl + S (⌘-S). Команда Сохранить также появляется в строке меню: Файл → Сохранить. Оба маневра сохраняют анимацию под текущим именем. Итак, если после выполнения упражнений в этой главе вы воспользуетесь командой «Сохранить», вы получите единственный документ Flash с исходным именем файла: 01-1_First_Animation.fla .

Если вы хотите сохранить файл под другим именем, используйте «Сохранить как» или Ctrl + Shift + S (Shift-⌘-S).Откроется стандартное окно, в котором вы можете выбрать папку и дать своему документу имя. Когда вы используете «Сохранить как», вы получаете два документа: оригинал и один, сохраненный под новым именем. Документ с новым именем остается открытым в рабочей области Flash.

Если вы закроете документ (Файл → Закрыть) после внесения изменений, Flash автоматически спросит, хотите ли вы его сохранить. Вам предлагается три варианта. Выберите Сохранить , чтобы сохранить работу и закрыть документ. Выберите Не сохранять , чтобы закрыть документ без сохранения работы.Выберите Отмена , если вы не хотите сохранять и не хотите закрывать документ.

Примечание

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

Adobe Animate CC (Adobe Flash Professional)

Самая популярная программа для анимации

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

Незаменим для анимации

Adobe Animate CC (ранее Flash Pro) прост в использовании, с системой слоев и относительно простой для понимания временной шкалой. Он открывает мир безграничных возможностей для креативщиков, разработчиков приложений и веб-сайтов, а также дизайнеров игр.

Adobe Animate CC поставляется с ограниченным набором инструментов для создания графики, но очень легко импортировать контент, созданный с помощью Fireworks или Photoshop .

Вы можете создать динамического контента благодаря Action Script 3.0, упрощенному языку программирования, адаптированному к Интернету. Библиотека предопределенного кода может упростить программирование для новичков. Вы также можете использовать Flash Builder для создания сценария действий.

Adobe Animate CC включает дополнительные функции: структуру, специально разработанную для текста, извлечение данных из новых форматов (XML, BIN, XFL) и возможность экспорта Flash-анимации в большее количество программ.

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

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

Adobe Animate CC теперь также поддерживает файлы проекции и расширения HTML5 .

Все необходимые руководства и поддержка

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

Все, что вам нужно сделать, это найти тему в разделе Learn or Get Support на веб-сайте Adobe, чтобы получить доступ к руководствам, статьям и проектам, которые помогут вам изучить новые приемы.

По-прежнему лидер в своей области

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

Рисование во Flash — Adobe Flash Professional CS6

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

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