-Рубрики

 -Поиск по дневнику

Поиск сообщений в my_hobby

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.12.2010
Записей: 6125
Комментариев: 83
Написано: 6196


анимация текста

Среда, 16 Марта 2011 г. 11:41 + в цитатник
Цитата сообщения Inmira Анимация текста (2)

Итак продолжим учиться анимировать текст))))

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


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


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

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

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

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


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


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


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


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

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


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


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


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


Результат:

Кадр с видимой надписью стал вторым.

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


Еще варианты:



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

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

Всем удачи и чудесного вечера.
Рубрики:  фотошоп
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку