Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Как сделать анимированную картинку

Предварительная подготовка отдельных кадровЦель этого части - получить серию кадров (в нашем случае 4) для последующей анимации. Достичь этого можно разными способами, в этом уроке мы используем самый простой - "ручная" подготовка. В следующих нескольких уроках
Простая анимацияGIMP Предварительная подготовка отдельных кадровЦель этого части - получить серию кадров (в нашем По задумке на этом табло мы будем менять последние две цифры. У Чтобы из цифры 1 сделать 9 надо скопировать вот такую недостающую часть, а потом отзеркалить ее Чтобы отзеркалить по вертикали нужно переключить Тип отражения в настройках инструмента:Выбираем инструмент Перемещение   (M) и ставим Чтобы потом не запутаться в этих обрезках сразу создадим готовый кадр. Для Отзеркаливаем этот кусочек, чтобы из 3 сделать 2:То же самое с этим кусочком: Ну вот у нас и готовы три слоя - три кадра анимации. Сделаем копию слоя 30 и разместим уже четыре слоя вот в таком порядке: Сохранение результата в виде анимацииПеред тем как что-то сохранять мы конечно же Если сейчас сохранить наш файл с расширением *.gif мы уже получим анимированную Также в название слоя была добавлена задержка для него, которая по умолчанию Ну вот и все, пора сохранять нашу анимацию. Для этого даем файлу имя Вот что у нас получилось:И другой вариант:
Слайды презентации

Слайд 2 Предварительная подготовка отдельных кадров
Цель этого части - получить

Предварительная подготовка отдельных кадровЦель этого части - получить серию кадров (в

серию кадров (в нашем случае 4) для последующей анимации.

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

Слайд 3 По задумке на этом табло мы будем менять

По задумке на этом табло мы будем менять последние две цифры.

последние две цифры. У нас уже есть цифра 31, нарисуем

еще 30 и 29. Предлагаю сделать это копированием светящихся сегментов в нужны места. Для этого берем инструмент Свободное выделение    (F) и обводим нужные сегменты.

Слайд 4 Чтобы из цифры 1 сделать 9 надо скопировать вот такую недостающую часть,

Чтобы из цифры 1 сделать 9 надо скопировать вот такую недостающую часть, а потом отзеркалить

а потом отзеркалить ее вертикально и горизонтально.
Чтобы отзеркалить изображение

выбираем инструмент Зеркало    (Shift+F) и жмем им на изображении. При этом следим за изображением курсора, который показывает в каком направлении происходит переворот.

Слайд 5 Чтобы отзеркалить по вертикали нужно переключить Тип отражения в настройках

Чтобы отзеркалить по вертикали нужно переключить Тип отражения в настройках инструмента:Выбираем инструмент Перемещение   (M) и

инструмента:
Выбираем инструмент Перемещение   (M) и ставим этот фрагмент на место. Чтобы

на краях не так были заметны четкие границы выбраем Режим смешивания слоя Только светлое.

Слайд 6 Чтобы потом не запутаться в этих обрезках сразу

Чтобы потом не запутаться в этих обрезках сразу создадим готовый кадр.

создадим готовый кадр. Для этого сделаем копию слоя 31, переименуем

ее в 30, выберем слой с фрагментом и в контекстном меню (или главном меню Слой) выберем Объединить с предыдущим.

В итоге получили уже два готовых кадра. Далее таким же способом рисуем цифру29. Копируем недостающие части:


Слайд 7 Отзеркаливаем этот кусочек, чтобы из 3 сделать 2:
То же самое с

Отзеркаливаем этот кусочек, чтобы из 3 сделать 2:То же самое с этим кусочком:

этим кусочком:


Слайд 8 Ну вот у нас и готовы три слоя

Ну вот у нас и готовы три слоя - три кадра

- три кадра анимации. Осталось еще немного доработать слои

и оставить красную надпись "min" в нижем левом углу картинки только на слое 29. На остальных же убрать.

Вот так выглядят слои-кадры:


Слайд 9 Сделаем копию слоя 30 и разместим уже четыре слоя вот

Сделаем копию слоя 30 и разместим уже четыре слоя вот в таком порядке:

в таком порядке:


Слайд 10 Сохранение результата в виде анимации
Перед тем как что-то

Сохранение результата в виде анимацииПеред тем как что-то сохранять мы конечно

сохранять мы конечно же должны посмотреть результат работы. Для

просмотра слоев, как анимации в GIMP есть настоящий плеер с интригующим названием Воспроизведение фильма. Найти его можно в меню Фильтры - Анимация - Воспроизведение.

Слайд 11 Если сейчас сохранить наш файл с расширением *.gif

Если сейчас сохранить наш файл с расширением *.gif мы уже получим

мы уже получим анимированную картинку, на которой кадры будут

чередоваться с задержкой всего 100 мс (0,1 секунды). При этом размер файла с 4-мя кадрами будет в 4 раза больше обычного. Но размер файла можно значительно сократить (в нашем случае в несколько раз), если перед сохранением провести оптимизацию изображения. Ведь действительно, кадры между собой очень мало отличаются, и можно из них повырезать повторяющиеся фрагменты. Этим и займемся. Идем в меню Фильтры - Анимация - Оптимизация (для GIF).
После этой операции вид слоев и их названия изменятся. Самый нижний слой будет основным, а в остальных слоях остаются только те части, которых нет на основном слое.

Вот как к примеру выглядит слой 30:

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


Слайд 12 Также в название слоя была добавлена задержка для

Также в название слоя была добавлена задержка для него, которая по

него, которая по умолчанию ставится 100мс. Как не странно, но

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

Слайд 13 Ну вот и все, пора сохранять нашу анимацию. Для

Ну вот и все, пора сохранять нашу анимацию. Для этого даем файлу

этого даем файлу имя с расширением *.gif и когда

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

Слайд 14 Вот что у нас получилось:
И другой вариант:

Вот что у нас получилось:И другой вариант:

  • Имя файла: kak-sdelat-animirovannuyu-kartinku.pptx
  • Количество просмотров: 101
  • Количество скачиваний: 0
- Предыдущая МТЗ