1 Уроки ImageReady Анимация колючего текста Пт Окт 01, 2010 7:06 am
Admin
Admin
Здравствуйте дорогие любиnели Photoshop и анимации. Сегодня покажу Вам одну симпатичную анимацию текста. Я назвал её анимация колючего текста.
1. Начнем с создания документа размером 640Х480.
2. Зальем фон черным цветом, нажав сначала D затем Alt+delete. Создадим новый слой нажав Layer-New-Layer, или просто нажав Ctrl+Shift+N.
3. Создадим текст выбрав инструмент Horizontal Type Tool (Т). Выставим цвет текста белым. Вот мой текст
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
4. Нажмем правой кнопкой по слою с текстом и выберем Rasterize Type. Нажмем на слою с зажатой клавишей Ctrl, тем самым выделив текст. Далее нажмем Select-Modify-Contract, поставьте количество пикселей 3. Затем нажмите Delete. Теперь размоем совсем немного наш текст Filter – Blur – Gaussian Blur. Далее склеим слой с текстом с черным цветом нажав Layer-Merge Down (Ctrl+E) назовем данный слой text. Текст должен выглядеть Так:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
5. Выберем Filter – Distort – Polar Coordinates выберете Rectangular to Polar.
6. Далее выберете Filter – Stylize – Wind Выберете Method ( Wind ), Direction (From the right). Далее нажмите Ctrl + Alt + F этим действием мы выберем последний фильтр (в нашем случае Wind), поменяйте Direction на From the left.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
7. Далее выберем Image – Rotate Canvas – 90 CW и повторяем шаг 6. Далее нажмем Image - Rotate Canvas – 90 CCW. Нажимаем Filter – Distort – Polar Coordinates и выбираем Polar to Rectangular . Далее повторяем шаг 6.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
8. Далее при активном слое text нажимаем Layer – New Adjustment Layer – Hue/Saturation . Выбираем все как на рисунке
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Hue можете поставить любой какой вам понравиться.
9. Наконец-то начинается создание анимации. Выбираем слой text и дублируем его 16 раз. Легче всего это сделать нажимая Ctrl + J 16 раз. Убираем видимость у всех дублированных слоев кроме верхнего для этого нажимаем на глазик справа от убираемого слоя.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
10. Далее при активном верхнем слое с текстом нажимаем Image- Adjustment-Levels (CTRL+L).
Набираем в появившемся окне
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
11. Создаем новый кадр:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Далее убираем видимость у верхнего слоя делаем видимым следующий слой. Для него нажимаем Image- Adjustment-Levels (CTRL+L) и ставим параметры Input Levels: 240 1,00 255.
Далее повторяем шаг 11 для слоя находящегося под видимым слоем.
Только Input Levels ставим 220 1,00 255. Как вы заметили значение меняется только у левого окошка.
Параметры Input Levels для следующих слоев ставим:
200, 160, 120, 80, 40, 0.
Далее у нас осталось 9 нетронутых слоя. Для них параметры Input Levels ставим: 0 1,00 230. ДЛЯ следующих слоев меняется параметр только правого окошка, выставим значения : 200, 170, 140, 110, 90, 60, 30.
12. Не обязательный шаг . Нажмите в окне Animation стрелочку под кнопкой закрытия окна и выберите Select ALL Frames (Это действие выделит все кадры). Нажмите на кнопку создания нового кадра (данное действие создаст копию всех ваших кадров). Опять нажмем стрелочку под кнопкой закрытия окна и выберем Reverse Frames (Это действие инвертирует положение выделенных кадров).
13. Сохраним нашу анимацию в GIF. Для тех кто не знает чтобы сохранить анимацию нажмите File – Save for Web В открывшемся окне выберем формат GIF.
Конечная анимация:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]
1. Начнем с создания документа размером 640Х480.
2. Зальем фон черным цветом, нажав сначала D затем Alt+delete. Создадим новый слой нажав Layer-New-Layer, или просто нажав Ctrl+Shift+N.
3. Создадим текст выбрав инструмент Horizontal Type Tool (Т). Выставим цвет текста белым. Вот мой текст
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
4. Нажмем правой кнопкой по слою с текстом и выберем Rasterize Type. Нажмем на слою с зажатой клавишей Ctrl, тем самым выделив текст. Далее нажмем Select-Modify-Contract, поставьте количество пикселей 3. Затем нажмите Delete. Теперь размоем совсем немного наш текст Filter – Blur – Gaussian Blur. Далее склеим слой с текстом с черным цветом нажав Layer-Merge Down (Ctrl+E) назовем данный слой text. Текст должен выглядеть Так:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
5. Выберем Filter – Distort – Polar Coordinates выберете Rectangular to Polar.
6. Далее выберете Filter – Stylize – Wind Выберете Method ( Wind ), Direction (From the right). Далее нажмите Ctrl + Alt + F этим действием мы выберем последний фильтр (в нашем случае Wind), поменяйте Direction на From the left.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
7. Далее выберем Image – Rotate Canvas – 90 CW и повторяем шаг 6. Далее нажмем Image - Rotate Canvas – 90 CCW. Нажимаем Filter – Distort – Polar Coordinates и выбираем Polar to Rectangular . Далее повторяем шаг 6.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
8. Далее при активном слое text нажимаем Layer – New Adjustment Layer – Hue/Saturation . Выбираем все как на рисунке
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Hue можете поставить любой какой вам понравиться.
9. Наконец-то начинается создание анимации. Выбираем слой text и дублируем его 16 раз. Легче всего это сделать нажимая Ctrl + J 16 раз. Убираем видимость у всех дублированных слоев кроме верхнего для этого нажимаем на глазик справа от убираемого слоя.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
10. Далее при активном верхнем слое с текстом нажимаем Image- Adjustment-Levels (CTRL+L).
Набираем в появившемся окне
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
11. Создаем новый кадр:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Далее убираем видимость у верхнего слоя делаем видимым следующий слой. Для него нажимаем Image- Adjustment-Levels (CTRL+L) и ставим параметры Input Levels: 240 1,00 255.
Далее повторяем шаг 11 для слоя находящегося под видимым слоем.
Только Input Levels ставим 220 1,00 255. Как вы заметили значение меняется только у левого окошка.
Параметры Input Levels для следующих слоев ставим:
200, 160, 120, 80, 40, 0.
Далее у нас осталось 9 нетронутых слоя. Для них параметры Input Levels ставим: 0 1,00 230. ДЛЯ следующих слоев меняется параметр только правого окошка, выставим значения : 200, 170, 140, 110, 90, 60, 30.
12. Не обязательный шаг . Нажмите в окне Animation стрелочку под кнопкой закрытия окна и выберите Select ALL Frames (Это действие выделит все кадры). Нажмите на кнопку создания нового кадра (данное действие создаст копию всех ваших кадров). Опять нажмем стрелочку под кнопкой закрытия окна и выберем Reverse Frames (Это действие инвертирует положение выделенных кадров).
13. Сохраним нашу анимацию в GIF. Для тех кто не знает чтобы сохранить анимацию нажмите File – Save for Web В открывшемся окне выберем формат GIF.
Конечная анимация:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]