Главная » 2011 » Октябрь » 8 » АНИМИРОВАННЫЙ ТЕКСТ
17:29
АНИМИРОВАННЫЙ ТЕКСТ

В этом уроке мы вам покажем , как можно ускорить создание анимированного текста с применением экшенов.

конечный результат

Шаг 1. Создадим новый документ  размером 600*300 пикс. и назовем его «фон». Зальем его черным цветом и создадим звездное небо. Здесь мы не будем подробно останавливаться на технике его создания, так как она подробно рассмотрена в этом уроке.  В качестве альтернативы можно найти в интернете готовое изображение звездного неба, либо применить другой фон.

исходное изображение

Шаг 2.  Создадим новую горизонтальную направляющую в нижней части нашего документа, выполнив команду Просмотр - Новая направляющая, как показано на нижеприведенном скриншоте:

Просмотр - Новая направляющая

Подсказка:  проще создать новую направляющую вызовом линейки (Ctrl+R) и, зажав ЛКМ, вытянуть от нее направляющую. В данном меню Просмотр установим флажок в полеПривязка к – Направляющим.

Шаг 3. Активируйте инструмент Текст:

инструмент Текст

В палитре Символов (цифра «1» со стрелочкой на нижеприведенном рисунке) определите шрифт и цвет текста. Мы выбрали красный цвет и размер текста 250  (цифра «2»на рисунке)

Подсказка: оперативное изменение размеров шрифта можно регулировать изменением значений в окнах, отмеченных на рисунке цифрами 3 и 4.

палитра Символов

Установив курсор на направляющую, начните вводить ваш текст, помня о том, что каждая буква должна быть на новом слое. Для этого, после ввода каждой буквы, нажимайте на панели инструментов кнопку выполнить:

кнопка выполнить

Получится вот такая палитра слоёв:

палитра слоёв

Не беда, если буквы у вас встали неровно. Это легко можно поправить инструментом Перемещение: переместите любую букву  и она прилипнет к направляющей.
Проведите растеризацию текстовых слоев: выделите в палитре слоёв  нижний текстовый слой и , зажав клавишу Shift, кликните по верхнему слою. Затем на любом выделенном слое кликните ПКМ и выполните команду Растрировать текст.

Шаг 4. Разместите каждый слой с буквой в отдельной папке,  выделив каждый отдельный слой в палитре и нажав комбинацию Ctrl+G. Получится следующая палитра:

палитра слоёв

Отключите видимость всех слоев, оставив видимыми фон и слой  в первой (нижней) папке. Для удобства дальнейшей работы, переименуйте папки (группы) в названия букв, которые находятся в них, и сверните их, нажав на треугольник рядом с значком папки     (оставьте включенной видимость папок).

Шаг 5. Переходим к созданию экшена. Убедитесь в активности слоя в первой папке до начала записи, иначе экшен запишет имя слоя и в дальнейшем могут возникнуть проблемы с его применением.
Открываем окно Операции и нажимаем кнопку создать новый набор (цифра 1 на рисунке)Назовите его, к примеру, «Анимация» Далее, нажимаем кнопку Создать новую операцию (цифра 2 на рисунке) и назовите его «Приближение».

создать новый набор

Затем кнопку ЗАПИСАТЬ.

Шаг 6. Нажатием клавиш Ctrl+J создайте дубликат активного слоя. Активируйте Свободную трансформацию (Ctrl+T) и на панели инструментов нажмите кнопку сохранение пропорций  (цифра 1 на рисунке) для одновременного и пропорционального изменения высоты и ширины при трансформировании.

кнопка сохранение пропорций

В окне ширина (цифра 2 на рисунке) введите значение- 85, в окне угол (цифра 3 на рисунке) введите значение- 15 и нажмите кнопку выполнить.

Шаг 7.  Остановите запись, нажав на значок остановки в окне Операции. (цифра 1на рисунке). Посмотрите на рисунок:

