Вебзик
СОЗДАНИЕ КАЧЕСТВЕННЫХ САЙТОВ
ИНТЕРНЕТ-МАГАЗИНЫ ПОД КЛЮЧ

Как сделать простейший баннер для сайта

30.07.2007 | Мастерская

Теперь непосредственно приступим к изготовлению файлов формата Gif.
Для этого в прогрпмме Photoshop создадим файл размером 300*300 px(пиксель): File»New (Файл-Новый), и зальём этот документ необходимым цветом, для этого служит инструмент Paint Bucket Tool (Заливка). Первый файл готов. Сохраним его: File»Save for Web (Файл»Сохранить для web), в открывшемся окне указываем куда сохранить файл и обязательно формат файла выбераем Gif.

Приступим к изготовлению второго файла.
Добавим в наш баннер текст, для этого воспользуемся инструментом Type (Текст) напишем любой текст. Его можно подкорректировать средствами Photoshop в частности "Слоевыми эффектами", но это отдельный разговор. Вот и готов наш второй файл. Сохраняем его по аналогии с первым.

Приступим к изготовлению третьего файла.
Делается он по аналогии со вторым, так что заострять на нём внимание мы не станем.

После изготовления четвёртого файла приступаем к сборке файла при помощи программы GifAnimator.
Для начала откроем четвёртый файл, спросите почему не первый (в данной программе анимация собирается в обратном порядке), далее открываем третий файл при помощи инструмента Insert (жёлтый плюсик в панели навигации) или Ctrl+I. Далее открываем второй и первый.

После того как все файлы открыты нажимаем Select All (Выделить всё) или Ctrl+L. Переходим на вкладку "Animation" тут вы можете установить количество раз прокрутки вашей анимации, я выбрал бесконечно о тметил галочки Looping и Repeat Count. Далее переходим на вкладку Image тут можно установить скорость смены кадров для каждого кадра, я выбрал для всех 1/200 sec. Теперь сохраняем наш файл. Вот и всё баннер готов.

Баннер конечно не шедевр, но сама технология создания была озвучена. Буду рад если кому то она пригодится.

Источник: Создание Сайтов НН