93 lines
12 KiB
HTML
93 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Добавление анимаций</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Описание того, как добавлять эффекты анимаций в слайд и управлять ими." />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Добавление анимаций</h1>
|
||
<p><b>Анимация</b> — это визуальный эффект, позволяющий анимировать текст, объекты и фигуры, чтобы сделать презентацию более динамичной и подчеркнуть важную информацию. Вы можете управлять движением, цветом и размером текста, объектов и фигур.</p>
|
||
<h3 id="applyanimation">Добавление эффекта анимации</h3>
|
||
<ol>
|
||
<li>перейдите на вкладку <b>Анимация</b> верхней панели инструментов,</li>
|
||
<li>выберите текст, объект или графический элемент, к которому вы хотите применить эффект анимации,</li>
|
||
<li>выберите эффект <b>Анимации</b> из галереи анимаций,</li>
|
||
<li>выберите направление движения эффекта анимации, нажав <b>Параметры</b> рядом с галереей анимаций. Параметры в списке зависят от эффекта, который вы применяете.</li>
|
||
</ol>
|
||
<p>Вы можете предварительно просмотреть эффекты анимации на текущем слайде. По умолчанию, когда вы добавляете анимационные эффекты на слайд, они воспроизводятся автоматически, но вы можете отключить эту функцию. Откройте раскрывающийся список <b>Просмотр</b> на вкладке <b>Анимация</b> и выберите режим предварительного просмотра:</p>
|
||
<ul>
|
||
<li><b>Просмотр</b> - чтобы включать предпросмотр по нажатию кнопки <b>Просмотр</b>,</li>
|
||
<li><b>Автопросмотр</b> - чтобы предпросмотр начинался автоматически при добавлении анимации к слайду.</li>
|
||
</ul>
|
||
|
||
<h3>Типы анимации</h3>
|
||
<p>Все <b>эффекты анимаций</b> перечислены в <b>галерее анимаций</b>. Щелкните стрелку раскрывающегося списка, чтобы открыть его. Каждый <b>эффект анимации</b> представлен значком в виде звезды. Анимации сгруппированы в соответствии со своими эффектами:</p>
|
||
<p><img alt="Галерея анимаций" src="../images/animationgallery.png" /></p>
|
||
<p><b>Эффекты входа</b> определяют, как объекты отображаются на слайде, и в галерее выделены зеленым цветом.</p>
|
||
<p><b>Эффекты выделения</b> изменяют размер или цвет объекта, чтобы добавить акцент на объект и привлечь внимание аудитории, и в галерее окрашены в желтый двухцветные цвета.</p>
|
||
<p><b>Эффекты выхода</b> определяют, как объекты исчезают со слайда, и в галерее выделены красным цветом.</p>
|
||
<p><b>Путь перемещения</b> определяют движение объекта и путь, по которому он следует. Значки в галерее обозначают предлагаемый путь.</p>
|
||
<p>Прокрутите галерею анимаций вниз, чтобы увидеть все эффекты, находящиеся в галерее. Если вы не видите нужную анимацию в галерее, нажмите кнопку <b>Показать больше эффекты</b> в нижней части галереи.</p>
|
||
<p><img alt="Другие эффекты" src="../images/moreeffects.png" /></p>
|
||
<p>Здесь вы найдете полный список эффектов анимации. Эффекты дополнительно сгруппированы по визуальному воздействию, которое они оказывают на аудиторию.</p>
|
||
<ul>
|
||
<li><b>Эффекты входа</b>, <b>Эффекты выделения</b> и <b>Эффекты выхода</b> делятся на следующие группы: <b>Базовые</b>, <b>Простые</b>, <b>Средние</b> и <b>Сложные</b>.</li>
|
||
<li><b>Пути перемещения</b> делятся на следующие группы: <b>Базовые</b>, <b>Простые</b>, <b>Средние</b>.</li>
|
||
</ul>
|
||
<p><!-- The <b>Preview Effect</b> option is active by default, uncheck it if you don’t want a preview.--></p>
|
||
|
||
<h3 id="multipleanimations">Добавление нескольких анимаций</h3>
|
||
<p>К одному и тому же объекту можно добавить несколько эффектов анимации. Чтобы добавить еще одну анимацию,</p>
|
||
<ol>
|
||
<li>на вкладке <b>Анимация</b> нажмите кнопку <b>Добавить анимацию</b>.</li>
|
||
<li>Откроется список эффектов анимации. Повторите Шаги 3 и 4 указанные выше для применения анимации.</li>
|
||
</ol>
|
||
<p>Если вы используете <b>Галерею анимации</b>, а не кнопку <b>Добавить анимацию</b>, первый эффект анимации заменит новый. Небольшой квадрат рядом с объектом показывает порядковые номера примененных эффектов.</p>
|
||
<p>Как только вы добавите к объекту несколько эффектов, в галерее анимаций появится значок <b>Несколько</b> анимаций.</p>
|
||
<p><img alt="Несколько эффектов" src="../images/multipleeffect_icon.png" /></p>
|
||
|
||
<h3 id="animationsorder">Изменение порядка эффектов анимации на слайде</h3>
|
||
<ol>
|
||
<li>Щелкните значок квадрата анимации.</li>
|
||
<li>На вкладке <b>Анимация</b> нажмите на стрелку <img alt="Переместить назад" src="../images/moveearlier.png" /> или <img alt="Переместить вперед" src="../images/movelater.png" /> для изменения порядка отображения на слайде.</li>
|
||
</ol>
|
||
<p><img alt="Порядок анимаций" src="../images/multipleanimations_order.png" /></p>
|
||
|
||
<h3 id="timing">Параметры времени анимации</h3>
|
||
<p>На вкладке <b>Анимация</b> вы можете редактировать параметры времени анимации, такие как <b>запуск</b>, <b>продолжительность</b>, <b>задержка</b>, <b>повтор</b> и <b>перемотка назад</b>.</p>
|
||
<h4>Параметры запуска анимации</h4>
|
||
<ul>
|
||
<li><b>По щелчку</b> – анимация запускается при нажатии на слайд. Данная опция выбрана по умолчанию.</li>
|
||
<li><b>Вместе с предыдущим</b> — анимация начинается, когда запускается предыдущий эффект анимации и эффекты появляются одновременно.</li>
|
||
<li><b>После предыдущего</b> — анимация начинается сразу после предыдущего эффекта анимации.</li>
|
||
</ul>
|
||
<p class="note"><b>Примечание:</b> эффекты анимации автоматически нумеруются на слайде. Все анимации, для которых установлено значение <b>Вместе с предыдущим</b> и <b>После предыдущего</b>, получают номер анимации, с которой они связаны.</p>
|
||
<p><img alt="Нумерация анимаций" src="../images/animationnumbering.png" /></p>
|
||
<h4>Параметры триггера анимации</h4>
|
||
<p>Нажмите кнопку <b>Триггер</b> и выберите одну из доступных опций:</p>
|
||
<ul>
|
||
<li><b>По последовательности щелчков</b> – запускать следующую анимацию по очереди каждый раз, когда вы нажимаете в любом месте слайда. Данная опция выбрана по умолчанию.</li>
|
||
<li><b>По щелчку на</b> — запуск анимации при нажатии на объект, выбранный из раскрывающегося списка.</li>
|
||
</ul>
|
||
<p><img alt="Параметры триггера" src="../images/triggeroptions.png" /></p>
|
||
<h4>Другие параметры времени</h4>
|
||
<p><img alt="Параметры времени" src="../images/timingoptions.png" /></p>
|
||
<p><b>Длительность</b> – установите время как долго должна отображаться анимация. Выберите один из доступных вариантов в списке или введите необходимое значение времени.</p>
|
||
<p><img alt="Длительность анимации" src="../images/animationduration.png" /></p>
|
||
<p><b>Задержка</b> — установите время задержки между запуском эффекта анимации, если вам нужна пауза между эффектами. С помощью стрелок выберите необходимое значение времени или введите необходимое значение в секундах.</p>
|
||
<p><b>Повтор</b> — установите количество повторов, если хотите отобразить анимацию более одного раза. Нажмите на поле <b>Повтор</b> и выберите один из доступных вариантов или введите свое значение.</p>
|
||
<p><img alt="Повтор анимации" src="../images/animationrepeat.png" /></p>
|
||
<p><b>Перемотка назад</b> — установите этот флажок, если хотите вернуть объект в исходное состояние после окончания анимации.</p>
|
||
</div>
|
||
</body>
|
||
</html>
|