Анимация
<<  Анимированный баннер ЛогоМиры  >>
GIMP
GIMP
Предварительная подготовка отдельных кадров
Предварительная подготовка отдельных кадров
По задумке на этом табло мы будем менять последние две цифры
По задумке на этом табло мы будем менять последние две цифры
Из цифры 1 сделать 9
Из цифры 1 сделать 9
Нужно переключить тип отражения
Нужно переключить тип отражения
Создадим готовый кадр
Создадим готовый кадр
Отзеркаливаем этот кусочек, чтобы из 3 сделать 2
Отзеркаливаем этот кусочек, чтобы из 3 сделать 2
Ну вот у нас и готовы три слоя - три кадра анимации
Ну вот у нас и готовы три слоя - три кадра анимации
Сделаем копию слоя 30 и разместим уже четыре слоя вот в таком порядке
Сделаем копию слоя 30 и разместим уже четыре слоя вот в таком порядке
Сохранение результата в виде анимации
Сохранение результата в виде анимации
Сохранить наш файл с расширением *.gif
Сохранить наш файл с расширением *.gif
В название слоя была добавлена задержка для него
В название слоя была добавлена задержка для него
Даем файлу имя с расширением *.gif
Даем файлу имя с расширением *.gif
Вот что у нас получилось
Вот что у нас получилось


Презентация «Как сделать анимированную картинку». Размер 603 КБ. Автор: XP GAME 2010.

Загрузка...

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

содержание презентации «Как сделать анимированную картинку.pptx»
СлайдТекст
1 GIMP

GIMP

GIMP. Простая анимация.

2 Предварительная подготовка отдельных кадров

Предварительная подготовка отдельных кадров

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

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

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

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

4 Из цифры 1 сделать 9

Из цифры 1 сделать 9

Чтобы из цифры 1 сделать 9 надо скопировать вот такую недостающую часть, а потом отзеркалить ее вертикально и горизонтально. Чтобы отзеркалить изображение выбираем инструмент Зеркало (Shift+F) и жмем им на изображении. При этом следим за изображением курсора, который показывает в каком направлении происходит переворот.

5 Нужно переключить тип отражения

Нужно переключить тип отражения

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

6 Создадим готовый кадр

Создадим готовый кадр

Чтобы потом не запутаться в этих обрезках сразу создадим готовый кадр. Для этого сделаем копию слоя 31, переименуем ее в 30, выберем слой с фрагментом и в контекстном меню (или главном меню Слой) выберем Объединить с предыдущим. В итоге получили уже два готовых кадра. Далее таким же способом рисуем цифру29. Копируем недостающие части:

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

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

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

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

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

Ну вот у нас и готовы три слоя - три кадра анимации. Осталось еще немного доработать слои и оставить красную надпись "min" в нижем левом углу картинки только на слое 29. На остальных же убрать. Вот так выглядят слои-кадры:

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

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

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

10 Сохранение результата в виде анимации

Сохранение результата в виде анимации

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

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

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

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

12 В название слоя была добавлена задержка для него

В название слоя была добавлена задержка для него

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

13 Даем файлу имя с расширением *.gif

Даем файлу имя с расширением *.gif

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

14 Вот что у нас получилось

Вот что у нас получилось

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

15

16

«Как сделать анимированную картинку»
Сайт

5informatika.net

115 тем
5informatika.net > Анимация > Как сделать анимированную картинку.pptx