Все для Photoshop
Движение текста по пути 75837de5cb83cd912ba6f02c42933a83
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!
Все для Photoshop
Движение текста по пути 75837de5cb83cd912ba6f02c42933a83
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!


Все для Photoshop
 
ФорумПоследние изображенияПоискВходРегистрацияНаписать администраторуФотошоп онлайн
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!
Внимание!!!Ссылки для скачивания материалов активны только у зарегистрированных пользователей!

Поделиться
 

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

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение


avatar

Меня зовут : Вера
Репутация : 0

Движение текста по пути Empty
СообщениеТема: Движение текста по пути   Движение текста по пути EmptyВт Апр 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 и др.).



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



уроки по фотошопу уроки по фотошопу уроки по фотошопу уроки по фотошопу уроки по фотошопу





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

уроки по фотошопу

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



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

уроки по фотошопу

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

Вернуться к началу Перейти вниз
           Движение текста по пути 0_ebc98_87623932_SРаспечатать                            
 

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

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

 Похожие темы

-
» Движение текста с изображением внутри
» Эффект Появление текста
» Движение мигающих звёздочек и точек
» Делаем движение волн фильтром EYE CANDY 4000
» Движение с копированием участков картины и заменой фона

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Все для Photoshop :: Уроки PHOTOSHOP :: Уроки PHOTOSHOP-