Вы
когда-либо имели желание создать живую подпись на форуме, анимированный
баннер, или что-нибудь еще в этом роде? Все это очень легко делается в
фотошопе и именно здесь написано как это сделать. Сейчас я расскажу Вам, как создать анимированную надпись в фотошопе. Я
дам только основы, которые будут служить основой для дальнейшего
самостоятельного экспериментирования. Вы можете создать такие вещи с
Adobe Photoshop и Adobe ImageReady. Этот урок покажет Вам, как сделать
кое-что подобно этому:

Этот урок состоит из двух частей: Photoshop и Image Ready.
Часть1 (fotoshop):
1. Откройте Photoshop .
2. Создайте новый документ, имеющий размер 750x50 (пикселы).
3. Выберите инструмент Type Tool (T). Размер набора 16рх, размер
шрифта- Comic Sans MS, стиль шрифта- Bold, цвет шрифта -#FE5858. 4. Напечатайте текст: "Розовые слоны резвятся вместе ... свиньи счастливы. ", или что-0нибудь в этом роде.
5. Дублируйте слой дважды (Layer > Duplicate Layer...). Переименуйте созданные слои , например: "1" и "2".
6. Растеризуйте слои "1" и "2" (щелкните на слое "1" и затем Layer >
Rasterize Layer > Layer. После, этого Вы должны повторить ту же
самую процедуру со слоем "2") 7. Теперь скройте все слои кроме "1". (щелкните на глазу около слоев, которые Вы желаете скрыть) После выбора слоя "1".

8. Выберите инструмент Rectangular Marquee Tool (M).
9. Теперь с помощью этого инструмента, при нажиме и
проведении(удерживании) изменения, выбирают письма в тексте (длина, и
ширина, отобранная для каждого письма является незначащей - самая
важная вещь должна гарантировать, что Вы полностью выдвинули на первый
план письма). Вы должны выбрать письма, включая все места, имея от 2 до
5 символов, но таким способом, что интервалы являются различными. 10. Выберите инструмент Move Tool (V) и поднимите выбранную область приблизительно 7-10 пикселов вверх.
11. Снимите выделение, нажимая ctrl +D. Теперь Вы можете иметь кое-что подобно этому:

12. Теперь
выберите слой "2" (щелкните на глазу около слоя, затем на слое
непосредственно), и выберите как описано в девятом пункте(точке), но за
исключением того, что Вы не должны, выбирал те же самые письма, и
предпочтительно в пути такой, что главная часть писем граничила с
предыдущими в предыдущем слое.) 13.Выбирете инструмент Move Tool (V) и поднимите выбранную часть выбранную часть приблизительно 7-10 пикселов вверх.
14. Снимите выделение, нажимая ctrl +D. Теперь Вы можете иметь кое-что подобно этому:

Теперь пришло время идти дальше к части.ImageReady
Part2 (ImageReady):
1. Откройте ImageReady (щелкните Jump to ImageReady или нажмите Ctrl+Shift+M).
2. В группе Мультипликации (если Вы не видите такую закладку, то идите
в Окно>, мультипликация) дублируйте первый кадр (дважды щелкнув на
Duplicate Current Frame )

3. Установите задержку 0.1 секунд между кадрами. (под описанным кадром) щелкните на капле внизу меню, где Вы выберете 0,1)

4. Выберите первый кадр. Делайте только слой с первоначальным видимым текстом.
5. Выберите второй кадр. Сделайте видимым только слой "1".
6. Выберите третий кадр. Сделайте видимым только слой "2".
7. Вы можете проверить ваши результаты, щелкая на Play/Stop animation на группе мультипликации.
Это - все, что надо сделать. Все, что остается сделать, это
сщхраниться- File > Save Optimized as.... (Ctrl+Alt+Shift+S), просто
задайте название. Я надеюсь, что этот урок был полезный для Вас и помог Вам лучше понимать, как работать с анимацией.
Урок с сайта www.webdesign.org Перевод Bosco
Источник: http://www.pstutorial.artbosco.com |