ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Анимация: бегущий человек
Урок сам по себе довольно простой но может понадобиться для создания мульта или анимации.
Сразу говорю - могут возникнуть проблемы с правильной траекторией бега (правильным расположением рук ног и т.д.). Для удобства я использую деревянного человечка из Икеи.
Можно использовать любую другую куклу на шарнирах.
1. Создаем изображение 500х500.
2. Рисуем простого человечка. Кто не знает - голова, туловище-палка, руки, ноги. Можно конечно и более детально обрисовать персонажа, но я остановлюсь на самом простом:
3. Ноги постепенно соединяются:
4. И снова расходятся:
Не забудьте, руки тоже движутся!
5. Желательно прорисовывать каждое движение руки и ноги, тогда персонаж будет бежать плавно, а не запинаться на каждом движении.
6. Открываем (Фильтры - Анимация - Воспроизведение). Смотря сколько у вас кадров, выбираем оптимальную задержку между кадрами. У меня 9 кадров = 50 миллисекунд.
7. Но! Так как это мультяшный персонаж можно уменьшить задержку и вы получите с бешеной скоростью убегающих персонажей.
Если захотелось продолжать можно дорисовать глаза, рот, волосы и т. д.
В избранном у 3 человек:
Результаты урока
Добавить
Уроки: ← предыдущий следующий →
28 комментариев
Макс Шевченко24 августа 2011 в 08:13Личное сообщение
Урок до боли простой, но объяснение сразу дает понять, что новичкам тут не место. Просто интересно, на какую целевую аудиторию рассчитано?..) Если на продвинутых пользователей, то как-то несерьезно.. А если на начинающих, то стоило описывать процесс гораздо более детально. Но задумка хорошая.
Инна Подзорова24 августа 2011 в 08:28Личное сообщение
Хороший урок, учит делать простую анимацию. Однако соглашусь с Максом - описание не для новичков, а урок простой. "Средний класс" вряд ли заинтересует. Ну а так - вполне нормально.
Дмитрий Шерстобитов24 августа 2011 в 09:16Личное сообщение
Соглашусь с Максом
Arman Don24 августа 2011 в 12:53Личное сообщение
А ЧЕЛОВЕК ОТ ИКЕИИ ТУТ ПРИЧЕМ? о_О
Макс Шевченко24 августа 2011 в 18:39Личное сообщение
Логичный вопрос, кстати... Я так и не понял, что он даёт тем, кто повторяет урок..
Илья Новиков25 августа 2011 в 21:52Личное сообщение
Урок неплохой, но можете объяснить как вы передвигали ноги и руки, я знаю способы, но чтобы так ровно...не получалось...
Максим Фёдоров25 августа 2011 в 23:55Личное сообщение
Arman Don, омг, человечек, для понятия строения человека, во время каких-либо действий(ну не умею я красиво выражаться)
Макс Шевченко26 августа 2011 в 00:35Личное сообщение
Но нам-то он ничего не даёт...)
Вадим26 августа 2011 в 10:47Личное сообщение
Максим Фёдоров,
вряд ли вы составите правильное представление о строении человека на таком примере. Например общеизвестный факт, что при беге или ходьбе человек движется не только в горизонтальном направлении, но и совершает возвратно-поступательное движение по вертикали.
Тимур Елизаров26 августа 2011 в 14:21Личное сообщение
Вадим, ну так в финале человек и возвращается и поступает. Разваливается на глазах))
$$ Leopard $$26 августа 2011 в 18:45Личное сообщение
Урок... я даже не знаю что сказать ! Автор должен был описать как эти кадры создавать! Новичкам будет - сложно, а те кто уже делал подобную анимацию - просто. А так урок сам по себе неплох.
Ангелина Балабаева29 августа 2011 в 23:27Личное сообщение
Честно скажу создавать каждый кадр было лень, так как делала поздно ночью.... Ну извиняюсь... Сразу объясню все вопросы.
1. Человечка я брала для того, чтобы ставить его в правильное положение.Ставила его и постепенно перемещала руки и ноги.
2. Да каждый кадр я не показала, но мне кажется можно самим догадаться за каждый кадр. Нет человечка из ИКЕИ-можно что-то придумать. Например я в первых трех кадрах в отсутствии человечка в качестве манекена использовала младшую сестренку)))
3. Согласна объяснение на троечку потянет... Но скажу честно спешила и писала бегло. Ноги кстати с огромным косяком, разваливаются...Вообщем огромное спасибо за исправления обязательно учту!
Макс Шевченко30 августа 2011 в 00:19Личное сообщение
Ангелина..) Вот с чем-с чем, а с уроками спешить никогда не стоит. И не надо их писать за один день (вечер, ночь, сутки), это не Олимпийские игры, за скорость медали не дадут..) У меня иной урок пишется в течение нескольких дней, по частям. И еще совет: после того, как написали урок, давайте ему отлежаться день-два. Потом открываете, перечитываете. И свежим взглядом оцениваете, что где убрать, добавить, изменить и т.п. Поверьте мне, хуже не будет..)
Ангелина Балабаева30 августа 2011 в 13:02Личное сообщение
Кстати Макс вопрос можно? А где им отлеживаться? Сохранять их до отправки как?
Ангелина Балабаева30 августа 2011 в 13:03Личное сообщение
А так спасибо за совет. Учту обязательно.
Макс Шевченко30 августа 2011 в 13:46Личное сообщение
А как же текстовой редактор? Те же Блокнот и Word Pad.
Ангелина Балабаева30 августа 2011 в 14:01Личное сообщение
А ну в принципе да.. Спасибо.
Мария Трусова30 августа 2011 в 18:06Личное сообщение
Хороший урок, довольно простая анимация. Увлекательно.
Ангелина Балабаева30 августа 2011 в 19:02Личное сообщение
Сразу скажу что это не урок для обучения а простой миленький прикольчик!
Макс Шевченко30 августа 2011 в 19:16Личное сообщение
Очень "сразу"...)
Ангелина Балабаева30 августа 2011 в 19:37Личное сообщение
Извиняюсь напечатала отправила а потом увидела, а переписывать не стала
Марк Панов31 августа 2011 в 08:43Личное сообщение
Мда... То что это не урок, это точно. Так как по сути вообще ничего не сказано - одна вода. Ни то, что работаем со слоями, и с контурами.. ничего. Можно было просто выложить итог в галерее и все - так честнее бы было.
Анна Дубчак31 августа 2011 в 11:14Личное сообщение
...а можно мне,как лузеру в этом нелегком деле, поподробнее объяснить, как вы делали разные "кадры"? это каждый раз новый слой или новый документ? а потом как их в единое соединить?
Ангелина Балабаева31 августа 2011 в 11:45Личное сообщение
Каждый кадр-это слой. В самом низу располагаем первый слой и выше 2, 3 и т.д. И Анна, не стоит сразу называть себя лузером... Просто новичком...Насчет контуров. Создаете контур и обводите его.
Вадим31 августа 2011 в 14:55Личное сообщение
Анна Дубчак,
http://www.progimp.ru/articles/sposobyi_sozdaniya_animatsii_v_gimp/
Анна Дубчак1 сентября 2011 в 11:13Личное сообщение
Вадим, большое спасибо за ссылочку!!!
Захар Брюхов1 сентября 2011 в 13:25Личное сообщение
Полезный урок для тех, кто делает игры.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок: Ангелина Балабаева
Выполнено в GIMP 2.6.11
Опубликовано 21 августа 2011
Другие уроки автора
Фотографии в стили Энди Уорхола
Урок по созданию фотографии в стиле "короля поп-арта"
Анимированная иллюзия
Обманываем мозг и зрение с помощью анимированной картинки, сделанной в GIMP.
Рисуем дым
Урок по созданию клубов дыма с помощью фильтра "Интерактивное искажение".
Рисуем логотип Google Chrome
Долгий урок по созданию логотипа браузера Google.
Мульти-яблоко из несльких фруктов
Урок по созданию оригинального яблока из разных фруктов.
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
GIMP FX Foundry
Скачать → Плагины для GIMP
Воображение
Галерея
PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.
Рисование
Уроки по GIMP
Вопросы
Ошибка при использовании фильтра "Выжигание"
Как нарисовать пунктирную рамку?
В окне предварительного просмотра большой размер изображения, можно ли менять размер?
Как сделать анимацию gif как можно меньшего размера (то есть веса)?
Оценка урока
«Анимация: бегущий человек» получил оценку 2.53 на основе 15 голосов.
9170+244 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →
Ухты,прикольно ^_^ Очень крутой урок
Большое Спасибо,Ангелина.
Ну я прям не знаю,полезный ;)