• Авторизация


Движение текста по пути 13-11-2013 09:32 к комментариям - к полной версии - понравилось!

Это цитата сообщения svetlana_Piskareva Оригинальное сообщение

Движение текста по пути

В версии 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 и др.).

Вооружившись буквами, знаками препинания и фантазией реализуем самые смелые замыслы:

[показать] [показать] [показать] [показать] [показать]


- Буквы, при движении, могут оставлять за собой след. Для этого нужно сделать видимыми один-три предыдущих слоя в каждом кадре и уменьшить их прозрачность. Записать макрос - просто...
[показать]
- Для каждого слоя (сдвига) можно понемногу изменять параметры стилей: эффект будет потрясающий! Кстати, и здесь можно будет попробовать применить макрос...

- Так как мы не растеризуем текстовые слои - легко изменить цвет каждого последующего слоя. Можно добиться эффекта переливания цвета…
[показать]
- Можно изменять размер шрифта в каждом последующем слое...

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Движение текста по пути | НЕЖНОЕ_СЧАСТЬЕ - НЕЖНОЕ СЧАСТЬЕ | Лента друзей НЕЖНОЕ_СЧАСТЬЕ / Полная версия Добавить в друзья Страницы: раньше»