Анимируем текст(урок по фотошопу №2) Опции

[Mr. President]

В иллюстрациях к уроку использован русифицированный фотошоп. Русификатор для CS 2 можно скачать здесь - http://rapidshare.com/files/14767627/Adobe...S2_RUS.exe.html

Результат урока.

В этом уроке мы научимся далать анимированный текст 2-мя способами:

1. (IMG:http://p.foto.radikal.ru/0702/5b67630e3d6e.gif) 2. (IMG:http://p.foto.radikal.ru/0702/634da2c284d6.gif)

1. Открываем изображение.

Открываем изображение, на котором мы хотим сделать анимированную надпись. Я взял вот эту аватору:

(IMG:http://p.foto.radikal.ru/0702/1ad%38%30bca9d95.jpg)

Напомню как открыть:

жмем "файл", дальше выбираем команду "открыть...". Появляется окно, в котором вам предлагают выбрать где именно лежит нужная вам картинка. Находите ее и жмете кнопку "открыть":

(IMG:http://g.foto.radikal.ru/0610/e0bd32476c6b.jpg)

2. Пишем текст.

Теперь нам нужно сделать надпись на нашей аваторе. Как это сделать можно прочесть в предыдущем уроке. ОБЯЗАТЕЛЬНО перед написанием убедитесь в том, что режим изображения - RGB(Изображение/режим/RGB):

(IMG:http://p.foto.radikal.ru/0702/16a6898f9500.jpg)

Убедившись в том, что режим - RGB, делаем надпись:

(IMG:http://p.foto.radikal.ru/0702/0cd3b89%38%30041.gif)

Теперь у нас есть 2 слоя:

(IMG:http://p.foto.radikal.ru/0702/fdd9698925d9.jpg)

Итак, настал тот момент, когда нужно выбрать способ анимации.

1-й способ

Для начала нам нужны 4 копии слоя с текстом. Для этого кликаем мышкой на слое с текстом и 4 раза нажимаем Ctrl+J. Теперь у нас есть задний фон, слой с текстом и 4 его копии:

(IMG:http://k.foto.radikal.ru/0702/189bd44a9fd6.jpg)

Теперь нам надо установить прозрачность слоёв. Для этого кликаем на слое правой кнопкой. Откроется вот такое меню:

(IMG:http://k.foto.radikal.ru/0702/97431516a47c.jpg)

В нём нам нужно "Параметры наложения...". Кликаем на него, открывается такое окно:

(IMG:http://k.foto.radikal.ru/0702/306004115bb2.jpg)

В нём нам нужен параметр "Непрозрачность":

[img]http://k.foto.radikal.ru/0702/6d3b314b3aa4.jpg[/img]

Теперь с помощью бегунка устанавливаем нужное значение для слоёв. В моём случае таким образом:

Mr. President (копия) 4 - Непрозрачность 10%
Mr. President (копия) 3 - Непрозрачность 25%
Mr. President (копия) 2 - Непрозрачность 50%
Mr. President (копия) - Непрозрачность 75%

Теперь убирём видимость всех слоёв, кроме заднего плана. Для этого на всех слоях, рядом с которыми есть такой глаз, кликаем прям на него, и он исчезнет:

[img]http://o.foto.radikal.ru/0702/7f1edafa9de2.jpg[/img]

3. Анимирование

После этого настаёт время анимирования в ImageReady CS2. Для этого кликаем на такую кнопку, в самом низу панели инструментов:

[img]http://o.foto.radikal.ru/0702/402a0b59ba13.jpg[/img]

Нас перебросит в программу ImageReady. Здесь нас интересует вот это окно с кадрами(пока у нас только 1 кадр):

[img]http://o.foto.radikal.ru/0702/c19cdb156eb2.jpg[/img]

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

[img]http://o.foto.radikal.ru/0702/57516d919b89.jpg[/img]

Всё. Теперь у нас есть все 10 слоёв для анимирования. Остаётся лишь расставить время для каждого из них вот таким образом:
1 кадр - 1 сек.
2 кадр - 0,1 сек.
3 кадр - 0,1 сек.
4 кадр - 0,1 сек.
5 кадр - 0,1 сек.
6 кадр - 3 сек.
7 кадр - 0,1 сек.
8 кадр - 0,1 сек.
9 кадр - 0,1 сек.
10 кадр - 0,1 сек.

Для этого выделяем кадры с 2-го по 5-й - кликаем на 2-й кадр, зажимаем Shift и кликаем на 5-й кадр. Выделив 4 кадра кликаем на "1 с" на 5-ом кадре:

[img]http://m.foto.radikal.ru/0702/51306d49147c.jpg[/img]

откроется вот такое меню, в котором мы кликаем на "0,1 сек.":

[img]http://m.foto.radikal.ru/0702/1679245af474.jpg[/img]

Повторяем операцию со временем, только для слоёв 7-10.

Для слоя 6 делаем то же самое, только кликаем на "Другое":

[img]http://m.foto.radikal.ru/0702/ff1c5ab77421.jpg[/img]

И устанавливаем время- 3 сек.

Для первого слоя точно так же устанавливаем время - 1 сек.

Теперь сделаем видимыми копии слоёв с текстом на разных кадрах, что бы добиться эфекта появления текста.

Для этого кликаем на второй слой, и справа на панели со слоями добавляем "глаз" к самому прозрачному слою - Mr. President (копия) 4. Он стал видимым:

[img]http://m.foto.radikal.ru/0702/1589a01e930a.jpg[/img]

Далее делаем видимыми слои для следующих кадров:

2 - Mr. President (копия) 4
3 - Mr. President (копия) 3
4 - Mr. President (копия) 2
5 - Mr. President (копия)
6 - Mr. President
7 - Mr. President (копия)
8 - Mr. President (копия) 2
9 - Mr. President (копия) 3
10 - Mr. President (копия) 4

Всё готво. Теперь текст у нас сначала плавно появится, затем плавно исчезнет. Остаётся только сохранить нашу аватору !!!

Для этого нажимаем: Файл/Сохранить оптимизированный как... (Ctrl+Shift+Alt+S)

Всё. Теперь у нас есть готовая аватора:

[img]http://p.foto.radikal.ru/0702/5b67630e3d6e.gif[/img]

2-й способ

Для этого способа нам понадобится всего одна копия слоя с текстом. Для этого кликаем на него и нажимаем Ctrl+J. Теперь у нас есть 3 слоя - Задний фон, текст, копия текста.

Для следующего эфекта нам необходимо расстрировать текст. Для этого кликаем на копию слоя с текстом правой кнопкой и в открывшемся меню выбираем "Растрировать текст":

[img]http://m.foto.radikal.ru/0702/4628c25299a0.jpg[/img]

Далее нам необходимо применить эффект размытия к копии текста. Для этого кликаем на уже растрированную копию текста и применяем фильтр Размытие в движении(Фильтр/размытие/размытие в движении...). Откроется вот такое окошко:

[img]http://m.foto.radikal.ru/0702/d1c7d9ec71e7.jpg[/img]

В нём мы установим параметры, такие, как показано на картинке: угол - 90, Смещение - 10. Нажимаем ОК. Теперь у нас есть всё, для анимирования. Убираем "глаз" со всех слоёв, кроме фона и переходим в ImageReady:

[img]http://o.foto.radikal.ru/0702/402a0b59ba13.jpg[/img]

Создаём 3 копии кадра:

[img]http://m.foto.radikal.ru/0702/a17ea0861d7a.jpg[/img]

Расставляем время:

1 - 1 сек.
2 - 0,1 сек.
3 - 3 сек.
4 - 0,1 сек

[img]http://m.foto.radikal.ru/0702/9bfd67261643.jpg[/img]

Делаем видимыми следующие слои для следующих кадров(расставляя "глаза"):

2 кадр - Mr. President (копия)
3 кадр - Mr. President
4 кадр - Mr. President (копия)

[img]http://m.foto.radikal.ru/0702/bded62129968.jpg[/img] [img]http://m.foto.radikal.ru/0702/d2a821832171.jpg[/img]

Всё готво. Теперь текст у нас вылетает, останавливается и улетает дальше. Остаётся только сохранить нашу аватору !!!

Для этого нажимаем: Файл/Сохранить оптимизированный как... (Ctrl+Shift+Alt+S)

Всё. Теперь у нас есть готовая аватора:

[img]http://p.foto.radikal.ru/0702/634da2c284d6.gif[/img]

[Mr. President]

респектоз за статью. Приятно что делаешь их именно сам.
З.Ы недавно креативом занялся, мне пригодится статейка

Спасибо !!! Мне в своё время подобные данные тоже ой как пригодились (IMG:http://forum.iseekyou.im/style_emoticons/default/wink.gif)

[bender]

респектоз за статью. Приятно что делаешь их именно сам.
З.Ы недавно креативом занялся, мне пригодится статейка

[†Nood1e†]

расписал всё на ура молодЧеГ!!!

[SONIK]

Mr. President спасибки все получилось =) Давно хотел научиться так делать )

[Tancha]

сасибо всё получилось (IMG:http://forum.iseekyou.im/style_emoticons/default/smile.gif)
ещё чего нить давайте.

[S!LeN.t.a.L]

спс =))