В Этом уроке мы научимся делать фоновую анимацию с 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