окно Операции

У вас должны быть аналогичные действия, записанные в операцию. Выделите оба  действия (просто зажав Ctrl и кликнув по выделяемому действию). Зажмите ЛКМ и перетяните действия на кнопку Создать новую операцию (цифра 2 на рисунке)- это приведет к копированию действий. Повторите копирование 10 раз, и сверните операцию, нажав на значок «треугольник» возле «Приближение».  Таким образом, создан первый экшен.

Шаг 8. Вернемся в палитру слоёв и удалим копию слоя, созданного во время записи экшена. Скопируйте слой с каждой буквой, и упакуйте его в отдельную папку (см.шаг4), и переименуйте эти папки в «Контур». У вас получится вот такая палитра:

палитра слоев

Шаг 9. Перейдем к настройке инструментов для создания следующего экшена. Активируйте инструмент кисть: размер кисти- 10, плотность- 0, цвет –светлый (в нашем случае- #fdfcaa). Сделайте видимым и активируйте любой слой. Выполните воманду: Фильтр – Размытие - Размытие по рамке, установив  размер размытия- 8 пикс. Нажмите ОК. Клавишами Ctrl+Z  отмените последнее действие- так сохранятся настройки фильтра, но отменится размытие, примененное к активному слою. Активируйте любой инструмент выделения (лассо, волшебная палочка, и т.д.).

Шаг 10. Перейдем к созданию нового экшена.
Важно! Убедитесь в активности слоя копия в любой папке «Контур».  В палитре Операций выбираем опцию Создать новую операцию и назовем её КОНТУР.

Переходим к пошаговому созданию экшена: 
1) Выполните команду Меню Выделение - Загрузить выделенную область - ОК

Выделение - Загрузить выделенную область

2) В палитре слоев создайте новый слой
3) Кликните ПКМ в середине выделенной области изображения и выполните команду Выполнить обводку.

Выполнить обводку

Появится следующее окно настроек  кисти:

окно настроек кисти

Так как мы уже настроили кисть , то просто нажмите ОК.

4)  Отмените выделение, выполнив: Выделение - Отменить выделение или нажав сочетание клавиш Ctrl+D.
5) Нажмите Ctrl+F для применения настроенного нами ранее фильтра.
6) Создайте копию этого слоя (Ctrl+J).
7) Клавишами Ctrl+T или командой Редактирование -Свободное трансформирование вызовите Свободную трансформацию. Сохраните пропорции, в окне ширинаустановите значение-120 (высота также примет значение- 120). Все остальные опции оставьте без изменений и нажмите кнопку выполнить
8) Вернувшись в окно Операции, Остановите запись.
При этом, в окне Операции у вас должна быть вот такая панель, в которой отражены ваши действия, записанные в экшен:

окно Операции

Выделите три последних действия и скопируйте их как в шаге 7 этого урока 5 раз. Сверните операцию.

Шаг 11. Переходим к применению готовых наборов экшенов. Предварительно вернитесь в палитру слоёв и удалите два слоя, полученных во время записи экшена.  Сейчас в нашем распоряжении  в палитре слоев  5 основных папок (групп), каждая из которых содержит основной слой и папка «контур». 
1) Сделайте видимым и активируйте основной слой в первой папке, считая снизу-вверх. В окне Операции кликните по операции Приближение и нажмите выполнить операцию. Затем вернитесь в палитру слоев и отключите видимость всех слоёв.
2) В папке «контур» в этой группе активируйте и сделайте видимым слой с буквой. В окне Операции активируйте операцию Контур и запустите её выполнение. Вернитесь в палитру слоёв и, отключив видимость всех слоёв, удалите самый первый слой (это слой с буквой). Теперь ваша палитра должна выглядеть так:

палитра слоев

Шаг 12. Выполните  Шаг 11 для  каждой основной Папки и временно  можете свернуть их, чтоб они вам не мешали.

Шаг 13. Переходим , непосредственно, к анимации. Включите Окно - Анимация.
В палитре слоёв видим только фоновый слой и в панели Анимации он отображается в первом кадре. 
1) Установите время исполнения- 0,5 сек., нажав на значок треугольника (цифра 1 на рисунке). 
2) Создайте копию кадра (мы специально выделили это сочетание, чтоб вы не путали его с копией слоя), нажав на кнопку, показанную  цифрой 2 на рисунке. Измените время исполнения на- Без задержки. 
Подсказка:  в любой момент можно изменить время выполнения  кадра, или целой группы кадров.

Окно - Анимация

3) Сделайте видимым верхний слой (с самой маленькой копией буквы) в Основной папке с первой буквой (папка контур  пока остаётся свернутой!).
4) Снова создайте копию кадра, затем включите видимость следующего слоя, а видимость предыдущего отключите. 
5) Повторите действие: « копия кадра > включить нижний  >  выключить верхний » для всех слоев, пока не дойдете до нижнего слоя с самой большой буквой. Видимость этого слоя оставьте включенной! Во время выполнения этих операций, вы будете наблюдать на вашем изображении как буква, переворачивается и приближается. 
6) Сделайте копию последнего кадра, сейчас у вас в палитре 2 кадра с большой буквой.

Сделайте копию последнего кадра

Шаг 14. Вернитесь в папку «контур» и  сделайте видимым первый нижний слой в этой папке. Создайте копию кадра, включите видимость следующего слоя и отключите видимость предыдущего. Выполняйте действия : «копия кадра > включить верхний > выключить нижний». Контролируйте свои действия изображением на экране и отключите видимость последнего кадра этой папки.  Дойдя до конца этой папки, создайте копию кадра и задайте ему время исполнения 0.5сек.

Подсказка: время последующего кадра, определяется временем предыдущего, поэтому первому кадру в следующем шаге измените время на - без задержки.

Шаг 15. Повторите Шаг 13 и Шаг 14 в каждой основной Папке (группе).

Шаг 16. После сбора анимации из всех слоев во всех папках на экране будет видим весь текст. По своему усмотрению, можете изменить ему время исполнения на  1 или 2 секунды.  Сверните содержимое всех папок. Сделайте копию кадра, измените время на 0.5сек, и  отключите видимость первой нижней папки. Нажмите на кнопку добавить промежуточные слои.

добавить промежуточные слои

Поставьте количество слоёв 3. Промежуточные кадры: Предыдущий кадр. Нажмите ОК. Измените их время на без задержки.

Промежуточные кадры

Последнему кадру измените время на 0.5

Шаг 17. Повторите Шаг 16 пока не выключите весь текст. Самому последнему кадру  анимации по вашему усмотрению можете задать время 1-2 сек. Анимация готова!

конечный результат

Еще несколько советов:
1) Если вас что –то не устраивает в созданной анимации, то  вы можете её изменить, выбрав нужный кадр (или группу кадров) и произвести изменения в палитре слоёв. 
2)  Если вы хотите добавить какой-нибудь новый слой к уже созданной анимации, то в настройках анимации  отключите пункт Новые слои видимы во всех кадрах.
3) Ваш готовый экшен вы можете применить и к другим своим работам. В случае необходимости Вы можете добавить пункты остановки между действиями, открыв и выбрав нужное действие в окне Операции: Вставить остановку или Вставить пункт меню.

Заключение:
В заключение хотелось бы напомнить, что мы сознательно рассмотрели самый простейший фильтр и трансформацию, чтобы показать принцип действий. В своей практике вы можете применить различного рода эффекты, сложные фильтры и добиться значительных интересных результатов. Экспериментируйте и отличный результат не заставит себя ждать!

Просмотров: 554 | Добавил: muradkurshumov | Теги: АНИМИРОВАННЫЙ ТЕКСТ | Рейтинг: 0.0/0
Всего комментариев: 0
Движок: uCoz
Адаптация by © AID