 |
| ||||||||
|
|
|
|
|
Онлайн всего: 4 Гостей: 4 Пользователей: 0 |
|
| Главная » Файлы » уроки Photoshop » Анимация |
Анимация загрузки
| 16.12.2010, 22:27 | |
| Здравствуйте любители Photoshop. В этом уроке я покажу ВАМ анимацию загрузки. 1. Создадим новый документ размером 300х300. 2. Нажмем D (этим действием основной цвет станет черным, а фоновый цвет белым). Нажмем Alt + Delete (Этим действием мы зальем наш фон черным цветом). 3. Создадим новый слой Layer-New-Layer… (или нажмем Ctrl + Shift + N). Или легче всего нажмем на иконку нового слоя в палитре Layers, назовем слой Kolco. Нажмите Ctrl + R слева и сверху появятся линейки. Наведите на верхнюю линейку нажмите на ней и не отпуская тащите вниз пока она не окажется в центре. Теперь наведите на левую линейку и не отпуская тащите вправо пока линия не окажется в центре нашего окна. Выбираем инструмент Elliptical Marquee Tool (клавиша M). Наведите курсор на центр нажмите и растяните (держа клавиши Alt + Shift) как на рисунке.  4. Залейте выделение белым цветом (Если у вас цвет фона белый, то нажмите Ctrl+Delete). Теперь не снимая выделения, нажмите Select-Modify-Contract поставьте 15 пикселей, а затем Select-Modify-Smooth поставьте тоже 15. И нажимайте Delete. 5. Нажимаем два раза на слою Kolco (или нажмем Layer-Layer Style-Blending Options…). В открывшемся окне выбираем:    У Вас должно получиться что – то вроде этого  6. Создаем новый слой поверх слоя Kolco и называем его load. Выберем основной цвет белый для этого нажмем D затем X. Поставим смешивание на Screen.  7. Нажимаем два раза по слою load и выбираем настройки как на рисунке.  8. Теперь начинается анимация. Если у Вас Photoshop CS2 и выше тогда нажмите Window- Animation (У Вас появится окно анимации). Если версия Photoshop ниже откройте Image Ready нажав Shift+Ctrl+M. 9. В окне анимации создадим новый кадр для этого нажмем на иконку как на рисунке  Теперь при активном втором кадре нажмем два раза на слой load (или layer-layer style-Blending options… ). Выберем Gradient Overlay и поставим Angle : -90. Снова создадим новый кадр(это будет под номером 3). Опять щелкаем два раза по слою load и теперь ставим Angle: 180. Создаем новый кадр (4) теперь ставим Angle: 90. Создаем новый кадр(5) ставим Angle:0. 10. Активируем последний кадр и нажимаем Tweens animation frames (на рисунке ниже помечено красным.).  В появившемся окне ставим как на рисунке  11. Далее активируем 4 кадр и повторим действия описанные в шаге 10. Тоже самое сделаем с кадрами 3 и 2. У нас получится 17 кадров. Удалим 17 последний кадр для этого активируем его и нажмем на Deletes selected frames (иконка помечена синим цветом на первом рисунке 10 шага). 12. Для тех кто не знает чтобы сохранить анимацию нажмите File – Save for Web В открывшемся окне выберем формат GIF. P.S можно добавить текст под слоем load анимация будет действовать и на тексте. Вот конечный результат. 
| |
| Просмотров: 642 | Загрузок: 0 | Рейтинг: 0.0/0 | |
| Всего комментариев: 0 | |
|
|
|
|
|
|
|