Flash Vista - Главная страница
Новейший клёвый сайт
The Two Tales
О сайте | Архив
Главное меню
Главная страница
Новые ссылки
Лучшие ссылки
Популярные ссылки
Клёвые сайты
Поиск

Flash Tutorials
Flash Resources
Flash News
Flash Templates
Flash Intro Templates
Website Templates
Flash Games
Flash Books
FlashVista Polls
Карта сайта


Случайная ссылка
English
SoliSys
О сайте | Ещё ссылку !
FlashVista
Вход в систему
Регистрация
Подписка

Добавить ссылку
Изменить ссылку
Любимые ссылки
Предложить категорию

Advertise with us
Support us
Credits / Thanks
Contact

Flash Templates:

More Templates ...

Подписка Рассылок
Пользователь

Пароль



Регистрация
Забыли пароль ?
Partner websites
Free Hit Counter
Free Seo Tools
Free Tutorials
Free Video Tutorials
Forum signatures
Best Free Scripts
Wii Fit
Wii Fit News
Cool Tech Gadgets
Other Resources
Порекомендовать
Порекомендовать этот сайт другу


Подписка Рассылок
Статус: Не авторизирован

Русский English German French Spanish Italian Portuguese Russian Polish Finnish Dutch Swedish Thai Romanian Traditional Chinese Simplified Chinese
ПоискНе авторизирован
Запрос: Искать: Расширенный поиск


Flash handwriting effect


NEW Flash Tutorials in Video Format - Powered by LearnFlash.com: 45 minutes of flash tutorials now available in streaming format or download. Topics Include flash for beginners, text effects, actionscripting, audio/video, flash 8 and more.


Printer version



by Tyler Keen
www.designsequence.net

This is a simple yet cool effect. This tutorial was done in Flash MX 2004, so the location of some of the menu bar things will be different in from MX, but of course it will work just as well in MX.



Step 1.
Make a new document I doesn't have to be very big. I made mine 280x80. You have to have a good handwritten style font (I'm using a font called "scripty"). You can download it here.

Step 2.
Once you have your font you may have to close down and restart Macromedia Flash because it loads your computers fonts when you start it up. Grab your text tool and put a line of text in the middle of the canvas that says "handwriting". Make it pretty large (I had mine at 60). Now Go to Modify > Convert to Symbol and call it "handwriting".



Step 3.
Now double click on you new symbol to edit it. Select frame 2 and hit F6 to make keyframe. Now with your frame 2 selected, hit ctrl+B twice to break apart the text. Now's where the fun begins. Now grab the erase tool and start erasing the letter g starting from the bottom, but only erase about a quarter of the tail off the g (look at the picture to the right). Now select frame 3 and hit F6 to make another keyframe and erase a little bit more of the letter g from were you left off. Now make another keyframe in frame 4 and erase more of the letter g. Do you understand what we are doing yet? You are going to continue this for the rest of your letter g and all your letters. The trick is to think about how you would write the letters on a piece of paper. When you write down the letter g you make the loop first and then you make the tail. So you want to do the exact opposite, erase the tail first and then start erasing the loop starting from the inside. Get it? Well, since I don't know what you just said I'll assume that its "I sure do!". The same go's for the t and the i's, people cross the t and dot the i's after they have made there vertical line.



Step 4.
Ok, so now you have spent way too much time on the last step and you got all the letters completely erased on the last frame. Select all the frames in the layer (you can do this by clicking the layer name) and go to Modify > Timeline > Reverse Frames. Now your frames have been reversed and you can play scrub the timeline to see that its working the way that you want it to. Now you can put in a stop action on the last frame to stop it from looping. And that's it!



(Добавлено: 03-09-2005, Посещения: 0, Рейтинг: 3.92, Голоса: 153, Комментарии: 24)
Добавить в Любимые ссылки Порекомендовать другу

Комментарии: (10)

Very good work! And so easy to do it! Thank you!
(Добавлено: 01-06-2007 Пользователь: Гость)

very good work
(Добавлено: 12-06-2006 Пользователь: Гость)

Thanks! I would have pained over getting this result for hours without your tutorial. Great job!
(Добавлено: 10-09-2006 Пользователь: Гость)

it is nice. i am now try this same work in my home.
(Добавлено: 09-06-2006 Пользователь: sowndar)

if you cant erase the text:

YOU HAVE TO BREAK APART THE TEXT BEFORE YOU CAN ERASE IT

do this by pressing "command+B" if you are using a mac, or "ctrl+B" if you are using a PC.
Breaking the text apart once will seperate the text into induvidual letters, but to erase text, you must break it apart TWICE, the second converting the letters to fills.

(Добавлено: 08-10-2006 Пользователь: Гость)

How come I can't erase the text?
(Добавлено: 07-06-2006 Пользователь: Гость)

Oh oh nice trick
(Добавлено: 04-20-2006 Пользователь: Гость)

good it worked fine
(Добавлено: 04-17-2006 Пользователь: Гость)

You can use Mirage, it does all the work for you and all you need to do is set your time, how long you want it to take.
(Добавлено: 02-28-2006 Пользователь: Гость)

I think a mask would be more intuitive, you could draw the mask forwards (the same way you write). Just start off by revealing nothing then animate the mask over the letters.
(Добавлено: 02-03-2006 Пользователь: Гость)


Добавить комментарий
Please note:
We review EVERY comment before it appears on the site, so please dont waste your time by posting spam links :)
No URLs allowed, no HTML please.

If you register or login first, your review will contain your nickname


Проголосовать



Великолепно!
Очень хорошо
Хорошо
Посредственно
Неудовлетворительно