Делаем печатающийся текст
С помощью этого урока я покажу вам, как создать эффект печатающегося текста с курсором.
Для этого урока я использовал программу Macromedia Flash Professional 8.
1 Создаем новый документ с нужными параметрами.
2 Выбираем инструмент "Text Tool (T)" и печатаем свой текст. Конвертируем изображение в символ.
3 Создаем 70 кадров на временной шкале.
4 Создаем новый слой (Layer 2) и печатаем на нем тот же самый текст, что и на первом слое (Layer 1), только тон букв берем немного светлее или темнее, это необходимо для того, чтобы выровнять текст на втором слое (Layer 2) с текстом на первом слое (Layer 1) при наложении. При неточном наложении этих слоев будут видны очертания 1 слоя (Layer 1). После этого конвертируем этот слой (Layer 2) в символ и создаем "Movie clip".
5 Превращаем второй слой в маску.
Снимите блокирование 2 слоя, слой заблокировался, когда мы преобразовали его в маску, чтобы снять замок, надо просто по нему кликнуть мышью.
6 Теперь на этом же слое (Layer 2) слева от текста инструментом "Rectangle Tool (R)" нарисуйте прямоугольник так, чтобы он не соприкосался с текстом и был высотой с большую букву нашего текста.
7 Создаем ключевой кадр на 15 кадре временной шкалы на этом же слое (Layer 2), выбираем инструмент Free Transform Tool (Q), выделяем прямоугольник и растягиваем его так, что бы он закрыл первую букву.
8 Создаем ключевой кадр на 17 кадре и растягиваем прямоугольник так, что бы он закрыл вторую букву. Так делаем с каждой буквой (создаем новый ключевой кадр на 2 кадра больше предидущего и растягиваем прямоугольник захватывая следующую букву).
9 Создайте новый слой (Layer 3) и нарисуйте на нем прямоугольник инструментом "Rectangle Tool (R)" по высоте примерно равный высоте букв, после этого конвертируем прямоугольник в символ и создаем "Movie clip".
10 Зайдите в этот символ, для этого кликаем два раза левой кнопкой мыши инструментом "Selection Tool (V)" по прямоугольнику. Перейдите на 5 кадр и нажмите "F5", затем перейдите на 6 кадр и нажмите "F7", перейдите на 10 кадр и нажмите "F5".
Теперь наш курсор будет мигать как настоящий. Вернемся на главную сцену, для этого кликаем по ссылке на главную сцену или дважды кликните левой кнопкой мыши по нашему тексту инструментом "Selection Tool (V)".
11 Приступим к анимации курсора. Курсор должен перемещаться как бы перед маской. Т.е. если маска закрывает букву “f", курсор должен быть над буквой "l". Если маска закрывает букву "l", то курсор должен быть над буквой "a" и т.д.
Для этого делаем ключеваой кадр на 15 кадре третьего слоя (Layer 3) и перемещаем курсор на букву "l", теперь делаем 17 ключевой кадр и перемещаем курсор на букву "a", по такому же принципу делаем остальные буквы.
Идем в верхнее меню, в пункт "Control -- Test Movie", чтоб посмотреть результат проделанной работы.
Скачать Исходник
Похожие уроки:
