Показаны сообщения с ярлыком (Fl) Timeline. Показать все сообщения
Показаны сообщения с ярлыком (Fl) Timeline. Показать все сообщения

08 мая 2012



ADOBE FLASH анимация - введение
                                             
ADOBE FLASH
CS4- CS5

во Флеше можно создать анимацию 4-ех видов:

Frame by Frame покадровая анимация: в каждом кадре происходит маленькое изменение;

Shape Tween анимация формы, плавное превращение одной фигуры в другую, промежуточные кадры программа просчитывает самостоятельно;











Motion Tween анимация движения - смещение объекта из одной точки в другую, причем нужно создать первый и последний кадры, промежуточные кадры программа просчитывает самостоятельно. можно задавать дополнительные параметры вращения, замедления\ускорения;

Classic Tween похоже на Motion Tween, но, так сказать, упрощенный вариант

анимация - изменение свойств объекта во времени.

общее для всех четырех видов анимации во Флеше:

временная шкала Timeline


слева layers - слои. их может быть много. желательно каждый анимированный объект размещать на отдельном слое. порядок слоев на временной шкале обычно соответствует порядку наложения объектов на "сцене".

на разных слоях могут параллельно находиться разные виды анимации

справа кадры.
Keyframe , ключевой кадр - это кадр, в котором мы задаем новые свойства (местоположение, цвет, размер...) объекта. он обозначается на шкале черной точкой.
для добавления ключевого кадра курсором щелкнуть по нужному кадру на шкале, после чего F6.
для добавления обычного кадра курсором щелкнуть по нужному кадру на шкале, после чего F5.
для удаления кадра то же + Shift


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



для предварительного просмотра ролика Ctrl + Enter

для того, чтобы сохранить формат swf достаточно запустить Ctrl + Enter после того, как рабочий файл был сохранен обычным способом (File - Save as...) - файл swf автоматически будет сохранен в той же папке, что и рабочий








04 мая 2012


ADOBE FLASH еще не анимация                                                 ADOBE FLASH
CS4- CS5



Window - 
                Other Panels -
                                       History 
History - описание на адобовском сайте


Window - 
                Library

библиотека существует для хранения символов.
символ  - Graphic изображение, Button кнопка или Movie Clip фрагмент ролика.
символ может быть повторно использован, 
из него можно создать экземпляры символа, позволяющие использовать его , вариируя местоположение, цвет и т.д.

для того, чтобы созданное нами нечно поместить библиотеку, его нужно перетянуть, и в появившемся окошке задать тип и название. другой вариант - Modify - Convert to symbol или попросту F8

при импорте картинок (JPG,GIFF, PNG и др: Об импорте иллюстраций во Flashв библиотеке тоже создаются символы. импортировать можно двумя способами:              
                                                  Import to Stage
                            File - Import -                                         
                                                  Import to Library

Import to Stage разместит все выбранные картинки на сцене одну под другой и создаст для каждой символ типа image
Import to Library создаст для всех выбранных картинок символ в библиотеке.
любой символ типа image может быть использован в качестве заливки. если имидж маленький, он, как паттерн, повторяет себя нужное количество раз. изменить, повернуть, увеличить-уменьшить его можно с помощью инструмента Gradient Transform.
превратить имидж в графический символ можно с помощью F8.

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

для каждого экземпляра символа типа Movie Clip можно задать instance name - имя экземпляра.
у экземпляров типа Movie Clip и Graphic можно менять color effects в окошке Properties: tint - оттенок , alpha - прозрачность, advanced - (типа, продвинутые настройки для крутых пацанов) все сразу.



пустой кружок в первом кадре становится черным, когда кадр заполняется (мы создаем что-нибудь на сцене). 
   для того, чтобы создать изменения существующего положения объектов нужно поместить курсор в нужный (новый) кадр на временной шкале и создаем keyframe - ключевой кадр (с черным кружочком внутри) с помощью меню из правой кнопки мышки или F6. после чего в новом ключевом кадре производим (на сцене) требуемые изменения.
   для того, чтобы существующее на сцене положение просуществовало дольше по времени, можно добавить обычные (неключевые) кадры F5 или insert frame  из правого меню мышки. курсор размещается на том кадре, до которого  мы хотим оставить нынешнее положение неизменным.
   для выделения нескольких кадров нужно щелкнуть черной стрелочкой вне временной шкалы, выделить их с шифтом или протянув по ним курсором. выделенные кадры можно перетягивать по временной шкале, из слоя в слой, копировать перетягиванием + Alt.
   для того, чтобы удалить некоторое количество кадров, нужно выделить их и нажать Shift + F5.
   для удаления одного из ключевых кадров Shift + F6.
   ключевые кадры всегда обозначены черной точкой, в последнем кадре есть пустой прямоугольничек.
   можно копировать, вырезать кадры и даже менять их направление - reverse frames.
   если нажать на цветной квадратик на одном из слоев, на сцене мы увидим контуры того же цвета, что и квадратик, тех фигур и объектов, которые принадлежат этому слою.
   в нижней части временной шкалы имеются кнопочки:
onion skin (луковая кожа) , дает эффект стеклянного стола с подсветкой :позволяет видеть очертания фигур из прошлых кадров. можно увеличить или уменьшить количество видемых кадров на верху временной шкалы).
   edit multiple frames кажется,позволяет редактировать кадры, перетягивать содержимое. надо будет проверить.