Это цитата сообщения Margarete70 Оригинальное сообщение

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. В следущем окне оставляем без изменения и сохраняем.

[показать]

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

[показать]

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

[показать]