Кликовый спонсор

Сейчас я расскажу как легко и просто создать анимационный GIF-баннер для вашего сайта с помощью Adobe Photoshop CS2

1. Открываем фотошоп. Далее File-new (или сочетание клавиш Ctrl+N)

2. Задаем значения длины и ширины, в нашем случае это будет баннер 468x60 (фон transperent - прозрачный)

3. Далее заливаем любым фоном или применяем инструмент градиент, как сделала я, выбрав бело-голубой цвет:

3. В левой части пишем любой текст, дублируем его столько раз, сколько хотите с ним сделать изменений. Например в моем баннере на 2,6-6 слоях сделала эффект свечения из разных цветов. Еще важный момент, ваш текст идет отдельно от основного бело-голубого фона, придется клонировать основной бело-голубой слой много раз, столько, сколько у вас будет слоев с текстом вообще. У меня было 20 слоев с текстом, пришлось делать 20 клонов основного фона и потом соединять каждый слой с тестом по отдельности, делая видимым каждые 2 слоя. Все это для того, чтобы ваш текст отражался не на пустом фоне, а на градиентном.

4. В правой части я написала 3 слова : "лучшие спонсоры сети", каждое слово на отдельном слое. Всего получилось 3 слоя. Чтобы каждое слово появлялось по нарастающей, я сделала по 3 дублирующих слоя (клона) каждого слова. И к каждому слою применяла свое opasity, по нарастающей: 14%, 36%, 64% и 100%

5. Далее обязательно сохраняем этот файл в формате * psd (чтобы можно было к нему вернуться потом и что-то исправить)

6. В меню идем в File- Edit in ImageReady. Ваш файл из слоев перейдет в имэйджреди. Если анимация не открыта, то заходим в Window и ставим галочку напротив Animation. Под вашим файлом откроется окошко. В нем есть стрелочка в правом верхнем углу. Нажимаем на нее, выбираем Make Frames from Layers. Жмем на нее и все наши слои выстаиваются в один ряд:

7. Под каждым слайдом можно поставить время, столько сколько нужно задержки для каждой картинки. Я поставила 0,2 и 0,3. Тут же можно какой-то слайд продублировать, поменять местами.

8. Нажимаем play под слайдами и смотрим устраивает ли нас все в нашем баннере, меняем все по своему вкусу.

9. Сохраняем наш баннер. Для этого идем в меню File - Save Optimized As... даем название и нажимаем ок.

Результат.