Учебник о 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="Index8.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="Index10.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"> <b> Редактирование градиентной заливки </b> </font> <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Если необходимо скорректировать колер переходы одной из здравствующих градиентных заливок, руководствоваться ее заранее избрать со услугой кнопки <i> Fill Color </i> на панели <i> Tools </i> (или одноименной кнопки на панели <i> Color Mix). </i> <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Для детища новенькой градиентной заливки довольно свободно избрать в каталоге порядков панели этап <i> Linear </i> или <i> Radial. </i> В настоящем прецеденте в качестве исходной будет использована заливка на основе заднего колеры. <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="6.13.gif" width="518" height="475"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 6.13. </b> Формат панели Color Mix при редактировании градиентной заливки <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Рассмотрим обстоятельнее формат панели <i> Color Mix </i> при редактировании градиентной заливки (рис. 6.13). <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"> шкалы градиента (Gradient definition bar), предназначенной для просмотра полученного следа; <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> индикаторов градиента (Gradient pointers), которые разрешают изменять колер территорий градиента и перемещать линии колер переходов. <br> </font> </li> </ul> <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"> Со поддержкой мышки можно сменить взаимное отношение яркого и сомнительного индикаторов. Данное приведет к изменению взаимного состояния ясной и сомнительной зон заливки (рис. 6.14). <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Кроме места индикатора на шкале, вы можете изменять его колер и, значит, колер несвободной со ним стороны. Чтобы переменить колер индикатора, необходимо: <br> </font> </p> <ol> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Щелкнуть на нем мышкой; при настоящем колер значка деятельного индикатора (см. рис. 6.13) станет таковым же, как у выбранного индикатора. <br> </font> </li> <li> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Раскрыть окно палитры (щелкнув на кнопке палитры) и избрать в нем требуемый колер. <br> </font> </li> </ol> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="6.14.gif" width="518" height="475"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 6.14. </b> Изменение образа градиента путем перемещения индикаторов <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Для градиентной заливки может иметься задано произвольное количество колер территорий. Чтобы сложить новоиспеченную зона, требуется прибавить индикатор градиента. Для настоящего подтянуть указатель мышки к нижней кромке шкалы градиента (при настоящем близ указателя возникну флаг «+») и щелкните левую кнопку мышки. За настоящего описанным выше методом переменим колер индикатора. Прототип градиентной заливки со несколькими колер переходами показан на рис. <i> 6.15. </i> <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Чтобы удалить ненужный индикатор (и сцепленную со ним сторона), необходимо придавить клавишу <Ctrl> и, не отпуская ее, переместить со услугой мышки удаляемый индикатор долу, то дух как бы «оторвать» его от шкалы. За сего отпустить клавишу <Ctrl> и кнопку мышки. <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="6.15.gif" width="518" height="475"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 6.15. </b> Прототип градиентной заливки со несколькими колер переходами <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Чтобы оставить новоиспеченную заливку в базовой палитре <i> Flash, </i> необходимо раскрыть контекстное меню панели и избрать в нем группу <i> Add Swatch </i> (Прибавить макет). <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Технология редактирования радиального градиента аналогична рассмотренной выше. Некая особенность имеется только в представлении яркой и «затененной» сторон. В подчиненности от их взаимного размещения различают «иностранный» градиент, когда источник света как бы есть помимо освещаемого предмета (рис. 6.16, налево), и «скрытый», имитирующий источник света, склонный изнутри предмета (рис. 6.16, направо). <br> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"> <img src="6.16.gif" width="543" height="543"> </font> </p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Рис. 6.16. </b> Разновидности радиального градиента <br> </font> </p> <p align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> <b> Консилиум </b> <br> </font> </p> <blockquote> <p> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Даже со услугой одной и той же градиентной заливки вы можете имитировать противоречивые варианты взаимного пролегания источника света и предмета. Для настоящего необходимо включить инструмент Paint Bucket и, щелкая мышкой на заливке предмета, достичь требуемого эффекта. <br> </font> </p> <p> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> Для линейных градиентов занимательный эффект может дух получен, если при включенном инструменте Paint Bucket и нажатой кнопке мышки «прочертить» линию на заливке предмета. </font> <i> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"> </font> </i> </font></p> </blockquote> <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="Index8.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="Index10.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>