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

1 Сен
анимация в GIMP

Доброго времени суток, Уважаемые друзья! Предлагаю вам легкий урок про создание анимации с помощью графического редактора GIMP.

Небольшое отступление от урока! В прошлый раз я говорил про небольшой конкурс, приуроченный к выходу книги «Популярные фотоэффекты в GIMP».

Еще раз напомню условия конкурса: «Вы должны найти слово, в котором я переставил одну букву. В результате этих манипуляций получилось совершенно новое слово! Победители получат по 100 рублей на свои электронные кошельки. Всего будет трое счастливчиков, которых случайным образом выберет компьютер из 20 первых присылавших мне номер страницы, на которой вы нашли ошибку. Конкурс будет проходить до 10 сентября включительно. Жду ваших сообщений с номером страницы через форму обратной связи. По активнее друзья! Ищем, ищем. Маленькая подсказка: «Ошибка после 50 страницы»

А теперь, возвращаемся к нашему уроку

Шаг 1. Открываем редактор и создаем новое изображение (я выбрал размер по умолчанию 640 — 480)

01_animacia-v-gimp

Шаг 2. Далее нужно проверить цвет переднего плана. Он должен быть черным, если это не так, то нужно сбросить цвета в «по умолчанию». Для этого нажмем вот сюда.

02_animacia-v-gimp

 

Шаг 3. На панели инструментов выбираем «Текст». Шрифт я оставил по умолчанию ( у меня «Sans») и размер ввел — 180. После этого щелкаем по рабочему холсту, чтобы активировать текстовую область и вводим с клавиатуры цифру «1»

03_animacia-v-gimp

Шаг 4. После этого нам необходимо выронить цифру по центру слоя. Выбираем инструмент «Выравнивание» (1) и нажимаем один раз по цифре(2) для активации параметров. После этого поочередно нажимаем на пиктограммы (3) и (4)

04_animacia-v-gimp

Шаг 5. Теперь объединим текстовый слой с фоновым. Для этого щелкаем один раз правой кнопкой мыши по верхнему слою и в открывшемся контекстовом меню выбираем «Объединить с предыдущим»

05_animacia-v-gimp

Шаг 6. Аналогичным образом создадим еще два слоя, но на этот раз с цифрами «2» и «3»

06_animacia-v-gimp

Шаг 7. Теперь, когда мы создали три слоя, пора приступить к анимации. Здесь стоит запомнить одно важное правило:

Слои в панели слоев — это наши кадры анимации. Нижний слой соответствует первому кадру т.д.

Для создания анимации перейдем в

«Фильтры — Анимация — Воспроизведение»

В открывшемся диалоговом окне нажнем на «Play» и посмотрим, как быстро меняются наши числа :-)))

01_animaciya-v-gimpe

Очень быстро ? Неправда ли? Как же нам отрегулировать скорость наших кадров? Здесь все просто друзья. Для этого достаточно в имени слоя дописать конструкцию вида (1000ms), что соответствует одной секунде показа кадра. Посмотрите, что у меня получилось

07_animacia-v-gimp

Я везде к имени слоя дописал (1000ms). После чего давайте снова воспользуемся выше упомянутым фильтром анимации.

02_animaciya-v-gimpe

Шаг 8. Теперь осталось сохранить нашу анимацию. Для этого переходим в меню «Файл — Экспортировать» и приписываем к имени файла расширение GIF. Нажимаем «Экспортировать»

08_animacia-v-gimp

Шаг 9. В открывшемся диалоговом окне ставим галочку на против пункта «Сохранить как анимацию»

и нажимаем кнопку «Экспорт»

09_animacia-v-gimp

 

Вот так быстро и легко можно сделать анимацию с помощью редактора GIMP. На этом у меня все. До встречи в новых уроках.

P.S. А какие уроки анимации хотите видеть Вы друзья на страничках блога???

С уважением, Антон Лапшин!

Кроссворд №3 на GimpArt.Org

Антон Лапшин

