ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Анимация к празднику Победы
Возможно,
Как и всегда, постараюсь разъяснять подробно, а названия слоев будут указаны в [квадратных скобках]. Но на английском, уж простите.
Начнем с того, что я использовал при создании:
- Орден «Железный крест» (ищем в поисковике)
- Орден «Победа» (ищем там же)
- Карта. Например, одного из фронтов (да, снова в поисковик)
- Внимательность, терпение.
Создаем новый документ, размер 600*600 px.
Сразу расставим необходимые направляющие: идем в Изображение -> Направляющие -> Направляющая (в %…) и создаем сначала горизонтальную (А), а затем вертикальную (Б).
ФОН
Открываем как слой изображение карты (Файл -> Открыть как слои… и выбираем нужное изображение), а затем инструментом «Перемещение» помещаем его посередине
Инструментом «Масштаб» подгоняем карту под размер основного изображения,
Идем в Цвет -> Обесцвечивание, применяем с параметром -Среднее-
Берем «Градиент» и устанавливаем такие парметры:
Теперь дважды (!) растягиваем градиент, как показано ниже:
На этом с фоном я решил остановиться. Здесь огромный простор для вашей фантазии, не забывайте про нее.
ОРДЕНА
Пожалуй, перейдем к нашим действующим лицам.
Сначала откроем как слой «Железный крест». Свастику с него я убрал заранее из соображений цензуры (хотя, с ней было бы исторически достовернее, ну да ладно).
Добавляем слою
Теперь нужно выделить сам крест. Я для этого использовал «Контуры», но вы, конечно же, выбирайте то, что удобнее вам.
Инвертируем выделение (Выделение -> Инвертировать или Ctrl+I) и удаляем (Del)
Снимаем выделение (Выделение -> Снять или Ctrl+Shift), а затем автокадрируем слой (Слой -> Автокадрировать слой). Перемещаем на центр.
Берем «Масштаб» и немного увеличиваем крест, после чего я решил немного подправить его контраст (Цвет ->
Возвращаем его обратно на центр.
Теперь почти то же самое повторим с орденом «Победа»
- Открываем как слой, добавляем
альфа-канал - Выделяем, инвертируем выделение, удаляем лишнее
- Масштабируем так, чтобы ордена соответствовали друг другу, затем автокадрируем
АНИМИРОВАНИЕ
Основные объекты анимации приготовлены. Теперь приступим к процессу «оживления».
Сейчас будем много работать с масштабом и копиями слоев.
Для начала уберем видимость слоя с крестом (тыкнем в глазик рядом со слоем в списке).
Создаем новый слой (Слой -> Создать слой…) со стандартными параметрами, назвав его [path] (ну или «путь», по русски говоря). Этот слой нам нужен, чтобы точнее определить траекторию движения звезды.
Теперь продублируем слой со звездой [Victory] (ниже на скриншоте указаны кнопки для более удобной работы со слоями)
Уменьшим размер копии, а затем переместим ее:
Возвращаемся на [path], берем «Свободное выделение» и создаем область, ориентируясь на концы лучей:
Берем «Плоская заливка» и заливаем сие выделение белым цветом, после чего снижаем непрозрачность слоя примерно до 15–20%. Снимаем выделение.
Далее по пунктам:
- Переходим на [Victory], дублируем слой.
- С помощью инструментов «Масштаб» и «Перемещение» уменьшаем получившуюся копию и помещаем вот таким образом (в параметрах инструмента «Перемещение» обязательно переключитесь на -Переместить активный слой-):
Обратите внимание, чтобы верхний луч меньшей звезды находился примерно на уровне центра бОльшей.
Повторяем вышеуказанные пункты до тех пор, пока не получим вот такую картину:
Теперь с помощью стрелочек поднимаем и опускаем слои так, чтобы они оказались в таком порядке:
Создаем 5 копий слоя [map] и располагаем так:
Включаем видимость слоя с крестом, делаем также 5 его копий, и перемещаем так, чтобы список приобрел следующий вид:
Мда, в такие моменты понимаешь, как GIMP’у нужен аналог папок слоев из ФШ…ждем.
Удаляем [path], больше он нам ни к чему.
Теперь будем объединять слои. Чтобы объединить слои, жмем пр. кн.мыши на слое в списке и выбираем Объединить с предыдущим
Ниже показано, какие тройки слоев нужно объединять. А еще ниже — что должно получится.
Объедините также [Victory] и [map]
С первой частью анимации мы разобрались.
Создаем еще одну копию слоя с крестом. И назовем ее [expl] (ибо крест будет разлетаться). Для этой копии следуем в Слой -> Слой к размеру изображения.
Убираем направляющие (Изображение -> Направляющие -> Удалить направляющие)
Берем «Свободное выделение», выделяем фрагмент креста, вырезаем (Ctrl+X) и вставляем как новый слой (Правка -> Вставить как… -> Новый слой)
Таким образом разбираем на части весь крест. Все новые слои с вырезанными частями скапливаются в верхнем левом углу изображения, откуда мы сейчас будем их вытаскивать обратно.
Снимаем все оставшиеся выделения, берем «Перемещение» и перетаскиваем
Сводим все слои с осколками в один слой и для него применяем Слой -> Слой к размеру изображения. Назовем этот слой [fragments]
Создаем новый слой по принципу того, который направлял движение звезды и назовем его [path2]. Но выглядеть он будет чуть иначе:
1) Создаем копию слоя [fragments] (при следующем выполнении этой операции — копию предыдущего слоя)
2) «Свободным выделением» выделяем осколок, идем в Выделение -> Сделать плавающим (Shift+Ctrl+L), перемещаем на небольшое расстояние, увеличиваем и прикрепляем плавающий слой. Чтобы было удобнее выделять, отключите видимость [
3) Повторяем эту процедуру со всеми оставшимися осколками. После того, как разберетесь с перетаскиванием, можно применить Фильтр -> Размывание -> Размывание движением
С каждым новым слоем длину размывания можно увеличивать.
Повторяйте предыдущие пункты, пока не получите нечто, похожее на это:
У меня получилось 8 слоев с осколками.
Удаляем [path2] и [expl]. Создаем копии слоя [map], на одну больше, чем получилось «осколочных» слоев (в моем случае 9).
А затем респределяем эти копии между слоями, после чего объединяем выделенные пары:
И, наконец, финишная прямая. Надпись.
Берем инструмент «Текст», переходим на самый верхний слой и пишем. Я выбрал следующие параметры:
Жмем пр. кн.мыши на текстовом слое в списке и выбираем «Удалить текстовую информацию», после чего создаем 4 копии этого слоя.
Меняем непрозрачность так:
оригинал — 20%
1 копия — 40%
2 копия — 60%
3 копия — 80%
4 копия (самая верхняя) — 100%
Затем делаем 5 копий последнего слоя, на котором нет текста, размещаем эти копии между слоями с текстом, после чего выделенные пары объединяем.
Теперь осталось только выставить задержку для слоев. Чтобы узнать, что и где не так, направляемся в Фильтры ->Анимация -> Воспроизведение.
Методом проб и ошибок я выставил такие значения:
А вот и результат (до оптимизации он весил «всего» 21 Мб.):

