Меня зовут : Вера Репутация : 0
| Тема: Движение текста по пути Вт Апр 02, 2013 9:23 am | |
| Движение текста по путиВ версии CS стало возможным набирать текст вдоль контура и перемещать его относительно этого пути. Почему бы не сделать из этой возможности анимацию?
1. Создаем новый документ (Ctrl+N) с размерами 100х100 px, разрешением 72 px/inch, цветовым режимом RGB и прозрачным фоном (transparent).
2. Инструментом Ellipse Tool (U) рисуем эллипс:
Чтобы рисовался именно путь, выберите в настройках контура Paths:
3. Нажимаем Ctrl+T и трансформируем эллипс, как показано ниже:
Нажимаем Enter, принимая трансформацию.
4. Выбираем инструмент Horizontal Type Tool (T) и щелкаем на контуре в удобном для нас месте:
- текст печатается вдоль пути;
- текст заполняет площадь замкнутого контура.
5. Набираем текст (желательно без сглаживания, чтобы смотрелся на любом фоне):
6. Переключаемся на инструмент Path Selection Tool (A). С его помощью мы будем перемещать текст вдоль контура. Мышью перетаскиваем текст на внутреннюю сторону пути (вы можете этого и не делать, исходите из поставленной задачи):
7. Применяем к текстовому слою эффект Outer Glow (внешнее свечение):
8. Увеличьте масштаб для удобства. Вооружившись мышкой, потренируйтесь передвигать текст вдоль пути. Крестик и кружок на контуре - границы текстового слоя, надо двигать и тот и другой (появляются разные курсоры: и ). Понаблюдайте, что при этом происходит.
Автоматизации процесса создания анимации не получается. Photoshop не улавливает изменяющиеся параметры текстового слоя, и макрос не записывается. Так что будем работать ручками, но это не сложно и не так долго, как может показаться.
9. Дублируем текстовый слой (Ctrl+J) и немного сдвигаем текст вдоль контура. Ориентируемся на нижний слой, который оставляем видимым:
10. Нижний слой делаем невидимым, а верхний дублируем.
11. Новую копию слоя немного сдвигаем и т.д., пока не дойдем до положения на контуре первого слоя.
Каждый сдвиг будет отображаться в отдельном слое!
12. Переходим в ImageReady (в Photoshop CS3 открываем палитру Animation: Window > Animation).
13. В раскрывающемся меню команд палитры Animation выбираем Make Frames From Layers (Сделать кадры из слоев). Из каждого слоя получается отдельный кадр. Видимо-невидимо устанавливается автоматически.
14. Выделяем все кадры в палитре Animation (клик по первому кадру и Shift+клик по последнему) и устанавливаем задержку 0,1 сек:
Наша анимация готова:
Не обязательно, чтобы контур был из стандартного набора и замкнутый. Вы можете создать любой путь, по вкусу, используя инструменты для работы с контурами (Pen Tool и др.).
Вооружившись буквами, знаками препинания и фантазией реализуем самые смелые замыслы:
- Буквы, при движении, могут оставлять за собой след. Для этого нужно сделать видимыми один-три предыдущих слоя в каждом кадре и уменьшить их прозрачность. Записать макрос - просто...
- Для каждого слоя (сдвига) можно понемногу изменять параметры стилей: эффект будет потрясающий! Кстати, и здесь можно будет попробовать применить макрос...
- Так как мы не растеризуем текстовые слои - легко изменить цвет каждого последующего слоя. Можно добиться эффекта переливания цвета…
- Можно изменять размер шрифта в каждом последующем слое... |
|