Цитата сообщения 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 кбайта.