Среда
27.11.2024, 5.24.26
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Двигающийся текст
Двигающийся текст - иммитация flash


   


  Урок в продолжении новости



 В версии 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. Применяем к текстовому слою эффект Stroke (обводка):


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.

Некоторые нереализованные идеи:

- Буквы, при движении, могут оставлять за собой след. Для этого нужно сделать видимыми один-три предыдущих слоя в каждом кадре и уменьшить их прозрачность. Записать макрос - просто...


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

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

- Можно изменять размер шрифта в каждом последующем слое...


Источник: http://blogs.privet.ru/community/YANA_2008?&tag_id[]=699746&tag_id[]=699746
Категория: уроки все | Добавил: yana (04.11.2009)
Просмотров: 3887 | Теги: двигающийся текст, анимация в фотошоп | Рейтинг: 5.0/3 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024