Реклама и Статистика




Анимированный процесс загрузки

Будем делать вот такой индикатор выполнения:

Создаем новый документ с белым фоном. Очень важно, чтобы он был строго квадратным (позже это нам очень поможет). Берем Polygon tool (U) и рисуем небольшой шестигранник вверху документа. Вы можете использовать любой цвет (из оттенков синего).

Нам нужно получить много кружков из одного. Дублируем этот кружок: выделяем его при помощи Path Selection Tool, затем Ctrl+C и Ctrl+V. После этого тянем его вниз удерживая ALT.

Отлично! Теперь у нас есть слой, содержащий 2 одинаковых кружка. Сейчас нужно выровнять их по отношению друг к другу и к документу. Для начала выделим оба кружка при помощи Path selection tool (A). Вы заметили, что кнопки на верхней панели стали доступны. Жмем на кнопку Align Horizontal Centers. Результат - наши кружочки отлично выровнены!

Нам нужно 12 кружков, но пока у нас есть всего 2. Дублируем кружки очень простым способом - выделите их (не забываем о Path selection tool (A)), копируем (Ctrl+C), вставляем (Ctrl+V) и поворачиваем (Ctrl+T). После нажатия Ctrl+T, вам нужно будет заполнить поле на верхней панели. Найдите поле Angle (Угол), и введите значение 30.

Нужно добавить некоторые стили слоя: stroke, inner glow, gradient.







Теперь нужно сделать получившуюся фигуру постепенно исчезающей. Для этого идем в меню Layer > New Fill Layer > Gradient. Это будет градиентный слой со следующими настройками:
- от белого к прозрачному
- стиль: angle
- угол: 77

OK мы закончили с графикой, но как сделать чтобы оно поворачивалось? Очень просто - вместо того, чтобы поворачивать изображение, будем поворачивать градиент. Теперь нужно создать новый документ, где будет один кадр будущей анимации. После того, как документ создан (убедитесь, что размеры не изменены), возвращаемся к оригинальному документу. Выделяем всё (Ctrl+A), копируем выделение в буфер (Ctrl+Shift+C), переходим на новый документ и вставляем (Ctrl+V), затем опять возвращаемся к оригинальному документу. Затем делаем активным слой с градиентом, растеризуем его (layer > rasterize), и поворачиваем на 30 градусов. Повторяем тоже самое 12 раз. Результат - новый документ с 12 слоями, где каждый слой - это кадр будущей анимации. Можете сохранить оригинальный документ и закрыть его. Затем переходим в ImageReady (Ctrl+Shift+M) и сделаем невидимыми все слои кроме первого. Это будет первый кадр. Я выставил задержку кадра на 0.1 сек. Создаем новый кадр, делаем видимым второй слой. И так 12 раз:

Результат:

Анимированный процесс загрузки


Просмотров: 7940

  Коментарии (3)
 1 Написал(а) 3АКОН, в 07:18 22.01.2009
Не плохой урок!)
 2 Написал(а) 3АКОН, в 07:18 22.01.2009
Не плохой урок!)
 3 Написал(а) я же, в 07:19 22.01.2009
:p

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама
Сексуальная ориентация
Официальные дилеры Опель Широкий выбор моделей авто.