В Этом уроке мы научимся делать фоновую анимацию с Photoshop CS3 Extended.

1.
Создаём новый прозрачный Transparent документ 100 X 100.
Бирём Eliptic Tool [показать] и удерживая Shift чертим большой круг.
Заливаем круг белым цветом.
[показать]

2.
Идём в Select --> All или жмём Ctrl+A .
Потом берём Move Tool [показать] . Жмём на символ для центрального выравнивания по вертикали и для центрального выравнивания по горизонтали.
[показать]

3.
Идём в Edit --> Define Pattern.. Даём любое имя и потверждаем (Enter).
После Этого можно закрывать созданный документ. Он нам больше не понадобидся.

4.
Теперь создаем новый документ 800 X 550 с белым фоном.
Зальём его синим цветом.(Можети выбирать любой цвет).

5.
Создаём новый слой Ctrl+Alt+N или Layer-->New-->Layer .
Заливаем его серым цветом.

6.
Идём в свойстава. Layer --> Layer Style--> Blending OptionЖмём на Pattern Overlay .
Выбераем oбразец ( Pattern) который мы создали в начале урока.
Ставим масштаб (Scale) на 50% .
[показать]

Так же нажимая мышкой на документ вы можете передвигать oбразец ( Pattern).
Зделать так чтобы кружки не выходили за окраины документа,если они у вас выходят.
И потверждаем (Enter).
Должно выгледит типо Этого:
[показать]

После Этого заливку (Fill) ставим на 0%. Круглишки будут теперь на синем фоне.

7.
Открываем окно анимации. Windows --> Animation .
Если у вас появляется окно анимации в стиле Animation(Frames)
то нам придётся нажать на символ в верхнем правом углу и выбрать Convert to Timeline .
[показать]

У нас появится анимационное окно в стиле Affter Effect .
[показать]

8.
С правой стороны мы видем слой 1 (Layer 1) .
Нажимаем на триугольник рядом с слоем. Тут появляется свойства слоя.
Нажимаем на часики рядом с стиль (Style) .
У нас появится жёлтая точка в начале Timeline .
[показать]

9.
В анимационном окне тянем индекатор времени на право, до конца.
[показать]

Теперь идём в свойства Layer --> Layer Style--> Blending Option .
Заходим в Pattern Overlay .
Не закрывая окна свойств удерживаем Shift и мышкой нажимаем на документ и тянем
круглишки на лево.Тянем несколько раз.
В конце, документ должен выглядит как в исходящем положение.
Потверждаем (Enter).
На Timeline появляется вторая точка, серого цвета.
[показать]

10.
Нажиме правой кнопкой на слой 1(Layer 1). И жмём на Convert to Smart Object .
[показать]

Теперь возьмём лупу (Zoom Tool) [показать] или нажмём на Z и уменьшим документ на 66 %.

11.
Идём в Edit --> Trasform --> Wrap . Нажимаем на верхний левый угол центрального квадрата и тянем его в сторону нижнего правого угла документа.
Должно получится типо Этого:
[показать]

Вообшето тут можете использовать ваше вооброжение... Тяните где жотите. Искажайте как хотите.
После всяких искожений, потверждаем (Enter).

12.
Ставим слой 1 (Layer 1) в режим Overlay .
Добаляем слой маски (Add Layer Mask) .
[показать]

Нажмите на D что бы исходные цвета вернулись. Чёрный цвет должен быть первым.
Берём Gradient Tool [показать] . И в свойствах выбераем Foreground to Transparent .
[показать]

Затемняем углы и бока документа Gradient Tool'ом .
Типо Этого:
[показать]

13.
Переходим к окну анимации.
Уменьшаем длительность анимации передвигая синии квадратики.
Поставьте квадратик слева чуть болше двойки а с права к шестёрке.
Ставим индикатор времени на двойку.
[показать]

Жмём на плай. Сначала анимация будет заедать так как она грузится,
ну а потом она станит плавной.
Сохраняйте как GIF ( File--> Safe for Web & Devices) , не забудьте поставить Loop Option на Forever и всё.

Я не видел смысла делать анимацию весом 10 Мб, так что я уменьшил документ.
Вот что вышла у меня:

[показать]

полный размер, 1.9 мб
Tакже можно добавить какую нибудь фотографию или объект на фон.
GIF 2