«Пишущий карандаш» — анимация текста в GIMP

В этом уроке вы научитесь создавать анимацию текста в виде пишущего карандаша в GIMP. Мы рассмотрим вариант анимации надписи стандартными инструментами и фильтрами программы. Поэтому с уроком справятся даже начинающие пользователи редактора ГИМП.

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

"Пишущий карандаш" - анимация текста в GIMP

Скачиваем материалы для урока по созданию анимации

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

Загружаем изображения для создания анимации

Шаг 1

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 2

Выбираем инструмент Свободное выделение. Отмечаем галочки в чекбоксах Сглаживание и Растушевать края. Радиус 5 px.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 3

Удаляем фон у изображения с карандашом. Общёлкиваем карандаш и нажимаем Enter на клавиатуре. Получаем выделение карандаша.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 4

Инвертируем выделение: Выделение – Инвертировать. И нажимаем Delete на клавиатуре.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 5

Активируем инструмент Вращение.

"Пишущий карандаш" - анимация текста в GIMP

Поворачиваем слой с карандашом на угол, равный  -60,90 градусам.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 6

Изменяем цвет грифеля карандаша. Инструментом Свободное выделение создаём выделение кончика карандаша.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 7

Заходим через меню Цвет – Тонирование. И в открывшемся окне увеличиваем значение Светлота до значения, равного 1,000.

"Пишущий карандаш" - анимация текста в GIMP

Создаём выделение из текстового слоя, основу для анимированной надписи

Шаг 1

Активируем инструмент Текст:

  • Цвет переднего плана — Белый (HTML-разметка — ffffff);
  • Шрифт — Phillipp Script;
  • Размер шрифта — 102 px.
"Пишущий карандаш" - анимация текста в GIMP

Шаг 2

Зажимаем ЛКМ и растягиваем текстовое поле. Набираем на клавиатуре надпись Паутина.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 3

Увеличиваем размер шрифта до 400 px.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 4

Центруем текст на холсте инструментом Перемещение или Выравнивание.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 5

Для увеличения контрастности, немного затемним слой с паутиной. Для этого заходим через меню Цвет — Яркость — Контраст. Устанавливаем значения:

  • Яркость — -57;
  • Контраст — -5.
"Пишущий карандаш" - анимация текста в GIMP

Шаг 6

Дублируем слой с паутиной: кликаем по пиктограмме создания копии слоя. Отключаем видимость слоя с паутиной и слоя с карандашом.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 7

Уменьшаем размер слоёв. В диалоговом окне Слои предварительно включаем видимость цепочек у всех слоёв. Выбираем инструмент Масштаб.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 8

Изменяем значения Ширины до 900 px и Высоты до 600 px.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 9

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

Шаг 10

Активируем текстовый слой Паутина кликом ЛКМ и ПКМ кликаем по названию слоя. В выпавшем списке выбираем Альфа — канал в выделение.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 11

Клавишей Delete на клавиатуре удаляем надпись.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 12

Удаляем текстовый слой: ПКМ кликаем по названию слоя, в выпавшем списке выбираем Удалить слой.

"Пишущий карандаш" - анимация текста в GIMP

Создаём слои анимации самопишущегося текста

Шаг 1

Активируем инструмент Кисть. Устанавливаем кисть c жесткими краями 2. Hardness 100; Размер кисти примерно 20 px; Цвет переднего плана Белый.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 2

Закрашиваем небольшой участок буквы и дублируем слой, кликнув по пиктограмме создания копии слоя.

На добавленном слое закрашиваем ещё небольшую часть буквы и снова дублируем слой.

"Пишущий карандаш" - анимация текста в GIMP
"Пишущий карандаш" - анимация текста в GIMP

Шаг 3

Продолжаем дублировать и закрашивать небольшие участки букв, пока не закрасим весь текст.

Шаг 4

Снимаем выделение через меню Выделение – Снять выделение.

Шаг 5 — будьте внимательны

Опускаясь вниз по стопке слоёв, отключаем видимость у всех слоёв, кроме самого нижнего слоя с паутиной.

"Пишущий карандаш" - анимация текста в GIMP

Добавляем карандаш к слоям анимации

Шаг 1

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 2

В открывшемся окне прописываем новое название слоя: Верхний. Аналогично переименовываем другие две копии с карандашами, присвоив им имена Средний и Нижний соответственно.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 3

Активируем инструмент Вращение. Затем в диалоговом окне Слои активируем слой Средний и поворачиваем его на 10 градусов. Активируем слой Нижний и поворачиваем на 20 градусов.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 4

Активируем первый слой с паутиной и дублируем его.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 5

Выбираем инструмент Перемещение.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 6

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 7

Активируем слой с карандашом Средний, дублируем его и поднимаем на пять слоёв вверх. Подставляем карандаш к концу завитка инструментом Перемещение.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 8

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 9

Включаем видимость следующего вышестоящего слоя с паутиной. Находим в стопке слоёв ближайшую копию слоя Средний, дублируем ее и поднимаем выше ранее включенного слоя с паутиной.

"Пишущий карандаш" - анимация текста в GIMP

Повторяем действия: включение видимости вышестоящего слоя; дублирование ближайшего слоя с карандашом и поднятие его выше ранее включенного слоя с паутиной; перемещение слоя с карандашом к концу закрашенного участка буквы, — пока не дойдем до последнего слоя.

Шаг 10

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 11

Включаем видимость последнего слоя с паутиной.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 12

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

"Пишущий карандаш" - анимация текста в GIMP

Шаг 13

Удаляем слои-исходники с карандашами — Верхний, Средний, Нижний. ПКМ по названию слоя и в выпадающем списке выбираем Удалить слой.

"Пишущий карандаш" - анимация текста в GIMP

Сохраняем анимированный пишущий карандаш

Шаг 1

Уменьшаем вес анимации. Заходим через меню Фильтры – Анимация – Оптимизировать (Разница).

"Пишущий карандаш" - анимация текста в GIMP

Шаг 2

После работы фильтра открывается новое окно (новая вкладка). Индексируем анимацию. Через меню заходим в Изображение – Режим – Индексированный.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 3

В открывшемся окне выставляем значения, показанные на скриншоте.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 4

Экспортируем изображение: Файл – Экспортировать как. В открывшемся окне при необходимости прописываем имя файла. Создаём или указываем папку для сохранения. Выбираем тип файла — Изображение GIF. Нажимаем Экспортировать.

"Пишущий карандаш" - анимация текста в GIMP

Шаг 5

В открывшемся окне ставим галочки в чекбоксах: Сохранить как анимациюБесконечный циклИспользовать указанную задержку в дальнейшем. Выставляем значение задержки равным 200 ms.

"Пишущий карандаш" - анимация текста в GIMP

Готовый анимация надписи с пишущим карандашом:

"Пишущий карандаш" - анимация текста в GIMP

На этом урок по созданию эффекта самопишущегося текста в GIMP закончен.

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

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