Write to the author

Создание и редактирование анимации в GIMP

Абстракт:  В нашей постоянной колонке, посвященной Gimp мы рассматриваем некоторые простые методы создания  и редактирования анимации в Gimp.

Привет, и добро пожаловать в мою третью LinuxFocus GIMP статью. На этот раз я не буду следовать работе Мигеля, а проделаю в GIMP что-то особенное. Я хотел-бы показать немного из аниматорских способностей GIMP. Они не слишком сложные, но достаточно полезные.

Для началаi, давайте поговорим о том, что такое анимация. Это слово происходит от латинского anima, что значит жизнь или душа. В отличие от неподвижной картинки, анимация выглядит живой. Поскольку движение это общая черта многих живых существ, есть ли лучший способ оживить изображение чем сделать его движущимся?

Для тех кто не знаком с этим, традиционный метод используемый художниками для придания движения картинке - это создание многочисленных картинок. Каждая картинка представляет отдельный "снимок" сцены, известный как кадр, и эти кадры организованы в хронологическом порядке, от раннего к позднему. Анимация - просто показ этих кадров. Она может выглядеть очень правдоподобно при соответствующей скорости. Скорорость анимации известна как частота кадров и измеряется в кадрах-в-секунду. Итак, давайте посмотрим что GIMP может предложить  нам в смысле анимации.

Помнится в первой и второй LinuxFocus GIMP статьях мы обсуждали и использовали слои в GIMP. Мы могли делать интересные вещи со слоями, и верите или нет, но слои будут играть основную роль в создании анимации. Вкратце, каждый слой будет работать как отдельный кадр. Самый нижний кадр будет самым первым и кадры будут проигрываться снизу вверх с помощью выбора Animation Playback из меню фильтров. Для примера давайте создадим небольшую анимацию.

Итак, сегодня я во враждебном настроении по отношению к Microsoft. Извиняюсь, если Вас это оскорбляет. В любом случае, я собираюсь сделать небольшой мультфильм о Microsoft, поэтому сначала, я создам лого Microsoft  черными буквами на белом фоне. Самый близкий к настоящему лого фонт, который я смог найти - "Eras". Этот фонт не может быть наклонным, иначе мы могли бы подойти очень близко к настоящему лого Microsoft. Однако для нашего примера этого достаточно.

Теперь я собираюсь сделать лого Microsoft выпадающим снизу из картинки. Я открываю диалоговое окно  Layers & Channels и кликаю на кнопку Duplicate Layer (это кнопка на которой нарисованы два листа бумаги, один на другом). Образуется копия слоя и теперь, я собираюсь слегка изменить этот новый слой, который будет верхним. Я собираюсь кликнуть на слой, чтобы убедится, что он в активном состоянии, затем выбрать Rectangular Select tool из toolbox. Затем в окне изображения я выбираю последнюю букву лого, т.е. "t" и создаю прямоугольное выделение вокруг нее. После того как вы увидите границу выделения (похоже на идущих муравьев) и поместите курсор мыши внутрь выделенной области, он превратится в крест. Это означает, что вы можете кликнув и потянув подвинуть выделенную область. Я хочу слегка сдвинуть ее вниз, что-нибудь порядка 5 пикселей. Затем я нажму Ctrl+H, чтобы закрепить сдвинутую область на новом месте.

Дальше я вернусь к диалоговому окну Layers и дублирую верхний уровень, создав третий слой. Затем я кликну на новый верхний слой, чтобы его активировать, проверю выбран ли Rectangular Selection tool и вернусь обратно в окно картинки. Дальше я выберу ДВЕ последние  буквы лого ("f" и "t") и сдвину выделенную область вниз на 5 пикселей или около того.

На этой странице может быть еще не просто заметить, что буквы начинают медленно и плавно падать. Чтобы закончить падение лого я продолжу дублирование очередного верхнего слоя, активацию нового верхнего слоя, выделение одной буквой больше чем в предыдущий раз и сдвигание его вниз примерно на 5 пикселей. Я собираюсь продолжать это до тех пор, пока лого не исчезнет.

Вы можете здесь натолкнуться на несколько проблем. Для меня легче всего было делать нижние уровни невидимыми, пока я работал с верхними. Это можно сделать кликнув на иконку глаза в диалоговом окне Layers, что выключит ее для этого слоя. Кроме этого, когда вы двигаете выделенную область вниз, то место которое раньше было ей покрыто, а теперь нет, может стать прозрачным. В таком случае вам придется взять карандаш или кисть и закрасить его.

В конце концов я получил всего 15 кадров. Я переименовал кадры и поместил номера рядом дважды кликнув на текст в каждом слое. И еще одна подсказка. В названии каждого слоя можно указать величину времени в скобках в милисекундах и фильтр Animation Playback будет показывать этот кадр в течение этого времени. Таким образом можно контролировать скорость анимации от кадра к кадру. Не обязательно иметь частоту кадров постоянной. Для моего примера с лого я использовал задержку в 50 милисекунд для каждого кадра.

Итак, теперь мы имеем наш небольшой мультфильм, представляющий падение Microsoft, и хотим сохранить его, так чтобы поместить на web-страницу. GIMP позволяет сохранить анимацию в формате animated GIF, который позволит web-броузерам наслаждаться наблюдая ее, также как наслаждался я ее создавая. Однако перед тем как сохранить ее в GIF, мы должны убедиться, что наша картинка в формате индексированных цветов, а не в RGB. Название картинки предоставляет эту информацию в скобках. Если там написано RGB вы должны кликнуть правой кнопкой на окно картинки, получить меню и выбрать из него Image->Indexed. После этого мы получим сообщение GIMP, что для создания прозрачного или анимированного GIF оптимальное количество цветов это  255 или меньше. После этого мы получим окно Indexed Color Conversion, которое позволит нам выбрать некоторые факторы конвертирования. Я просто соглашусь с тем что стоит по умолчанию. После этого из названия будет видно что картинка была конвертирована в индексированные цвета.

Теперь мы собираемся действительно сохранить изображение, поэтому пойдем в окно изображения и кликнем правой кнопкой, чтобы вызвать меню. Выберем File->Save As, чтобы вызвать окно Save Image. Затем выберем место сохранения файла и имя. Я назвал мою анимацию DownfallOfMicrosoft.gif, и GIMP автоматически определил, что это должно быть сохранено в формате GIF, затем я кликнул OK. Теперь появляется окно Save As GIF и позволяет нам выбрать некоторые параметры формата файла. Вы можете выбрать сохранить файл в формате interlace или нет. Вы можете выбрать сохранение комментария к файлу, вы можете выбрать бесконечное обращение мультфильма, вы можете установить задержку между кадрами для кадров в которых вы не указали задержку в диалоговом окне Layers, и вы можете выбрать как кадры взаимодействуют друг с другом в процессе анимации. Это все - вопрос предпочтения, так что поэкспериментируйте с этим, чтобы понять что делает вашу анимацию лучше всего.

Итак, ниже моя окончательная анимация. Очень просто, но вы, очевидно можете сделать больше - нужно только воображение. Я мог включить мощное лого  Linux, которое будет наступать сверху, но опасаюсь угрожающих звонков от некоторых адвокатов Microsoft. 

Перевод: Taтьяна Кузнецова