У Вас либо старый браузер, либо отключена поддержка Javascript.
Работа кроссворда невозможна.

Пожалуйста, оцените эту статью, нажав на звездочки ниже:


Очень плохоПлохоСреднеХорошоОтлично (4 голосов, оценка: 4,00 из 5)
Загрузка...

P.S. Хотите получать АНОНСЫ НОВЫХ УРОКОВ к себе НА E-MAIL? Тогда подписывайтесь на обновления блога. Буду рад видеть вас среди своих читателей.


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

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

Видео курс азбука GIMP скачать

Комментариев к статье: 23;

  1. Vorodun

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

  2. Rym82

    Антон, вопрос, возможно немного не по теме, но больше спросить не у кого. Я создала, пользуясь вашими уроками анимацию.В Gimp, MSOffice она работает как надо. А вот на сайте не хочет.Почему? И, если можно, пара-тройка уроков по анимации для сайта было бы здорово.

  3. Антон Лапшин

    Rym82, спасибо за комментарий! А что именно не работает? А просто на компьютере она работает? Если обычным стандартным просмоторщиком открыть? Могу лишь уроки сделать и рассказать, как вставлять анимацию, например на сайт на WordPress и Joomla?

  4. Антон Лапшин

    Спасибо за комментарий. Я специально сделал такой простой урок, который показывает основные этапы создания анимации. А цифры были выбраны лишь в качестве простого примера. Скорей всего сделаю еще один простой урок про анимацию, в которой покажу работу светофор ))) Когда учился в школе писал такую программку на паскале ) Вот попробуем что нибудь такое в ГИМПе замутить ) Но уроки по сложнее обязательно будут!!!

  5. Элина

    Антон, спасибо вам большое. Теперь я умею делать простую анимацию :-)

  6. Vivilora

    Антон, здравствуйте! А вы можете делать простенькие игры для малышей, вот примеры (не сочтите за спам

  7. Антон Лапшин

    Спасибо за ваш комментарий! Viviliora, на то что вы дали ссылки — это немного другое. — это небольшие FLASH игры, к сожалению созданием таких игр не занимаюсь. Просто совсем другое направление ((( А представленный мой урок это обычная графическая анимация в формате GIF

  8. Vivilora

    Жаль, конечно. Вы так доступно все описываете… Ну что ж, удачи вам и процветания!

  9. Lulia12 01

    А если я сохранила, а анимация не идет, когда я просматриваю в папке, в которой она лежит? Грубо говоря, она не запускается(

  10. Антон Лапшин

    Lulia12 01, проверьте что вы сохранили с пунктом «Сохранить как анимацию»

  11. Guppi1999

    как мне найти панель диалогов?

  12. Антон Лапшин

    Про какую именно вы панель говорите?

  13. Полина

    Здравствуйте, можете подсказать как перезагрузить Gimp???

  14. Антон Лапшин

    Здравствуйте Полина. Ну наверно просто закрываете программу и заново ее запускаете . Вот и все.

  15. Вячеслав-29

    На самом деле задержка между кадрами задается при экспорте на шаге №9, и это видно на Вашем рисунке. А за блог и уроки Вам, Антон, огромное спасибо.

  16. Антон Лапшин

    При экспорте вы зададите одинаковое время, когда кадры анимации сменяются с одной и той же задержкой. А когда надо задать разное время показа, например один кадр 3 сек. а другой 5 сек, то нужно время прописывать в скобках.Вот так )

  17. ксения еремина

    вот у меня «дождик»

  18. Антон Лапшин

    Здорово получилось ))

  19. Надежда лещенко

    Антон, вопрос такой — не могу создать анимацию — почему-то не получается то, что на ваших картинках. Может, я что-то пропускаю, когда создаю 2 и 3 слои?

  20. ttan

    Антон!
    спасибо за понятный урок …
    всё у меня получилось …
    удачи Вам !!!

  21. Ольга

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

    • Антон Лапшин

      Ну до анниматора еще далеко ), а вот просты GIF анимашки можно научится делать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *