ПРОГРАММА ~GIMP~

СОЗДАЁМ АНИМИРОВАННЫЙ БЕСШОВНЫЙ ФОН

1. В Gimp открываем понравившую гифку, которой хотим украсить фон. (Файл-Открыть...) Например, вот такую, она состоит в моем случае из 3 слоев и на прозрачном фоне, размером 200*140пх.

2. Переводим в режим RGB (Изображение-Режим-RGB) 3. Разоптимируем, для того, чтобы иметь возможность редактировать слои. (Фильтры-Анимация-Разоптимация) Откроется в новом окне, на нем и будем работать. 4. Вокруг изображения мало пространства, чтобы сделать карту без швов и поэтому мы должны увеличить холст. (Изображение-Размер холста...) Задаем размеры по Х и У (чтобы было больше пространства), центрируем, ставим галочку на Изменить размер слоев.

5. Вот теперь делаем безшовную текстуру. Активируем 1 слой. Фильтры-Карта-Без швов. Видим, что фильтр как бы отрезал картинку на 4 части и разместил еще по краям.

5.1. Переходим к следующему слою. Повторяем использованный фильтр.

5.2. Тоже и с со следующим слоем.

6.Теперь будем вставлять эти слои в текстуру. Активируем 1слой. 6.1.Выделение-Все. 6.2. Правка-Копировать. 6.3. Правка-Вставить как...-Новую текстуру... В открывшемся меню дать наименование текстуры.

6.4. Переходим к следующему слою. Также Выделение-Все Правка-Копировать. Правка-Вставить как...-Новую текстуру... Здесь можно не менять наименование, редактор сам автоматически назовет Девушка#1 6.5. То же и с оставшемся слоем. Если заглянем в панели инструмента Заливка, то увидим только сделанную нами текстуру, состоящую из 3 изображений: Девушка, Девушка#1,Девушка#2. 7. Теперь проверяем, что у нас получилось. Создаем новый документ (Файл-Создать) с размером по умолчанию или задать свои параметры с прозрачным фоном, в том случае, если вы хотите сделать прозрачный фон с анимированными элементами.

8. Выбираем Заливка, тип заливки:Текстура. Выбираем первое изображение нашей новой текстуры. Заливаем. 9. Снова прозрачный слой.(Слой-Создать новый слой) 10. Выбираем следующую текстуру, заливаем. 11. И вновь на новом прозрачном слое заливем 2-им изображением. Наш фон состоит из 3 изображений.

11.1. Если хотите сделать анимированные элементы не на прозрачном фоне, а с какой нибудь заливкой, то создайте новый прозрачный слой. (Слой-Создать новый слой) 11.2. Залейте Заливкой подходящего цвета. Этот слой должен стоять в самом низу.

11.3. Соединяем слой с заливкой со всеми слоями. (Фильтры-Анимация-Combine Background или FX-Foundry-Animation-щелкаем на Combine with Background), слои соединятся с фоном. Нижний слой-фон удаляем.

12. Индексируем. (Изображение-Режим-Индексированное...), задать Размывание: по Флойду-Стейнбергу уменьшенное растекание. 13. Оптимируем. (Фильтры-Анимация-Оптимировать для gif) Откроется в новом окне. 14. Сохраняем, (Файл-Сохранить как...) Указываем папку,имя и расширение gif. 15. В следующем окне поставить галочку на Сохранить как анимацию, затем на кнопку Экспорт. 16. В следущем окне оставляем без изменения и сохраняем.

Из такой гифки, здесь надо еще учесть сколько свбодного места имеет центральное изображение.

Получился вот такой анимированный фон.

Урок взят у Margarete