Пятница, 29.03.2024, 11:44
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MQ forum » Уголок Adobe Photoshop™ » Уроки Photoshop » Анимация загрузки
Анимация загрузки
skchezДата: Суббота, 13.06.2009, 19:09 | Сообщение # 1
Всезнающий
Группа: Администраторы
Сообщений: 318
Репутация: 26
Статус:
Здравствуйте любители 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 анимация будет действовать и на тексте.
Вот конечный результат.

источник demiart.ru

 
bichoДата: Вторник, 28.07.2009, 21:48 | Сообщение # 2
Новичек
Группа: Пользователи
Сообщений: 12
Репутация: 1
Статус:
не совсем то что хотел

но тоже сойдёт!
спс

 
MQ forum » Уголок Adobe Photoshop™ » Уроки Photoshop » Анимация загрузки
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024Хостинг от uCoz