Как сделать анимацию перелистывания страниц в powerpoint?

педагогическая практика

От приёма «листание» к интерактивной книге. Маленькие секреты

Описание технологического приёма Листание было одной из первых статей Дидактора. Большой интерес читателей привлёк также шаблон учителя биологии и химии из Костромской области С.Н. Лебедева. Благодаря этому шаблону, в PowerPoint можно было создать целую книгу, которую можно было листать в обе стороны. Правда, вставлять в шаблоне С.Н. Лебедева можно было только страницы в виде изображений. Однако затем нас ждало разочарование в связи с тем, что в последующих версиях PowerPoint загадочным образом исчез эффект анимации Растягивание, который служил основой для наиболее достоверного «пролистывания» страниц.

И вот, готовясь к вебинару, посвящённому созданию интерактивной книги, обнаружил возрождение данного эффекта анимации в PowerPoint-2016. Теперь хочу вам показать, как в данном офисном приложении можно подготовить целую интерактивную книгу с мультимедийными файлами и листанием страниц.

Как подготовить в PowerPoint интерактивную книгу?

1.Начнём со вставки на слайд большого прямоугольника, который станет основой страницы нашей будущей книги.

Шаги: ВставкаФигурыПрямоугольник.

2. Копируем данный прямоугольник и вставляем его рядом. Это наша вторая страница. Делайте это аккуратно. Размеры страниц должны быть абсолютно одинаковыми.

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

4. Вставляем в страницу запланированные нами объекты: текст, изображения, видео, звуковые файлы, gif-анимации. Выделяем все объекты на странице, в том числе и большой правый прямоугольник-страницу.

Щёлкаем на выделенных объектах правой кнопкой. В новом контекстном меню находим последовательно команды ГруппироватьСгруппировать. Таким образом, мы создали единый объект, которому можно будет придать эффект анимации.

5. Подчиняем весь сгруппированный объект эффекту анимации Исчезновение. Шаги: Анимация — Добавить анимацию — Выход — Исчезновение.

6. Создаём вторую страницу слева. Алгоритм тот же, что и с первой, кроме эффекта анимации. То есть создаём сгруппированный объект и придаём эффект анимации Растягивание на входе. Шаги: Анимация — Добавить анимацию — Вход — Растягивание — Параметры эффектов — Справа. На параметры эффектов обратите особое внимание. Чтобы получить эффект листания книги вам необходимо выбрать именно это направление: Справа.

7. Копируем прежние прямоугольники и создаём третью и четвёртую страницы. Эффекты анимации те же. На правой странице Выход — Исчезновение. На правой : Вход — Растягивание — Параметры эффектов — Справа.

8. Накладываем прямоугольники (страницы) друг на друга.

А теперь самое главное.

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

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

Посмотрите на такой фрагмент книги. Хочу сразу предупредить. Видео и gif-анимации в облаке не воспроизводятся.

Это внедренный файл Microsoft Office на платформе Office.

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

Впрочем, это тема нового разговора.

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

Анимированный многостраничный слайд в Power Point

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

Приступим к созданию такого слайда.

Подготовка фона слайда

Для начала создайте пустую презентацию и для удобства уменьшите масштаб полотна на экране ( Ctrl+колесико вниз ). Так будет проще работать с большими фигурами.

Читать еще:  Как сделать непрерывную музыку в powerpoint?

Теперь залейте слайд каким-то фоновым цветом. Кликните на слайде правой кнопкой мыши и выберите » Формат фона «. В появившейся панели установите Сплошную заливку и выберите понравившийся цвет (подробнее о работе с цветами и оформлением презентаций в целом читайте в этой статье ).

В правой части фона слайда можете разместить какие-то изображения или текст. С них слайд будет начинаться.

Подготовка страниц слайда

Создайте фигуру » Прямоугольник «, высота которой равна высоте слайда, а ширина — чуть меньше ширины слайда. Затем создайте фигуру » Прямоугольник со скругленными верхними углами «, разверните ее на 90 градусов по часовой стрелке и введите номер или букву слайда. Если текст отобразился перевернуто, то выделите его, кликните правой кнопкой мыши, выберите » Формат текстовых эффектов «. На вкладке » Параметры текста » найдите группу команд » Надпись » и в выпадающем списке » Направление текста » выберите » Повернуть на 270 градусов «.

Теперь выделите обе созданных Вами фигуры, нажмите правую кнопку мыши и выберите команду » Группировать «. После этого добавьте заливку, тень и уберите рамки вокруг фигур.

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

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

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

При выравнивании объектов обращайте внимание на направляющие, которыми PowerPoint подсказывает, как выравнять объекты.

Когда все страницы будут созданы, проверьте, всё ли Вы сгруппировали. Выберите » Главная » — » Выделить » — » Область выделения «. На панели справа должно быть столько групп, сколько страниц для слайда у Вас создано.

