1. Создаём новый документ размером 420 на 90 пикселей и разрешением 72 пискеля/дюйм с прозрачным фоном.
2. Открываем картинку, которую будем использовать в качестве фона.
3. Уменьшаем, при необходимости картинку и переносим на наш бигбар.

4. Я делаю аватарку с анимированным текстом. Для этого каждое слово пишу на новом, пусто слое.

5. Я хочу что б вся фраза у меня меняла цвет, поэтому я копирую слои с текстом.

6. И объединяю копии слоем. На текстовый слой нажимаем правой кнопкой мыши, выбираем Растировать слой. Далее с помощью Объединить с предыдущим, сливаю слои в один.

7. Теперь украшаем нашу надпись. Можно подбирать с помощью Параметры наложения, я использую готовые стили.
8. Для каждого слоя я выбираю разные стили.
9. Теперь делаем анимацию. Окно-Animation.

10. Помимо фона у меня 4 слоя, поэтому я добавляю еще 4 кадра к анимации.

11. На первом кадре я оставляю только картинку. Для второго делаю видимыми фон и первое слово.

Для третьего фон и второе слово и т.д.
12. Нажав Play animation можно посмотреть, что получается, кадры будут меняться быстро, что б замедлить анимацию. Для первых 4 слоем я выставляю 0,5 секунды, для последнего 1 секунду.
13. Бигбар готов, осталось его правильно сохранить. Файл-Сохранить для Web-Сохранить-Ок.

и вот результат

Вопросы задаем здесь)))

Урок взят Здесь