| Гл.Меню |
| |
 |
| Мастерская |
| |
|
| Всё для Сайта |
| |
|
| Всё для PhotoShop |
| |
|
| Всё для CS |
| |
|
| Другое |
| |
|
| Услуги сайта |
| |
|
| Блок№1 |
| |
|
| Разделы новостей |
|
|
| Мини-чат |
|
|
|
| Наш опрос |
|
|
|
Движение текста по пути
Софт: Photoshop&ImageReady CS.
Навеяно уроком: Бегающий муравей
В
версии 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 и др.).
Вооружившись буквами, знаками препинания и фантазией реализуем самые смелые замыслы:
    
Автор: Kroleg.
По совету Редиски сбросил нереализованные идеи сюда:
-
Буквы, при движении, могут оставлять за собой след. Для этого нужно
сделать видимыми один-три предыдущих слоя в каждом кадре и уменьшить их
прозрачность. Записать макрос - просто...
-
Для каждого слоя (сдвига) можно понемногу изменять параметры стилей:
эффект будет потрясающий! Кстати, и здесь можно будет попробовать
применить макрос...
- Так как мы не растеризуем текстовые слои -
легко изменить цвет каждого последующего слоя. Можно добиться эффекта
переливания цвета…
- Можно изменять размер шрифта в каждом последующем слое...
- Знаки препинания - золотое дно...
|
| Категория: Анимация | Добавил: SPAIDER (30.09.2009)
|
| Просмотров: 534
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
| Форма входа |
|
|
Привет: Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
|
| Поиск |
|
|
|
| Помощь |
Яндекс деньги
41001366606468
WMZ
Z313815764623
WMR
R328374170038 |
|
| Наш баннер |
Код Нашего баннера
|
|
| Друзья и топы |
Друзья
|
|
| Статистика |
Онлайн всего: 12 Бродяг: 12 Пользователей: 0
Зарег. на сайте
Всего: 224
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 0
Обычных юзеров: 223
Забаненных: 0
|
|
|
Скачать PhotoShop CS4
Софт
Заработок
Кряки
Русификаторы
Фильмы и мультики
Игры на мобилку
Музяка.mp3
Игры для ПК
Игры для PSP
Игры для X-Box
Скины для WINAMP
Скачать Photoshop CS4
Скачать Nero 8
Скачать Fraps
Скачать Sony Vegas 6
Скачать Team Speak 2
Скачать H-L Logo Creator
Скачать CS 1.6 Non steam
