• Авторизация


Анимация текста (2) 22-11-2009 18:43 к комментариям - к полной версии - понравилось!


Итак продолжим учиться анимировать текст))))
[показать]
В прошлом уроке мы как бы перекрывали текст движущимся прямоугольником, залитым черным цветом. А что делать, если мы хотим написать текст на таком вот, например баннере?:
[показать]

Будем двигать сам текст. :-)


Сначала повторяем все первые действия из прошлого урока (открываем файл, переводим в RGB, пишем текст, растрируем, применяем стиль.

Берем инструмент "Прямоугольное выделение" и выделяем им тот участок на картинке, в пределах которого наш текст будет двигаться. Примерно так:
[показать]
Причем вертикальныt "заезды" выделения нас не должны беспокоить, - нам важно выделить участок по которому будет двигаться текст по горизонтали:

Кликом по стрелке, не снимая выделения и стоя на слое с текстом, создаем маску:
[показать]

Как видим, маска у нас строго по размеру выделения:
[показать]

Кликом по цепочке "отделяем" маску от текста (убираем цепочку, короче :-) ):
[показать]

И встаем на иконку с текстом (она должна у нас обвестись таким прямоугольничком):
[показать]

Вся подготовительная работа закончена. Открываем окно анимации или переходим Image Ready.
Берем инструмент "Перемещение" [показать]

Создаем новый кадр в палитре анимации (кликом по значку):
[показать]

С зажатой клавишей Shift (или стрелкой на клавиатуре) перетаскиваем наш текст сюда, чтобы спрятать его под маску. Так примерно:
[показать]

Должно получиться так:
[показать]

Меняем кадры местами. Просто перетаскиваем первый кадр за второй, так:
[показать]

Результат:
[показать]
Кадр с видимой надписью стал вторым.

Все :-) анимируем , как в прошлом уроке (ссылка на него в начале поста) и сохраняем , как gif.
Результат:
[показать]

Еще варианты:
[показать]
[показать]

Постарайтесь сделать самостоятельно))) Если вдруг не выйдет - сразу опишу все подробно в комментариях.

Продолжение следует)))

Всем удачи и чудесного вечера.
вверх^ к полной версии понравилось! в evernote
Комментарии (46): «первая «назад
белка28 27-11-2009-09:56 удалить
Спасибо! Возьму себе!
Lutik58 10-12-2009-21:42 удалить
Вот это да! Сколько всего в Вашем дневе!
Nadiya_Babets 18-01-2010-00:04 удалить
Обязательно попробую оба урока!!!Спасибочки!!!
ZEFIRKA_55 18-04-2010-23:11 удалить
интересный урок! спасибо!
ZEFIRKA_55 19-04-2010-14:31 удалить
забрала! спасибо!
ledi_Meledi 04-09-2010-23:05 удалить
Утаскиваю к себе....в цитатник))))0
[650x542]
Isentiya 13-12-2010-12:21 удалить
По-моему получилось,утащу себе для закрепления урока,а то все сразу запомнить нереально,я ведь только начала осваивать фотошоп,у меняCS5,но вы так доступно объяснили,что я поняла с первого раза.
[468x60]


Комментарии (46): «первая «назад вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация текста (2) | Inmira - Дневник Inmira | Лента друзей Inmira / Полная версия Добавить в друзья Страницы: «позже раньше»