Если всё в порядке — можно приступать к созданию анимаций.

Настройка анимации страниц

Выделите все созданные страницы. Можно зажать Ctrl и кликнуть на каждой по очереди. Аккуратно сдвиньте их в левую часть слайда так, чтобы на фоне остались видны только ярлыки листов, а всё остальное оказалось за пределами слайда.

Теперь отключите предпросмотр анимаций. На вкладке » Анимация » выберите » Просмотр » и снимите галочку » Автопросмотр «.

Кликните на странице с ярлыком А и выберите » Анимация » — » Добавить анимацию » — » Линии «.

На той же вкладке » Анимация » выберите » Параметры эффектов » — » Вправо «.

На слайде появится горизонтальная стрелка, направленная вправо.

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

Проделайте ту же операцию для каждой последующей страницы от A до D. Добавленная новая стрелка всегда будет короче уже созданной (так Вы поймете, что кликаете на нужную). Каждая последующая страница должна немного «не доезжать» до предыдущей (чтобы ярлыки листов оставались видны). Как это правильно сделать — смотрите в видео ниже.

Когда анимации будут добавлены, останутся мелкие штрихи. Кликните на каждую страницу по очереди и на вкладке » Анимация» установите » Запуск по щелчку » и » Длительность » полторы секунды.

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

Файл с презентацией можно скачать на нашем канале . Желаем Вам творческих успехов и вдохновения в создании своих слайдшоу!

Поддержать наш проект и его дальнейшее развитие можно вот здесь .

Ваши вопросы по статье можете задавать через нашего бота обратной связи в Telegram: @KillOfBot

PageFlip: создание эффекта перелистывания страниц сайта [Обновлено: Октябрь’17]

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

Читать еще:  Как сделать фотографии круглыми в powerpoint?

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

Если вы принадлежите к представителям старой школы и читаете бумажные книги, подписываетесь на газеты и просматриваете сайты любимых изданий в интернете, возможно, для вас привычней было бы, чтобы любимый проект был в удобной и более знакомой вам форме. PageFlip (перелистывание страниц) эффект — имитация книг. Ниже вам будут представлены некоторые уроки, плагины и примеры с использованием эффекта PageFlip. Итак, давайте разберемся с некоторыми плагинами.

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

Этот плагин позволит вам встраивать публикации, созданные с помощью FlippingBook Publisher и FlippingBook Online, одним шагом без внесения изменений в код.

Easy Flip Flip — это плагин, с которым вы сможете создать виртуальный журнал в несколько кликов.

3D FlipBook — это программа просмотра PDF или WordPress плагин, который позволяет просматривать изображения, PDF-файлы или HTML-файлы в виде перелистывания.

A Page Flip Book для WordPress — это самый простой способ управлять виртуальными 3D-книгами, которые вы можете просматривать с помощью мыши.
Вы также можете выбрать фоновое изображение или текстуру, если вам это нужно.

Photo Book Gallery позволяет создавать адаптивные флип-книги из изображений . Вы можете настроить свои книги с помощью набора параметров. Плагин п рост в использовании и отлично работает на мобильных устройствах.

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

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

Учебник представляет чистый CSS и рамку 3D Page Flipping.

Преобразовать можно с помощью специального кода:

В настоящий момент Page Flip с использованием анимации CSS3 работает в Safari и iPhone.

Этот урок проведет вас через весь процесс создания собственного эффекта перелистывания страниц с помощью JavaScript.

Джо Ламберт проведет вас через процесс создания потрясающего эффекта оформления страниц сайта с галереей изображений.

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

Преобразование веб-страниц сегодня стало намного проще с Adobe InDesign CS4.

3. Pawelwojcik.com

Ждем ваших откликов!

Теперь пришло время вам поделиться своими мыслями об эффекте перелистывания страниц PageFlip. Приводите примеры, описывайте удобство плагинов и т.д. в комментариях ниже.

Практикум для студентов «Создание сложных анимационных эффектов в программе PowerPoint»

Практикум «Создание сложных анимационных эффектов в программе PowerPoint» предназначен для дополнительного самостоятельного изучения возможностей программы PowerPoint дисциплины «Информатика и ИКТ».

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

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

Читать еще:  Как сделать презентацию с текстом музыкой и фотографиями в powerpoint?

Очень часто в заданиях требуется исключить лишние объекты или понятия. Применение такого средства анимации как триггеры, позволяет решать проблему очередности объектов в настройках анимации. Триггер — средство анимации, позволяющее задать условие действиями времени выделенному элементу. При этом анимация запускается по щелчку. Использование триггеров в презентациях позволяет сделать их интерактивными.

Данный практикум могут использовать и преподаватели.

Цель: научиться создавать анимированное, звуковое графическое изображение в PowerPoint.

1) формирование практических навыков работы при работе с объектами слайда (графическими, текстовыми, звуковыми);

