Анимация аватарки в GIMP

В этом уроке вы научитесь создавать анимированную  аватарку в GIMP с помощью стандартных инструментов и фильтров редактора.

Пример работы:

Анимация аватарки в GIMP

Подготавливаем изображение для создания анимированной аватарки

Шаг 1

Открываем изображение Файл – Открыть как слои.

Анимация аватарки в GIMP

Шаг 2

На панели слоёв выбираем инструмент Прямоугольное выделение. Ставим галочку в чекбоксе  Фиксированное соотношение сторон и создаём квадратное выделение.  Инвертируем выделение через меню Выделение – Инвертировать. Клавишей Delete на клавиатуре удаляем ненужную нам часть изображения. Снимаем выделение через меню Выделение – Снять выделение.

Анимация аватарки в GIMP

Шаг 3

Выбираем инструмент Масштаб на панели инструментов и уменьшаем размер изображения до размера 600 на 600 px.

Анимация аватарки в GIMP

Шаг 4

Приведем размер холста к размеру изображения, для этого зайдем через меню Изображение – Холст по размеру слоёв.

Создаём слой-основу анимации

Шаг 1

Проверяем или устанавливаем цвет переднего плана Белый.

Анимация аватарки в GIMP

Шаг 2

Создаем новый слой, ЛКМ кликаем по пиктограмме создания нового слоя.

Анимация аватарки в GIMP

Шаг 3

В открывшемся окне, в строчке Заполнение в выпадающем списке выбираем Цвет переднего плана.

Анимация аватарки в GIMP

Создаём слои анимации

Шаг 1

Над слоем с девочкой появился новый белый слой, продублируем его нажав на пиктограмму создания копии слоя и отключаем видимость нижестоящего слоя Фон, нажав на пиктограмму глаза ЛКМ.

Анимация аватарки в GIMP

Шаг 2

На панели инструментов активируем инструмент Ластик. Выбираем кисть Acrylis 01:

  • Размер кисти – 90 px;
  • Жёсткость – 100;
  • Сила – 100.
Анимация аватарки в GIMP

Шаг 3

Кликаем ЛКМ в верхнем левом углу слоя, стираем белый цвет. Дублируем слой и отключаем видимость нижестоящего слоя, на продублированном слое снова стираем небольшой участок, дублируем слой и снова отключаем видимость нижестоящего слоя. Повторяем действия стирая небольшие участки слоя, дублируя его и отключая видимость нижестоящего слоя пока не закончим  очистку слоя в нижнем правом углу. На скриншоте стрелками показаны примерные участки, и направления стирания слоя.

Анимация аватарки в GIMP

В итоге получаем очищенную аватарку с рваной рамочкой

Анимация аватарки в GIMP

Шаг 4

Дублируем слой и устанавливаем непрозрачность слоя равным  80.

Анимация аватарки в GIMP

Шаг 5

Дублируем этот слой и устанавливаем непрозрачность слоя равным 60.

Анимация аватарки в GIMP

Шаг 6

Создаем еще 3 дублированных слоя и устанавливаем им непрозрачность 40 20 и 10 соответственно.

Шаг 7

Активируем слой с девочкой и с помощью пиктограммы поднятия слоя поднимаем его на самый верх выше всех слоёв.

Анимация аватарки в GIMP

Шаг 8

Нажимаем на пиктограмму создания копии слоя и два раза на пиктограмму опускания слоя вниз. Повторяем эти действия, пока не доберёмся до слоя Фон в самом низу стопки слоёв.

Анимация аватарки в GIMP

Шаг 9

По мере опускания копий слоя с девочкой, параллельно включаем видимость ранее отключенных слоёв

Анимация аватарки в GIMP

Создаём и опускаем копии слоя с девочкой до слоя Фон, он должен остаться самым нижним.

Шаг 10

Возвращаемся к самому верхнему слою с девочкой, активируем его и создаём еще 8 копий этого слоя.

Анимация аватарки в GIMP

Шаг 11

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

Анимация аватарки в GIMP

Сохраняем изображение

Шаг 1

Через меню Фильтры – Анимация – Оптимизировать (Разница) уменьшаем вес анимации.

После работы фильтра, открывается в новое окно.

Шаг 2

Преобразовываем изображение в индексированное. Для этого в новом окне через меню заходим Изображение – Режим – Индексированный (Ставим галочку в чекбоксе). В открывшемся окне устанавливаем значения, показанные на скриншоте.

Анимация аватарки в GIMP

Шаг 3

Экспортируем изображение, меню Файл – Экспортировать как. В открывшемся окне ЛКМ кликаем по Выберите тип файла (По расширению). В окне с прокруткой находим и выбираем Тип Файла — Изображение GIF. Переименовываем (Аватарка). Указываем или создаём папку для сохранения и нажимаем Экспортировать.

Анимация аватарки в GIMP

Шаг 4

В открывшемся окне ставим галочку в чекбоксе Сохранить как анимацию и нажимаем Экспорт.

Анимация аватарки в GIMP

Готовый результат:

Анимация аватарки в GIMP

На этом урок по созданию анимированной аватарки в GIMP закончен.

Обсуждение: 4 комментария
  1. tatyana.shadskaya:

    Попробовала сделать аватарку — на второй день получилось, даже две. Правда, мне не понравилась скорость. Ну и, как всегда — проблема со вставкой картинки.

    3
  2. Смотритель сайта:

    Спасибо за урок! Супер аватарка получается. Сделал анимацию с горизонтальным направлением кисти-ластика.

    Только рекомендую сделать ещё одну копию самого верхнего слоя и опустить её в самый низ. Чтобы первый кадр с картинкой отображался по умолчанию, если на каких-то ресурсах gif не запускается автоматически. Как например почему-то здесь, в комментариях.

    2
  3. Opurikova:

    Здравствуйт!
    Спасибо за урок ! Вот что у меня получилось со второго раза !

    2
    1. Opurikova:

      Вот только в начале что-то напутала. Аватарка не квадратная, внизу белое поле осталось

      0

Добавить комментарий

Таллиннское шоссе, дом 20 20304 Эстония, Нарва +37253010126
   
Авторизация
*
*
Регистрация
*
*
*
Укажите свой уровень освоения GIMP
Генерация пароля