Перейти на главную страницу

Главное меню

Перечень разделов новостей..


 

На сайте

Вместе с нами..


Онлайн всего: 1
Гостей: 1
Пользователей: 0
[Кто нас сегодня посетил]

 

Реклама

Интересное..

Облако тегов

Случайные теги..


 

Последние новости RSS-лента

Главная » Файлы » Скачать 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 анимация будет действовать и на тексте.
Вот конечный результат.

Анимация загрузки






Категория: Работа с текстом | Добавил: dolar (23.12.2010)
Просмотров: 948 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Авторизация

Войти на сайт..


 

Календарь


 

Новое на форуме

Обсуждаемое


 

Реклама


 

Популярные

Самые рейтинговые..


 

Статистика

Немного инфы..






 
,
Copyright © 2010. Вашсайт.ру. by Template4uCoz.ru. All Rights Reserved