2) формирование практических навыков создания сложных анимационных эффектов объектов слайда;

1) развитие творческого мышления, внимания, самостоятельности при работе с программным продуктом;

1) повышение мотивации изучения предмета Информатика, воспитание аккуратности, терпения, усидчивости.

АНИМАЦИОННЫЕ ЭФФЕКТЫ В ПРЕЗЕНТАЦИИ

I. Эффект движущегося объекта

  • Дисциплина «История»;
  • Учебно-практические конференции.

Пошаговая инструкция выполнения анимации

1) В PowerPoint создать новую презентацию. Выбрать разметку слайда: макеты пустой слайд.

2) Подобрать фоновую картину.

3) Скопировать фоновую картину в Paint, вырезать нужную часть (которую будем приводить в движение) и наложить на соответствующее место фоновой картины в презентации.

4) На панели меню выбрать анимацию вход/растворение (или развёртывание), начало — с предыдущим, время — 0,5 сек. (очень быстро), повторение — до нажатия кнопки «Далее».

5) Вырезать следующую часть, проделать то же самое (можно добавить анимацию выделение/мигание).

Работы с использованием данной анимации

Доклад по теме «Нашествие Наполеона на Россию» к учебно-практической конференции «Недаром помнит вся Россия…» можно посмотреть на сайте http://matematika-ru.1gb.ru/voina.html

II. Эффект говорящего человека

  • Дисциплина «История»;
  • Учебно-практические конференции.

Пошаговая инструкция выполнения анимации

1) В PowerPoint создать новую презентацию. Выбрать разметку слайда: макеты пустой слайд.

2) Подобрать фоновую картину.

3) Копию картины вставить в Paint, вырезать губы и наложить на соответствующее место в картине презентации.

4) На панели меню выбрать анимацию вход/растворение,начало — с предыдущим, время — 0,5 сек. (очень быстро).

5) Добавить анимацию выделение/мигание, начало — после предыдущего, время — 1 сек. (быстро), повторение — до окончания слайда.

Работы с использованием данной анимации

Доклад по теме «Медицинская помощь раненым во время Отечественной войны 1812 года» к учебно-практической конференции «Недаром помнит вся Россия…» можно посмотреть на сайте http://matematika-ru.1gb.ru/voina.html

III. Интерактивная карта

  • Вход: появление, возникновение, увеличение,выезжание;
  • Пути перемещения: пользовательский путь.
  • Выделение: мигание, изменение размера.
  • Дисциплина «История»;
  • Учебно-практические конференции.

Пошаговая инструкция выполнения анимации

1) В PowerPoint создать новую презентацию. Выбрать разметку слайда: макеты пустой слайд.

2) Подобать стрелки и автофигуры.

3) Вставить основную карту. (В нашем примере это будет карта «Нашествие Наполеона на Россию»). Выбрать – подложку.

4) Выбрать автофигуру овал и наложить на овал рядом с Гродно. Вставить с помощью WordArt надпись «Гродно» (аналогично для Вильно и Смоленска).

5) Наложить стрелки синие (движение Наполеона). Добавить анимацию вход/появление, начало — с предыдущим, продолжительность —7 секунд.

6) Выбрать автофигуру овал и наложить на овал рядом с Вильно. Добавить анимацию выделение/мигание, начало — после предыдущего, время — 0,5 сек. (очень быстро), повторение — 5 раз.

7) Добавить анимацию выделение/изменение размера на Вильно, начало — с предыдущим, продолжительность —2 сек. (средне).

8) Наложить красную стрелку (армия Барклай-де-Толли). Добавить анимациювход/появление, начало — после предыдущего, продолжительность —2 сек (средне).

9) На надпись Барклай-де-Толли добавить анимацию вход/выезжание, начало – с предыдущим, продолжительность —1 сек. (быстро).

10) Наложить красную стрелку (армия Багратиона). Добавить анимацию вход/появление, начало — после предыдущего, продолжительность —2 сек (средне).

11) На надпись Багратион добавить анимацию вход/выезжание, начало – с предыдущим, продолжительность —1 сек. (быстро).

12) Наложить стрелки красные (армии Барклай-де-Толли и Багратиона соединились под Смоленском)

13) На красные стрелки (армии Барклай-де-Толли и Багратиона) наложить овал и выбрать пути перемещения/пользовательский путь, соединить по стрелкам армии Барклай-де-Толли и Багратиона под Смоленском.

14) Выбрать автофигуру – овал и наложить на Смоленск. Добавить анимацию выделение/мигание, начало – после предыдущего, время – 0,5 сек. (очень быстро), повторение — 10 раз.

15) Добавить анимацию выделение/изменение размера на слово Смоленск, начало — с предыдущим, продолжительность —2 сек (средне).

Ссылка на основную публикацию
Adblock
detector