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

Gimp:Создание баннерной кнопки 88*31.

Создание простого анимированного баннера 88*31пх
Такой баннер еще называют баннерной кнопкой, вес не должен превышать 9-10 кб.

[показать] [показать]

Итак, после того как вы решили, какую информацию хотите использовать на баннере, запускаем наш графический редактор Gimp.
Еще вам потребуется дополнительно скачать пиксельные шрифты.
Мне понравился такой шрифт BULGARIA RAXEL
1. Создаем новый документ (Файл-Создать)

[показать]

1.1. Увеличиваем масштаб для удобства:400-800%

[показать]

2. Инструментом Заливка заливаем прозрачный слой темно-серым цветом.

[показать]

3. Создаем новый прозрачный слой (Слой-Создать новый слой)
4. Инструментом Заливка заливаем слой текстурой.

[показать]

5. Выбираем Выделение по цвету, щелкаем по желтому цвету. Появиться выделение.

[показать]

6. Правка-Вырезать.Желтый цвет удалится.
6.1. Выделение-Снять.
7. Уменьшаем непрозрачность у этого слоя на 25-30.

[показать]

7.1. Объединяем слои.(Слой-Объединить с предыдущим), назовем ФОН.
8. Выбираем инструмент Текст, шрифтом BULGARIA RAXEL, размером 9-10пх, оранжевым цветом пишем текст, к примеру, "ХОЧЕШЬ ЗАРАБОТАТЬ?"
Устанавливаем текст посередине.
Чтобы более равномерно установить посередине, лучше всего применить вертикальную направляющую (Изображение-Направляющие-Направляющие в %...-Вертикальная:50%.)
8.1. Слой с текстом обрезаем (Слой-Автокадрировать слой)
8.2. Инструментом Перемещение щелкнув левой кнопкой мыши, переместить слой, так, чтобы зеленый крестик посередине слоя встал к вертикальной направляющей.

[показать]

8.3. Выключаем видимость слоя, нажав на иконку глаза в окне слоев.

[показать]

9. Снова инструметом Текст пишем другую фразу оранжевым цветом и размером 9-10пх, к примеру "ЗАХОДИ".
Устанавливаем надпись в верхней части холста.
10. Еще раз инструментом Текст пишем следующую фразу, шрифтом BULGARIA RAXEL с размером 6пх, Например адрес "WWW.COURIOS.COM" (как вы понимаете адрес вымышленный). Устанавливаем в нижней части.

[показать]

10.1. Кадрируем надписи как в шаге 8.1.
10.2. Перемещаем слои к вертикальной направляющей как в шаге 8.2.
Получится примерно вот так.

[показать]

12. Теперь слои надо привести в порядок для создания анимации.
12.1. Дублируем фон 1 раз. (Слой-Создать копию слоя), поднимаем дубликат слоя на один слой выше.
12.2. Активируем верхний слой и объединяем со слоем ниже его(Слой-Объединить с предыдущим или щелкнув по изображению, выбрать Объединить с предыдущим)
12.3. Активируем только что полученный слой и вновь объединяем с предыдущим, т.е. с фоном.
12.4. Переходим к слою с текстом ХОЧЕШЬ ЗАРАБОТАТЬ?, включаем видимость, нажав на глазок, активируем и объединяем с предыдущим слоем, т.е. с фоном.

[показать]


[показать]

В итоге у нас получится 2 слоя: Слой с текстом "ХОЧЕШЬ ЗАРАБОТАТЬ?", слой с текстом "ЗАХОДИ+WWW.COURIOS.COM."

[показать]

13. Проверяем, что получилось.Фильтры-Анимация-Воспроизведение.
Скорость очень быстрая, но мы потом его исправим.
14. Оптимируем(Фильтры-Анимация-Оптимация для gif), откроется в новом окне.
15. Теперь будем делать задержку кадров, чтобы не так быстро мелькали.
15.1. Активируем верхний слой и прописываем в атрибутах вместо 100 - 1400мс.(можно и больше)

[показать]


[показать]

15.2. Активируем нижний слой и тоже прописываем вместо 100 - 1200мс.(можно и больше)

[показать]

16. Воспроизводим.(Фильтры-Анимация-Воспроизведение)
Вот теперь лучше.
17. Индексируем (Изображение-Режим-Индексированное...),ставим Размывание цвета: по Флойду-Стейнберга уменьшенное растекание.
18. Далее нам надо сохранить как гиф.
Сохраняем, (Файл-Сохранить как...)
Указываем папку,даем имя файлу и расширение gif.

[показать]

19. В следующем окне поставить галочку на Сохранить как анимацию, затем на кнопку Экспорт.
20. В следущем окне оставляем без изменения и сохраняем.
Такой размер файла будет около 1 кбайта.
[показать]