GIMP Анимированный учебник GIF

GIMP – это удивительно мощный программный продукт, учитывая, что он бесплатный. Веб-дизайнеры, в частности, могут быть благодарны за возможность создавать простые анимированные GIF-изображения.
Анимированные GIF-файлы – это простые анимации, которые вы увидите на многих веб-страницах, и, хотя они гораздо менее сложные, чем Flash-анимации, они очень просто создать любой, кто имеет базовое представление о GIMP.
Следующие шаги показывают простую анимацию размером с веб-баннер с использованием нескольких основных графических элементов, текста и логотипа.

  1. Откройте новый документ . В этом примере мы собираемся использовать GIMP для создания очень простого анимированного веб-баннера GIF. Мы выбрали предустановленный шаблон общего веб-баннера 468×60 .

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

  2. Установить первый кадр . Мы хотим, чтобы наша анимация начиналась с пустого пространства, поэтому мы не вносим никаких изменений в фактический слой Фон , который уже является простым белым.
    Однако нам нужно внести изменения в имя слоя в палитре Слои . Мы щелкаем правой кнопкой мыши слой Фон в палитре и выбираем Изменить атрибуты слоя .

    В открывшемся диалоговом окне Изменить атрибуты слоя мы добавляем (250 мс) в конец имени слоя. Это устанавливает время, в течение которого этот кадр будет отображаться в анимации. MS обозначает миллисекунды, а каждая миллисекунда – тысячную секунды. Этот первый кадр будет отображаться в течение четверти секунды.

  3. Установить второй кадр . Мы хотим использовать графический элемент для этого кадра, поэтому перейдем в Файл> Открыть как слои и выберите наш графический файл. Это помещает элемент footprint в новый слой, который мы можем позиционировать по мере необходимости, используя Инструмент перемещения .

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

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

  4. Установите рамки три, четыре и пять . Следующие три кадра – это больше следов, которые пройдут по баннеру. Они вставляются так же, как второй кадр, используя ту же графику и другую графику для другой ноги. Как и раньше, время установлено на 750 мс для каждого кадра.

    Каждому из слоев посадочного места необходим белый фон, чтобы когда-либо был виден только один кадр – в настоящее время каждый имеет прозрачный фон. Мы можем сделать это, создав новый слой непосредственно под слоем следа, заполнив новый слой белым цветом, а затем щелкнув правой кнопкой мыши по слою следа и нажав Объединить вниз .

  5. Установите шестой кадр . Этот кадр является просто пустой рамкой, заполненной белым цветом, которая создает видимость последнего отпечатка, исчезающего до появления последнего кадра. Мы назвали этот интервал слоя и выбрали этот дисплей всего 250 мс. Вам не нужно называть слои, но это может облегчить работу с многоуровневыми файлами.

  6. Установите кадр семь . Это последний кадр и отображает текст вместе с логотипом Lifewire.com. Первым шагом здесь является добавление еще одного слоя с белым фоном.

    Затем мы используем Текстовый инструмент , чтобы добавить текст. Это применяется к новому слою, но мы будем иметь дело с этим, как только мы добавим логотип, что мы можем сделать так же, как мы добавили графику следа ранее.

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

  7. Предварительный просмотр анимации . Перед сохранением анимированного GIF GIMP может предварительно просмотреть его в действии, перейдя в раздел Фильтры > Анимация > Воспроизведение . Откроется диалоговое окно предварительного просмотра с поясняющими кнопками для воспроизведения анимации.
    Если что-то не так, его можно изменить на этом этапе. В противном случае его можно сохранить как анимированный GIF.

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

  8. Сохраните анимированный GIF . Сохранение анимированного GIF – довольно простое упражнение. Сначала перейдите в Файл > Сохранить копию , дайте файлу соответствующее имя и выберите место, куда вы хотите сохранить его. Прежде чем нажать Сохранить , выберите Выбрать тип файла (по расширению) в левом нижнем углу и в открывшемся списке выберите GIF-изображение . В открывшемся диалоговом окне Экспорт файла выберите переключатель Сохранить как анимацию и нажмите кнопку Экспорт . Если вы получаете предупреждение о слоях, выходящих за пределы реальных границ изображения, нажмите кнопку Обрезать .

    Теперь это приведет к появлению диалогового окна Сохранить как GIF с разделом Параметры анимированного GIF . Вы можете оставить их по умолчанию, хотя, если вы хотите, чтобы анимация воспроизводилась только один раз, снимите флажок Loop forever .

  9. Теперь вы можете поделиться своим анимированным GIF.

Заключение

Шаги, показанные здесь, дадут вам основные инструменты для создания ваших собственных простых анимаций, используя различные графики и размеры документов. Хотя конечный результат является довольно базовым с точки зрения анимации, это очень простой процесс, которого может достичь любой, кто обладает базовыми знаниями в GIMP.

Оцените статью
Solutics.ru
Добавить комментарий