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


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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всем удачи и чудесного вечера.
вверх^ к полной версии понравилось! в evernote
Комментарии (46): вперёд»
Kapitoshka_N 22-11-2009-18:46 удалить
Inmira, спасибочки, лапуль!!!И этот постик забрала!!!!!Ты прелесть:))))
Inmira 22-11-2009-18:50 удалить
Ответ на комментарий Kapitoshka_N # Kapitoshka_N, Не(( я ничего не успеваю(( в почте еще не была(( чичас в почту.. хоть немного посмотреть)) целую тебя)
ja__Betti 22-11-2009-18:50 удалить
Очень хорошо всё объяснено. Спасибо большое!
[212x195]
Inmira 22-11-2009-18:51 удалить
Ответ на комментарий ja__Betti # jkm, Спасибо)) Удачи)))
Здорово получается, но у меня нет еще фотошопа, посоветуй где можно скачать его, благодарю тебя заранее.
[394x257]
Nadezhda55 22-11-2009-19:10 удалить
Очень интересно...но я пока во всех программах - ноль....
Kapitoshka_N 22-11-2009-19:14 удалить
Ответ на комментарий Inmira # Inmira, а я уроки твои забрала, но ещё не делала их!!!Сделаю,отчитаюсь:)))))Ты молодчина!!!!Всё успеешь обязательно!!!! Цемки:))))
NATALIU 22-11-2009-19:23 удалить
Здорово Спасибо!
Inmira 22-11-2009-19:33 удалить
Ответ на комментарий Андрей_Балабуха # Андрей_Балабуха, Поищи ТУТ. Удачи)
Sergia 22-11-2009-19:51 удалить
Спасибо!!!:give_hear Утаскиваю
Anela-Alena 22-11-2009-20:26 удалить
ЕЩЁ РАЗ СПАСИБО ЗА ВАШИ УРОКИ!
Nataly_Nataliya 22-11-2009-20:39 удалить
Спасибо солнышко за уроки!!!!
A-lekssa 22-11-2009-20:46 удалить
Как красиво!!! :-) Спасибо большое, Инна, за урок и за подробное описание по шагам! Сразу хочется тут же все повторить! :-)
murmichka 22-11-2009-21:00 удалить
Спасибо за уроки терпения !!
овно4ка 22-11-2009-21:08 удалить
Инночка,Огромное спасибо за уроки, забираю и учусь!!!Пока вроде все понятно..
Ananda_ewi 22-11-2009-22:17 удалить
спасибо,Иннуль))) Скорей в копилочку))) :-)
k_o_l_d_u_n_y_a 23-11-2009-02:45 удалить
ТО что всегда нужно, спасибо!
Дарина423 23-11-2009-12:02 удалить
Спасибо, Инночка, большое!!!
RADYGA55 23-11-2009-13:41 удалить
Солнышко спасибо,я взяла!!!Удачи тебе!!!
Daroteya 23-11-2009-16:56 удалить
Урок замечательный!
[468x60]
LebWohl 23-11-2009-18:23 удалить
Иннуль спасибо тебе за уроки,ты умничка.
grandmother 24-11-2009-10:24 удалить
Спасибо, все получилось!
[450x350]


Комментарии (46): вперёд» вверх^

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

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