Уроки по анимация в GIMP
Маловато у нас анимации, поэтому решил добавить такой урок, может кому-то пригодится.
26330 4.00 39 7 15 февраля 2012 Макс Шевченко
Метки: анимация, текст, фильтры.
Создаем анимированную надпись.
62658 2.75 38 50 18 января 2010
Метки: анимация, градиент, кнопка, текст, фильтры.
Эффект для анимации смены текста.
25916 3.71 35 12 11 июля 2011 ИСЛАМ
Метки: анимация, дождь, фильтры, эффект.
Серия уроков с сайта GIMPmania.ru
60611 4.20 29 33 15 мая 2009
Метки: анимация, рисование, фильтры.
Урок по созданию анимации бегущего человека в GIMP.
64081 2.53 28 4 21 августа 2011 Ангелина Балабаева
Метки: анимация, видео, фильтры, эффект.
Потратим пару минут для создания эффекта старого телевизора.
16680 2.91 27 5 15 апреля 2011 Сергей Диденко
Метки: анимация, выделение, градиент, кнопка, текст, фильтры.
Урок по созданию анимации появления текста с помощью фильтров, градиентов и выделения.
42464 4.00 26 15 3 августа 2011 Erbol Muratbek
Метки: анимация, кисти, обработка фотографий, эффект.
Как при помощи звёздной кисти заставить драгоценности блестать.
84635 5.00 24 39 4 марта 2010 Amina
Метки: 9 мая, анимация, выделение, направляющие, открытка, режимы смешивания, слои.
Хочу показать некоторые возможности анимации в GIMP. Урок довольно-таки кропотливый.
17243 4.80 24 12 9 мая 2011 Макс Шевченко
Метки: анимация, контуры, кот, штамп.
Создаем анимацию того, как Чеширский кот иcчезает и появляется. Поработаем со Штампом, Контурами и созданием анимации.
52943 5.00 23 40 4 января 2010 Элайджа Джонсон
Страницы первая ← предыдущая следующая → последняя
Обработка векторной и растровой графики в свободном ПО
В GIMP анимацию можно сделать несколькими способами. Либо с помощью различных плагинов, позволяющих в той или иной мере автоматизировать процесс анимирования, либо одним из «ручных» способов покадрового создания анимации. В этом пример мы рассмотрим, как в GIMP добиться эффекта бегущей строки без применения каких-либо дополнительных плагинов.
1. Итак, создаем изображение с белым фоном, размером Удалить текстовую информацию. Выделяем текст: Слой — >Текст в выделение — >Текст в выделение:
3. Далее либо заливкой, либо градиентом закрашиваем текст. И снимаем выделение: Выделение —> Снять.
Создаем копию Фона. Поднимаем поверх всех слоев, затем создаем копию слоя с текстом, располагаем над фоном, и сдвигаем с помощью инструмента перемещение переместим так, чтобы видно было только начало букв:
4. Далее на копии слоя с текстом щелкаем правой кнопкой мыши, выбираем Слой к размеру изображения, и объединяем этот слой с копией фона. Получили первый кадр.
Копируем слой с текстом, перемещаем на вверх, и ориентируясь относительно нижнего слоя, смещаем текст левее, с помощью инструмента Перемещение (для удобства можно использовать направляющую):
5. Опять делаем копию фона, размещаем под копией текстового слоя. Далее возвращаемся к копии слоя с текстом, делаем слой к размеру слоя, как было описано выше, и объединяем с копией фона. Получили 2 кадр. Продолжаем в том же порядке, пока не покажется вся надпись:
6. Продолжаем смещать текст влево, пока все буквы не скроются:
7. Когда все кадры готовы, удаляем текстовый слой, а слой Фон оставляем. Делаем оптимизацию, и сохраняем как GIF анимацию. Если есть необходимость меняем время задержки кадра. В результате получается вот такая бегущая строка:
Как сделать бегущую строку в gimp
Статус: Оффлайн
Цитата akuma ( )
Доброго врея суток! Не могу найти урок. Хочу посмотреть как делать из картинки баннер с размером 468 на 60 и добавлением анимации, и текстом из трех серий?Возможно ли на баннере сделать текст что бы писался огоньком?
Баннер к примеру состоит из 4 страниц, на первой сделать главную анимацию, и появления названия, а на остальных трех описание идёт и там уже анимации минимум, к примеру сделать как бы тряску не очень быструю фона. А фон к примеру из тоже картинки откуда резали сам баннер.
Возможно такое в гимпе сделать?
Конечно можно-> создаём изображение 468х60, и запихиваем туда всё, что нужно-> Пишем текст, чтобы поместился в созданное изображение, и запускаем фильтр «Выжигание»-> получаем анимированную надпись-> над стопкой с анимацией-> создаём новый слой, и на нём пишем новый текст, затем ещё один и на нём другой текст, и так далее.->
Прикрепления: 9511041.gif (85.8 Kb)
Анимация: бегущий человек
Урок сам по себе довольно простой но может понадобиться для создания мульта или анимации.
Сразу говорю — могут возникнуть проблемы с правильной траекторией бега (правильным расположением рук ног и т.д.). Для удобства я использую деревянного человечка из Икеи.
Можно использовать любую другую куклу на шарнирах.
1. Создаем изображение 500х500.
2. Рисуем простого человечка. Кто не знает — голова, туловище-палка, руки, ноги. Можно конечно и более детально обрисовать персонажа, но я остановлюсь на самом простом:
3. Ноги постепенно соединяются:
4. И снова расходятся:
Не забудьте, руки тоже движутся!
5. Желательно прорисовывать каждое движение руки и ноги, тогда персонаж будет бежать плавно, а не запинаться на каждом движении.
6. Открываем (Фильтры — Анимация — Воспроизведение). Смотря сколько у вас кадров, выбираем оптимальную задержку между кадрами. У меня 9 кадров = 50 миллисекунд.
7. Но! Так как это мультяшный персонаж можно уменьшить задержку и вы получите с бешеной скоростью убегающих персонажей.
Если захотелось продолжать можно дорисовать глаза, рот, волосы и т. д.
21 августа 2011 4
В избранном у 4 человек:
Похожие уроки
28 комментариев
Наташа Никитина 24 августа 2011 в 08:13 Личное сообщение
Ухты,прикольно ^_^ Очень крутой урок
Большое Спасибо,Ангелина.
Ну я прям не знаю,полезный 😉
Макс Шевченко 24 августа 2011 в 08:13 Личное сообщение
Урок до боли простой, но объяснение сразу дает понять, что новичкам тут не место. Просто интересно, на какую целевую аудиторию рассчитано. ) Если на продвинутых пользователей, то как-то несерьезно.. А если на начинающих, то стоило описывать процесс гораздо более детально. Но задумка хорошая.
Инна Подзорова 24 августа 2011 в 08:28 Личное сообщение
Хороший урок, учит делать простую анимацию. Однако соглашусь с Максом — описание не для новичков, а урок простой. «Средний класс» вряд ли заинтересует. Ну а так — вполне нормально.
Дмитрий Шерстобитов 24 августа 2011 в 09:16 Личное сообщение
Соглашусь с Максом
Arman Don 24 августа 2011 в 12:53 Личное сообщение
А ЧЕЛОВЕК ОТ ИКЕИИ ТУТ ПРИЧЕМ? о_О
Макс Шевченко 24 августа 2011 в 18:39 Личное сообщение
Логичный вопрос, кстати. Я так и не понял, что он даёт тем, кто повторяет урок..
Илья Новиков 25 августа 2011 в 21:52 Личное сообщение
Урок неплохой, но можете объяснить как вы передвигали ноги и руки, я знаю способы, но чтобы так ровно. не получалось.
Максим Фёдоров 25 августа 2011 в 23:55 Личное сообщение
Arman Don, омг, человечек, для понятия строения человека, во время каких-либо действий(ну не умею я красиво выражаться)
Макс Шевченко 26 августа 2011 в 00:35 Личное сообщение
Но нам-то он ничего не даёт. )
Максим Фёдоров,
вряд ли вы составите правильное представление о строении человека на таком примере. Например общеизвестный факт, что при беге или ходьбе человек движется не только в горизонтальном направлении, но и совершает возвратно-поступательное движение по вертикали.
Тимур Елизаров 26 августа 2011 в 14:21 Личное сообщение
Вадим, ну так в финале человек и возвращается и поступает. Разваливается на глазах))
Урок. я даже не знаю что сказать ! Автор должен был описать как эти кадры создавать! Новичкам будет — сложно, а те кто уже делал подобную анимацию — просто. А так урок сам по себе неплох.
Ангелина Балабаева 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 и т.д. И Анна, не стоит сразу называть себя лузером. Просто новичком. Насчет контуров. Создаете контур и обводите его.
Анна Дубчак 1 сентября 2011 в 11:13 Личное сообщение
Вадим, большое спасибо за ссылочку.
Захар Брюхов 1 сентября 2011 в 13:25 Личное сообщение
Полезный урок для тех, кто делает игры.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться .