Как сделать анимацию солнечной системы в powerpoint

У вас большие запросы!

Точнее, от вашего браузера их поступает слишком много, и сервер VK забил тревогу.

Эта страница была загружена по HTTP, вместо безопасного HTTPS, а значит телепортации обратно не будет.
Обратитесь в поддержку сервиса.

Вы отключили сохранение Cookies, а они нужны, чтобы решить проблему.

Почему-то страница не получила всех данных, а без них она не работает.
Обратитесь в поддержку сервиса.

Вы вернётесь на предыдущую страницу через 5 секунд.
Вернуться назад

У вас большие запросы!

Точнее, от вашего браузера их поступает слишком много, и сервер VK забил тревогу.

Вы отключили сохранение Cookies, а они нужны, чтобы решить проблему.

Почему-то страница не получила всех данных, а без них она не работает.
Обратитесь в поддержку сервиса.

Вы вернётесь на предыдущую страницу через 5 секунд.
Вернуться назад

Как сделать анимацию солнечной системы в powerpoint

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

Ваш браузер не поддерживает видео. Установите Microsoft Silverlight, Adobe Flash Player или Internet Explorer 9.

Добавьте переходы, чтобы сделать слайд-шоу более интересным.

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

Выберите Применить ко всем, чтобы добавить переход ко всем слайдам презентации.

Удаление перехода

Переход определяет, как появляется новый слайд, и как исчезает предыдущий. Поэтому, если (например) вам не нужен эффект перехода между слайдами 2 и 3, вам нужно удалить переход со слайда 3.

Выберите слайд с переходом, который вы хотите удалить.
На вкладке Переходы в галерее переходов выберите Нет. Если вы хотите удалить все переходы из презентации, после выбора Нет выберите Применить ко всем.

Изменение перехода

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

Если вы хотите изменить существующий эффект, изменив время или направление, это можно сделать с помощью параметров на вкладке Переходы ленты в дальнем конце:

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

См. также

Добавление перехода на слайд

В области эскизов выберите слайд, к которому нужно применить переход. Параметр перехода определяет способ появления этого слайда и исчезания предыдущего. В примере ниже добавление перехода «Выцветание» к слайду 3 означает, что этот эффект применяется к исчезанию слайда 2 и появлению слайда 3.
Выберите нужный эффект в коллекции переходов на вкладке Переходы. Нажмите стрелку вниз, чтобы увидеть всю коллекцию. Щелкните нужный эффект, чтобы просмотреть его.
Выберите пункт Переходы >Параметры эффектов, чтобы изменить способ перехода, например его направление.
Введите значение времени в поле Длительность, чтобы установить скорость перехода. Чем больше значение, тем медленнее выполняется переход.
Нажмите кнопку Просмотр, чтобы просмотреть слайды с настроенным переходом.

Кнопка

Совет: Чтобы применить один и тот же эффект перехода ко всем слайдам презентации, нажмите на ленте кнопку Применить ко всем.

Удаление перехода

Выделено удаление перехода

Щелкните слайд с переходом, который нужно удалить. Затем в коллекции переходов на вкладке Переходы нажмите кнопку Нет.

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

Значок падающей звезды показывает, что к слайду применен эффект перехода

Совет: Узнать, к каким слайдам применен эффект перехода, можно по соответствующему значку в области эскизов.

См. также

Добавление или изменение перехода между слайдами

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

Помните, что переход применяется при входе на слайд. Поэтому если вы хотите удалить, например, эффект выхода для слайда 2, удалите переход со слайда 3.

Вкладка

Щелкните слайд, с которого нужно удалить все переходы. Затем в коллекции переходов на вкладке Переходы выберите вариант Нет. В нашем случае, если на слайде 3 нет переходов, этот слайд выводится сразу после исчезновения слайда 2. Если вы хотите удалить переходы со всех слайдов, после выбора варианта Нет нажмите на ленте кнопку Применить ко всем.

Изменение перехода

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

Добавление эффекта анимации на слайд

Если вам нужны сведения о том, как добавить анимацию к текстовым элементам или объектам на одном слайде, см. статью Анимация текста и объектов.

См. также

Добавление перехода

