Учебник о flash-анимации<title> </head> <style type="text/css">  </style> <body> <table width="950" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td background="/images/header.jpg" width="950" height="168"> <table width="950" border="0" cellspacing="0" cellpadding="0" height="168"> <tr> <td width="29"> </td> <td width="921" height="140" valign="bottom" align="left"> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td><table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="/images/navi_bg.jpg" width="200" valign="top">  <table width="200" border="0" cellspacing="0" cellpadding="0" background="/images/naviitem_bg.jpg"> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"></a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="/images/spacer.gif" height="1" width="40" border="0"> </a></td> </tr> <tr height="35"> <td height="35" background="/images/navi_unten.jpg"></td> </tr> </table></td> <td background="/images/content_bg.jpg" width="550" valign="top"><table width="550" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="/images/content_header.jpg" width="550" height="37"></td> </tr> <tr> <td width="10"> </td> <td width="530"><font face="Verdana, Arial, Helvetica, sans-serif"><table BORDER="0" COLS="3" WIDTH="16%"> <tr> <td> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index5.htm"> <img SRC="Back.gif" BORDER="0"> </a> </font> </td> <td WIDTH="10%"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="../index.htm"> <img SRC="Menu.gif" BORDER="0"> </a> </font> </td> <td ALIGN="RIGHT"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index7.htm"> <img SRC="For.gif" BORDER="0"> </a> </font> </td> </tr> </table> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> </font></p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <font size="4" face="Verdana, Arial, Helvetica, sans-serif"> Преходящая диаграмма </font> <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Над действующей территорией склонна панель кратковременной диаграммы (Timeline). Мимолетная диаграмма, как и столик, принадлежит четкой площадке кинофильма. Она разрешает описать взаимное положение пластов на площадке, последовательность изменения средства предметов, представленных на площадке, и осуществить некие прочие операции. Кратковременная диаграмма появляется главным инструментом при формировании анимации и при описании поведения интерактивных ингредиентов кинофильма. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Панель кратковременной диаграммы имеет безгранично каверзную микроструктуру и охватывает сильное количество ингредиентов координирования. Вне того, в связанности от установленных параметров, наружный образ скоропреходящей диаграммы изменяется в довольно широченном диапазоне. Тем не меньше, от знания действовать со кратковременной диаграммой в солидной ступени зависит эффективность работки со Flash в неповрежденном. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> В этом подразделе мы рассмотрим лишь главные детали панели непостоянной диаграммы и особо глобальный ее формат. В будущих подразделах вопросы, несвободные со ее применением, соли уточняться и конкретизироваться; <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Следовательно, в всеобщем курьезе на панели краткосрочной диаграммы могут дух представлены сопровождающие ингредиенты (рис. 3.7): <br> </font> </p> <ul> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> описание эпидермисов сегодняшней площадки кинофильма; описание представлено в сорте индивидуальной таблицы, содержащей несколько столбцов; в них показывают заглавия эпидермисов и их атрибуты; развернутее эта частица панели мимолетной диаграммы будет рассмотрена в голове «Генерирование анимации»; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> собственно краткосрочная диаграмма, содержащая шкалу эпизодов, изображение «считывающей верхушки» и мимолетные диаграммы для каждого мазки площадки; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> выпадающее меню, которое разрешает выбирать формат представления эпизодов на минутной диаграмме; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> строчка расположения окна скоропреходящей диаграммы, на которой выводится справка о неких параметрах кинофильма, а также имеются кнопки для правления отображением эпизодов анимации на столике. <br> </font> </li> </ul> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="3.7.gif" width="480" height="175"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 3.7. </b> Панель краткосрочной диаграммы <br> </font> <i> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> </font> </i> </font></p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Рассмотрим исчерпывающий ингредиенты минутной диаграммы. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Возьмемся с шкалы эпизодов. Шкала представляет совместной для целых мазков площадки. На ней отображена нумерация эпизодов в возрастающем распорядке. Шаг нумерации одинаков 5 (он остается неизменным при любом формате эпизодов). <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Считывающая луковица (Play head) представляет необычайным индикатором, указывающим сегодняшний (энергичный) эпизод анимации. При производстве следующего эпизода и при воспроизведении кинофильма считывающая верхушка перемещается вдоль минутной диаграммы автоматически. Вручную (со поддержкой мышки) ее можно перемещать лишь за того, как анимированный кинофильм будет создан. Причем перемещать ее можно в обоих течениях; при сем будет изменяться и имущество ани-мированных предметов. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Минутная диаграмма особого покровы воображает собой графическое изображение последовательности эпизодов. Ниже видно, что само по себе изображение эпизодов на кратковременной диаграмме чрезвычайно информативно. В подробности, по изображению эпизодов можно определить, какой прием анимирования использован для текущего мазки. Ниже приведена краткая характеристика непохожих форматов мимолетной диаграммы налеты (точнее, склонного в нем предмета). <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Форматы изображения эпизодов на преходящей диаграмме </b> <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Изображение краткосрочной диаграммы <br> </b> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <b> <font size="3" face="Verdana, Arial, Helvetica, sans-serif"> Пояснения </font> </b> <font size="3" face="Verdana, Arial, Helvetica, sans-serif"> <br> </font> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Ключевые эпизоды для tweened-анимации перемещения обозначаются как страшные точки, соединенные линией с стрелкой, на светло-синем плане (линия с стрелкой обменивается целое промежуточные эпизоды) <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Ключевые эпизоды для tweened-анимации трансформации обозначаются как задние точки, соединенные линией с стрелкой, на светло-зеленом плане (линия с стрелкой заменять целое промежуточные эпизоды) <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Пунктирная линия показывает, что окончательный (заключительный) ключевой эпизод отсутствует <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Одиночный ключевой эпизод в облике чернокожой точки, за которого шагает последовательность светло-серых эпизодов, обозначает, что содержание ключевого эпизода не изменяется; заключительный ключевой эпизод в данном факте обозначается бессмысленным прямоугольником <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Малюсенькая литера а показывает, что переданному эпизоду со поддержкой панели Actions (Функционирования) находилось назначено неизвестное функционирование <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Огненный флажок показывает, что эпизод включает метку или комментарий <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Сплошная последовательность ключевых эпизодов, обозначенных непроглядными точками, обозначает покадровую анимацию <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Желтенький якорек изрекает о том, что текущий эпизод держит именованную метку, используемую для навигации меж эпизодами кинофильма; если разрешает местечко на диаграмме, строить со якорем выводится имя метки <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Обманчивый тип кратковременной диаграммы также существенно зависит от выбранного формата эпизодов. Ассортимент, как уже существовало сказано, выполняется со выручкой выпадающего меню <i> Frame View. </i> Функционирование групп меню распространяется на целое строчки (покровы) минутной диаграммы. Этапы меню разделены на четыре партии (рис. 3.8). <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="3.8.gif" width="480" height="413"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 3.8. </b> Выпадающее меню формата эпизодов <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Группы из первой разрешают определить масштаб ячейки эпизода по горизонтали; мыслимы шагающие варианты: <br> </font> </p> <ul> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Tiny </i> (Небольшой); </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Small </i> (Жалкий); </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Normal </i> (Типичный); </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Medium </i> (Типичный); <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Large </i> (Огромный). <br> </font> </li> </ul> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Формат <i> Large </i> трезво использовать для просмотра параметров звукового сопровождения. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> В другую ассоциацию вникать единая группа — <i> Short </i> (Короткий), которая обеспечивает снижение формата ячейки эпизода по вертикали. Таковое изменение влияет и на формат левой дозы мимолетной диаграммы (где склонно описание эпидермисов), как показано на рис. 3.9. <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> В третью гурьбу также включена едва одна группа - - <i> Tinted Frames </i> (Окрашенные эпизоды). При отборе заданного этапа используется колер индикация эпизодов для противоречивых образов анимации (см. табл. 3.1). По умолчанию колер индикация эпизодов включена. <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="3.9.gif" width="480" height="175"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 3.9. </b> Изменение формата преходящей диаграммы по группе Short (сравн. со рис. 3.7) <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Окончательная, четвертая, команда заключается из двух групп: <br> </font> </p> <ul> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Preview </i> (Предварительный просмотр) — группа разрешает поместить напрямую в скоропреходящую диаграмму в уменьшенном типе содержание ключевых эпизодов анимации (рис. 3.10, вверху); <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <i> Preview In Context </i> (Предварительный просмотр в контексте) -сию группу трезво использовать в том прецеденте, если в каждом ключевом эпизоде изменяются два или побольше предметов, поскольку она разрешает вклинить в ячейку эпизода на скоротечной диаграмме целое место площадки; однако в настоящем факте изображение эпизода уменьшается снова в львиной ступени, чем при применении группы Preview (рис. 3.10, внизу). </font> </li> </ul> <p> <font face="Verdana, Arial, Helvetica, sans-serif"> </font></p> <table BORDER="0" COLS="3" WIDTH="16%"> <tr> <td> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index5.htm"> <img SRC="Back.gif" BORDER="0"> </a> </font> </td> <td WIDTH="10%"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="../index.htm"> <img SRC="Menu.gif" BORDER="0"> </a> </font> </td> <td ALIGN="RIGHT"> <font face="Verdana, Arial, Helvetica, sans-serif"> <a href="Index7.htm"> <img SRC="For.gif" BORDER="0"> </a> </font> </td> </tr> </table> </td> <td width="10"> </td> </tr> </table></td> <td background="/images/panel_bg.jpg" width="200" valign="top"> <table width="200" border="0" cellspacing="0" cellpadding="0" background="/images/panelitem_bg.jpg"> <tr> <td width="10"> </td> <td width="170" align="center"> <font size="1"></font></td> <td width="20"> </td> </tr> <tr> <td colspan="3"><img src="/images/panel_news.jpg" width="200" height="18"></td> </tr> <tr> <td width="10"> </td> <td align="center" width="170"> <font size="1"></font> </td> <td width="20"> </td> </tr> <tr height="41"> <td colspan="3" height="41" background="/images/panel_unten.jpg"></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><img src="/images/unten.jpg" width="950" height="46"></td> </tr> </table> <div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"> <font size="1"></font> </div> </body> </html>