Разработка практической работы по информатике Анимированный текст Радуга в редакnоре Gimp

Анимированный текст "Радуга"
Для того чтобы создать новое изображение, в выпадающем меню «Файл» выберите пункт «Создать». Появится окно «Создать новое изображение». В данном окне задаём размер изображения в пикселях. Ширина 640, высота 400 пикселей. В опции «Цвет фона» выберите «Белый».

Нажимаем ОК.
Можно выбрать цвет, используя квадратики выбора цветов на панели инструментов. Ближний к нам квадратик  цвет переднего плана. Задний квадратик  это цвет фона. С помощью двунаправленной стрелки их можно менять местами. В диалоговой панели слоёв появится один слой, который называется Фон.
На панели инструментов выбираем инструмент «Текст», шрифт Arial Bold, размер 170 пикселей, межстрочное расстояние минус 25, цвет шрифта выбираем чёрный.

Пишем текст «Супер приз!».

На панели слоёв появился текстовый слой. Правой кнопкой мыши жмём на этом текстовом слое. В выпадающем меню выбираем пункт «Текст в контур».

Меняем цвет переднего плана на синий.

Создадим новый прозрачный слой через меню «Слой» или нажав на значок в панели слоёв. На панели слоёв нажмите кнопку «Создать новый слой и добавить его в изображение». Для того, чтобы узнать название того или иного инструмента, наведите на него курсор: появится небольшая подсказка и краткое описание его действия.

В окне диалогов переходим на «Контуры». Нажимаем на значок «Обрисовать контур заданным образом».

В открывшемся окне выбираем «Обвести линией», «Толщина линии» 6 пикселей.

Размоем обводку. Идем в меню «Фильтры»  «Размывание»  «Гауссово размывание». Радиус размывания по вертикали и горизонтали 5 пикселей.
Теперь, если скрыть значок «Глазик» на текстовом слое, увидим на прозрачном слое обводку.

Теперь будем делать радужный фон для заливки текста. Создаем новое изображение с теми же параметрами, что и первое: 640Ч400 пикселей.
Выбираем инструмент «Градиент» с такими настройками, как на скриншоте.

Растягиваем линию градиента сверху вниз. Можно использовать вертикальную направляющую, чтобы провести линию градиента строго вертикально. Получаем такое изображение.

Создадим копию слоя через меню «Слой» или с помощью значка в панели слоёв.
Изменим размер холста по высоте до 800 пикселей. Меню «Изображение»  «Размер холста».

Нажимаем «Изменить размер».

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

Объединим слои. В панели слоёв выделяем верхний слой, жмём правой кнопкой мыши.
В выпадающем меню выбираем пункт «Объединить с предыдущим» и нажимаем на него. Остается один слой. В главном меню выбираем «Правка»  «Копировать».
Переходим на первый файл с текстом и в меню «Правка» выбираем «Вставить как»  " Новый слой». Слой вставился в первое изображение, где у нас текст. На этом слое правой кнопкой мыши нажать и выбрать «Изменить атрибуты слоя». Назовём его «радуга».
Теперь нам надо создать кадры анимации. Слой с радугой инструментом «Перемещение» переместим вверх так, чтобы его низ совпал с низом слоя с текстом. Можно уменьшить непрозрачность слоя с радугой, чтобы легче было совместить, не забыв потом вернуть непрозрачность на 100%. Будем создавать копии слоёв и сдвигать их вниз до совмещения верха слоя с радугой с верхом слоя с текстом.

Копируем слой с радугой. Щелкаем на изображении. Для точного перемещения зажимаем клавишу Shift на клавиатуре и нажимаем на стрелочку . Слой переместится вниз. Копируем этот слой и операцию перемещения повторяем, т. е. щёлкаем на изображение, зажимаем Shift на клавиатуре и нажимаем на стрелочку . И так с каждым следующим слоем: копируем и смещаем вниз до тех пор, пока верх слоя с радугой не совместится с верхом слоя с текстом. Можно отдалить или приблизить изображение с помощью инструмента «Лупа», чтобы было видно, как смещаются слои.

Всего получилось 9 слоёв с радугой. Копии обводки пока не создавать. Переходим на слой с текстом. Щелкаем правой клавишей мыши. В выпадающем меню выбираем «Альфа канал в выделение».

В главном меню «Выделение»  " Инвертировать».

Выделение не снимаем. Переходим на слой «радуга» и нажимаем клавишу DEL на клавиатуре. Переходим на следующий слой с радугой и также нажимаем клавишу DEL.
Проделываем эту операцию на всех слоях с радугой.

Вот теперь выделение можно снять. Кадрируем изображение инструментом «Кадрирование».

А вот теперь создаём 8 копий слоя с обводкой. Всего получится 9 слоёв с обводкой. Под каждый слой с радугой передвигаем слой с обводкой. Попарно объединяем слой с радугой с предыдущим слоем с обводкой.

Правой кнопкой мыши щёлкаем по слою с радугой. В выпадающем меню выбираем «Объединить с предыдущим». И так в каждой паре слоёв. Удалим фоновый слой и предыдущий слой с текстом. Останутся 9 слоев с радугой.

Идём в меню «Фильтры»  «Анимация»  «Воспроизведение».
Нажимаем «Воспроизвести» и просматриваем. Если всё устраивает, то надо сохранить анимацию в формате GIF. В меню «Фильтры»  «Анимация» пункт «Оптимизация (для GIF)» изменяет изображение так, чтобы уменьшить размер файла для сохранения анимации в формате GIF. Если сохранить анимацию в таком виде, как она создана, то её размер будет больше. Идем в «Фильтры»  «Анимация»  «Оптимизация (для GIF)». Поэтому применим этот пункт, нажав на него мышкой. Оптимизированная работа откроется в новом окне.
Сохраняем анимацию. Идем в меню «Файл»  «Экспортировать». Открывается окно.

Выбираем папку, в которую будем сохранять. В поле «Имя» называем нашу анимацию. Нажимаем на крестик возле пункта «Выберите тип файла (По расширению)». В открывшемся списке выбираем «Изображение GIF»и нажимаем «Экспортировать».
Если откроется такое окно, то нажимаем «Обрезать».

Открывается ещё одно окно.

В нем надо обязательно поставить галочку в окошке «Сохранить как анимацию». Нажимаем «Экспорт». Анимация сохранена.
Вот конечный результат этого урока.

А если ещё немножко пофантазировать, то можно получить вот такой результат.


Рисунок 32Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/1.PNGРисунок 31Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/2.pngРисунок 29Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/4.pngРисунок 23Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/10.PNGРисунок 22Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/11.PNGРисунок 21Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/12.PNGРисунок 20Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/13.PNGРисунок 17Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/16.pngРисунок 16Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/17.pngРисунок 14Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/19.PNGРисунок 13Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/20.PNGРисунок 12Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/21.pngРисунок 10Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/23.PNGРисунок 9Описание: http://www.progimp.ru/i/articles/upload/2014/01/1679/24.png