Откройте презентацию.
На планшете с Android коснитесь вкладки Переходы. На телефоне с Android нажмите значок «Правка» в верхней правой части экрана, выберите Главная и нажмите Переходы.
Нажмите стрелку вниз, чтобы развернуть Эффекты перехода. Появится коллекция эффектов перехода с категориями Простые, Сложные и Динамические.
Выберите переход. Например, нажмите Трансформация, чтобы один слайд постепенно превращался в другой.
Нажмите Параметры эффектов, чтобы выбрать направление перехода.
(Необязательно.) Коснитесь Применить ко всем, чтобы применить этот эффект перехода ко всем слайдам в презентации.

Удаление перехода

Удаление переходов

На планшете с Android коснитесь вкладки Переходы. На телефоне с Android нажмите значок «Правка» в верхней правой части экрана, выберите Главная и нажмите Переходы.
Разверните Эффекты перехода.
Коснитесь Нет.

Добавление перехода

Откройте презентацию.
На iPad коснитесь вкладки Переходы. (На iPhone коснитесь значка «Правка» , нажмите Главная, а затем — Переходы.)
Нажмите Эффект перехода. Появится коллекция эффектов перехода с категориями Простые и Сложные.
Выберите переход. Например, нажмите Трансформация, чтобы один слайд постепенно превращался в другой.
Нажмите Параметры эффектов, чтобы выбрать эффект. (Доступные параметры зависят от выбранного перехода.)
(Необязательно.) Коснитесь Применить ко всем, чтобы применить этот эффект перехода ко всем слайдам в презентации.

Удаление перехода

На iPad коснитесь вкладки Переходы. (На iPhone коснитесь значка «Правка» , нажмите Главная, а затем — Переходы.)
Нажмите Эффект перехода.
Коснитесь Нет.

Добавление перехода

Откройте презентацию.
Нажмите вкладку Переходы. На телефоне с Windows дважды коснитесь нужного слайда, затем нажмите Дополнительнов правой нижней части экрана, откройте вкладку Главная и нажмите Переходы.
Нажмите стрелку вниз, чтобы развернуть Эффекты перехода. Появится коллекция эффектов перехода с категориями Простые, Сложные и Динамические.
Выберите переход. Например, нажмите Трансформация, чтобы один слайд постепенно превращался в другой.
Нажмите Параметры эффектов, чтобы выбрать направление перехода.
Нажмите Просмотр, чтобы увидеть результат применения эффекта к слайду.
(Необязательно.) Коснитесь Применить ко всем, чтобы применить этот эффект перехода ко всем слайдам в презентации.

Удаление перехода

Нажмите вкладку Переходы. На телефоне с Windows дважды коснитесь нужного слайда, затем нажмите Дополнительнов правой нижней части экрана, откройте вкладку Главная и нажмите Переходы.
Разверните Эффекты перехода.
Коснитесь Нет.

Анимация планет солнечной системы

введите сюда описание изображения

У меня есть картинка планет солнечной системы. Получилось сделать с помощью команд орбиты и сами планеты.
С помощью линейных и радиальных градиентов придать им объём.
Нашел топик, где реализовано вращение одной планеты вокруг солнца

.solar-system < background-color: #002; width: 50%; height: 50%; >.sun < fill: yellow; filter: url(#dropShadow); >.mercury-orbit < stroke: rgba(255, 255, 255, .4); stroke-width: 1; fill: none; >.mercury

Но при попытке сделать анимацию для нескольких планет всё ломается. Видно только последнюю добавленную планету. Как сделать анимацию для нескольких планет?

Отслеживать
Alexandr_TT
задан 10 дек 2018 в 20:14
Alexandr_TT Alexandr_TT
110k 23 23 золотых знака 113 113 серебряных знаков 377 377 бронзовых знаков
Вижу запись Александра, плюс не глядя)
11 дек 2018 в 5:59
Сразу плюс и в избранное, нет сомнения в качестве работы) Хоть кто-то показывает svg на пальцах.
11 дек 2018 в 6:07

@Alexandr_TT если такое небольшое количество звёзд, как на картинке, то несколько строк JS и одна анимация в CSS.

11 дек 2018 в 19:34

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

18 дек 2018 в 11:40
18 апр 2019 в 18:36

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Для создания объектов вращения и придания им объема используются градиенты и фильтр feGaussianBlur

.solar-system < background-color:#002; width:100%; height:100%; >.sun

Анимация пульсации солнца

Для изменения размера Звезды по имени Солнце @Виктор Цой ,- анимируется радиус
Для изменения окраски активного солнца,- анимируются атрибуты градиента

.solar-system < background-color:#002; width:100%; height:100%; >.sun