Жду ваших вопросов, предложений, обсуждений… Ну, и, конечно, результатов!
Уроки: ← предыдущий следующий →
24 комментария
Макс Шевченко9 мая 2011 в 00:59Личное сообщение
Все же решил дать ссылки:
"Победа" - http://samlib.ru/img/o/orobej_n/rezn/image002.jpg
"Железный крест" - http://i081.radikal.ru/1009/c0/1ee74a05dfe3.jpg
карта Ленинградского фронта - http://otvoyna.ru/pic/dur.jpg
v_lad9 мая 2011 в 01:10Личное сообщение
Шикарный урок мне очень понравился.Нет слов одни эмоции=)есть чему поучится=)
Евгений Волков9 мая 2011 в 02:44Личное сообщение
Классно и идея, и реализация! Ставлю пять =)
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
R_n_R9 мая 2011 в 14:08Личное сообщение
Макс, жили бы вы чуть ближе ко мне - нашла бы и расцеловала. Ну наконец-то стоящий, действительно стоящий урок.
*потирает лапки*
Сейчас попытаюсь притворить это в жизнь. Думаю, проблем не возникнет. Спасибо огромное.
TechnoVirus9 мая 2011 в 15:59Личное сообщение
ИМХО но слой ФОН как-то очень быстро появляется и исчезает...
Я бы или задержку сделал или эфект исчезания (растворения...)
Макс Шевченко9 мая 2011 в 18:07Личное сообщение
Фон - корявый намёк на пленку старого фильма, когда сначала мелькают какие-то символы, затем шли цифры, а потом начинался фильм)
На самом деле это очень сильно урезанная версия урока... Было ещё много чего.
Alevtina Nagornaya 9 мая 2011 в 19:34Личное сообщение
Макс, очень хороший урок, молодец, смотреть приятно!
Александр Файзулин9 мая 2011 в 21:20Личное сообщение
Макс Шевченко полный востор от выполненной работы!!!
Просто великолепное исполнение и задумка автора!!!
Долгое выполнение, но потеря времени того стоит!!!
НЕт никаких вопросов! 5+++++
Александр Файзулин10 мая 2011 в 20:57Личное сообщение
Победитель!!!
Макс Шевченко10 мая 2011 в 20:58Личное сообщение
Файз, кто тебе такую ересь сказал?))
Alevtina Nagornaya 11 мая 2011 в 23:53Личное сообщение
Макс, поздравляю со 2-м местом! У тебя отличный урок!
ALeXv0 N12 мая 2011 в 14:05Личное сообщение
Да место по идее и не главное, а главное, что урок хороший и много кому пригодится!
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Дмитрий Шерстобитов15 мая 2011 в 14:30Личное сообщение
А что за перекрестное нанесение с начала анимации?
Макс Шевченко15 мая 2011 в 15:34Личное сообщение
Дмитрий Шерстобитов
Это оставшийся слой [Фон], особой нагрузки он в принципе не нёс, поэтому я решил сделать его своеобразным разграничителем между началом и концом анимации. Просто залит черным цветом и крест-накрест нанесены линии кистью. Не более чем аксессуар, оставшийся от большого первоначального варианта урока.
Александр Файзулин15 мая 2011 в 15:48Личное сообщение
Макс! на мой взгяд это лучшая и самая оригенальная работа!!!
Так что зря ты так со своим коментом
*****************************************************************************
Макс Шевченко10 мая 2011 в 20:58
Файз, кто тебе такую ересь сказал?))
*****************************************************************************
мс2620 мая 2011 в 15:24Личное сообщение
Спасибо, Максим. Урок превосходный. А главное, детально и толково всё изложено.
При выполнении этого урока узнал много нового.
У меня загвоздка, только в том, что в XCF анимация воспроизводиться нормально, а в GIF, почему-то быстро. Особенно, красный текст, очень быстро исчезает!
Макс Шевченко20 мая 2011 в 15:39Личное сообщение
мс26
А задержка выставлена правильно? Если с ней все нормально, то попробуйте сохранить результат под другим именем, может поможет..) У меня подобная чушь была, когда делал другой аним-урок.. Никак не реагировало изображение на изменение задержки, ну и решил пересохранить, предварительно заново вбив задержку для каждого кадра. Заработало.
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
аленка вронских6 июня 2011 в 23:59Личное сообщение
очень понятный урок, максимка)даже мне понятно, как новичку, спасибо
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- Автошины. Купите: зимняя резина и автодиски.
Информация по уроку
Добавил урок:
Макс Шевченко
Выполнено в GIMP 2.6.11
Опубликовано 9 мая 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
День Победы
Уроки по GIMP
Описание редактора
Про Гимп
Обои и постеры
Уроки по GIMP
Анимация
Вопрос-ответ
Будущее GIMP
Про Гимп
Вопросы
Как экспортировать слои в виде раздельных .jpg а не как одну картинку?
Почему, если объединять слои с измененными режимами, изменяется результат?
Оценка урока
«Анимация к празднику Победы» получил оценку 4.80 на основе 15 голосов.
9170+244 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →









Имитация карандашного рисунка. N-ая попытка
Добавляем снег на фото
Луч света в темноте (адаптация)
Эффектное появление аватара (адаптация)
Фото в стиле Рариндры Пракарса. Золотое фото

Нет слов, нет критики, есть полная ясность и понимание!
Этот урок меня сильно заинтересовал и его результат особенно... Пять!!!
Никогда раньше не делал анимации, но теперь попробую...спс!