В Этом уроке мы научимся делать фоновую анимацию с Photoshop CS3 Extended.
1.
Создаём новый прозрачный Transparent документ 100 X 100.
Бирём Eliptic Tool
![Фоновая анимация в Photoshop CS3 Extended Фоновая анимация в Photoshop CS3 Extended](http://photoshoppro.ru/uploads/pics2/1204133020/1.gif)
и удерживая Shift чертим большой круг.
Заливаем круг белым цветом.
2.
Идём в Select --> All или жмём Ctrl+A .
Потом берём Move Tool
![Фоновая анимация в Photoshop CS3 Extended Фоновая анимация в Photoshop CS3 Extended](http://photoshoppro.ru/uploads/pics2/1204133020/3.gif)
. Жмём на символ для центрального выравнивания по вертикали и для центрального выравнивания по горизонтали.
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)
![Фоновая анимация в Photoshop CS3 Extended Фоновая анимация в Photoshop CS3 Extended](http://photoshoppro.ru/uploads/pics2/1204133020/13.gif)
или нажмём на Z и уменьшим документ на 66 %.
11.
Идём в Edit --> Trasform --> Wrap . Нажимаем на верхний левый угол центрального квадрата и тянем его в сторону нижнего правого угла документа.
Должно получится типо Этого:
Вообшето тут можете использовать ваше вооброжение... Тяните где жотите. Искажайте как хотите.
После всяких искожений, потверждаем (Enter).
12.
Ставим слой 1 (Layer 1) в режим Overlay .
Добаляем слой маски (Add Layer Mask) .
Нажмите на D что бы исходные цвета вернулись. Чёрный цвет должен быть первым.
Берём Gradient Tool
![Фоновая анимация в Photoshop CS3 Extended Фоновая анимация в Photoshop CS3 Extended](http://photoshoppro.ru/uploads/pics2/1204133020/16.gif)
. И в свойствах выбераем Foreground to Transparent .
Затемняем углы и бока документа Gradient Tool'ом .
Типо Этого:
13.
Переходим к окну анимации.
Уменьшаем длительность анимации передвигая синии квадратики.
Поставьте квадратик слева чуть болше двойки а с права к шестёрке.
Ставим индикатор времени на двойку.
Жмём на плай. Сначала анимация будет заедать так как она грузится,
ну а потом она станит плавной.
Сохраняйте как GIF ( File--> Safe for Web & Devices) , не забудьте поставить Loop Option на Forever и всё.
Я не видел смысла делать анимацию весом 10 Мб, так что я уменьшил документ.
Вот что вышла у меня:
полный размер, 1.9 мб
Tакже можно добавить какую нибудь фотографию или объект на фон.
GIF 2