Анимация вращения одной планеты вокруг солнца

Все объекты, чтобы не было рассогласования траекторий движения, имеют одинаковый центр вращения X = 275px , Y = 175px

.solar-system < background-color:#002; width:100%; height:100%; >.sun < fill:url(#gradSun); filter:url(#dropShadow2); >.Earth-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Earth

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

Запуск анимации — кнопка Start

.solar-system < background-color:#002; width:100%; height:100%; >.sun < fill:url(#gradSun); filter:url(#dropShadow2); >.mercury-orbit < stroke: rgba(255,255,255,.4); stroke-width:1; fill:none; >.mercury < fill:url(#gradMercury); filter:url(#dropShadow1); >.venus-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.venus < fill:url(#gradVenus); filter:url(#dropShadow1); >.Earth-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Earth < filter:url(#dropShadow1); fill:url(#gradEarth); >.Mars-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Mars < filter:url(#dropShadow1); fill:url(#gradMars); >.Jupiter-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Jupiter

   Start

Вариант с анимацией активности солнца

.solar-system < background-color:#002; width:100%; height:100%; >.sun < fill:url(#gradSun); filter:url(#dropShadow2); >.mercury-orbit < stroke: rgba(255,255,255,.4); stroke-width:1; fill:none; >.mercury < fill:url(#gradMercury); filter:url(#dropShadow1); >.venus-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.venus < fill:url(#gradVenus); filter:url(#dropShadow1); >.Earth-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Earth < filter:url(#dropShadow1); fill:url(#gradEarth); >.Mars-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Mars < filter:url(#dropShadow1); fill:url(#gradMars); >.Jupiter-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Jupiter

   Start

Update 18.04.2019

Так как современные браузеры в целях безопасности запретили автоматический запуск файлов *.mp3 пришлось добавить небольшой скрипт запуска музыки при нажатии на кнопку Start

При запущенной анимации звучит трек группы Zodiac.

.solar-system < background-color:#002; width:100%; height:100%; >.sun < fill:url(#gradSun); filter:url(#dropShadow2); >.mercury-orbit < stroke: rgba(255,255,255,.4); stroke-width:1; fill:none; >.mercury < fill:url(#gradMercury); filter:url(#dropShadow1); >.venus-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.venus < fill:url(#gradVenus); filter:url(#dropShadow1); >.Earth-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Earth < filter:url(#dropShadow1); fill:url(#gradEarth); >.Mars-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Mars < filter:url(#dropShadow1); fill:url(#gradMars); >.Jupiter-orbit < stroke:rgba(255,255,255,.4); stroke-width:1; fill:none; >.Jupiter

   Start            
 var zodiac = new Audio(); zodiac.src = 'https://svg-art.ru/files/zodiac.mp3'; function play()

Добавление анимации к рисунку на слайде

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

В этом примере мы добавим анимацию к двум изображениям.

Выделите первый рисунок.
На вкладке Анимации выберите эффект анимации, например Вылет.
Нажмите кнопку Параметры эффектов, а затем выберите направление для анимации, например Слева.
Выделите второй рисунок, к которому нужно добавить анимацию.
На вкладке Анимация выберите эффект Вылет.
Нажмите кнопку Параметры эффектов и выберите пункт Справа.

Совет: Вы можете изменять порядок воспроизведения эффектов анимации. Для этого выделите изображение и на ленте в разделе Изменить порядок анимации щелкните Переместить назад или Переместить вперед. Режим слайд-шоу

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

В режиме слайд-шоу щелкните слайд, чтобы воспроизвести каждый эффект анимации.

Совет: Чтобы удалить эффект анимации, в обычном режиме выделите рисунок и на вкладке Анимация выберите Нет.

Дополнительные сведения об анимации:

Анимация текста и объектов
Эффекты анимации, доступные в веб-приложении PowerPoint

Анимация в презентации Создание солнечной системы. — презентация

Презентация на тему: » Анимация в презентации Создание солнечной системы.» — Транскрипт:

1 Анимация в презентации Создание солнечной системы.

2 Выполните следующие действия : 1. Запустить Программу Power Point. 2. Дизайн – стили фона – выбрать чёрный. 3. На слайде нарисовать желтый круг ( Солнце ) и планеты. 4. Добавить анимацию на каждую фигуру : Анимация — настройка анимации – добавить эффект – пути перемещения – другие пути перемещения – круг. Сделать каждый размер круга больше другого и поместить вокруг солнца.