Creating a Writing Effect in Adobe Flash

In this Flash tutorial I show you how to make it look like your text is being written out using keyframes and a few other techniques.

Advertisement

189 Comments

  1. It’s remarkable in favor of me to have a site, which is
    helpful in support of my know-how. thanks admin

  2. ***jpickle555*** says:

    thank you mine looks awsome :D

  3. Micco John says:

    This is really helpful. You are amazing! All the best!!

  4. Star Laughter says:

    Thanks!

  5. Craig M says:

    Great video man! Thanks

  6. hm nasrabadi says:

    چقدر ساده! پنج ساعت با ماسک کردن سعی کردم ولی خوب اجرا نشد. خیلی تشکر، ایجا جمهوری اسلامی ایران است، کشور آزادی و رفاه و ولایت مداری و ایمان و پرستش واقعی خدا برای خدا

  7. Que Nguyen says:

    Thanks a lot! I’m doing a flash assignment and this is exactly what I need!

  8. Iori John says:

    You could always make the pen a symbol and motion tween it to look like its writing the letters.

  9. perspicacity1000 says:

    Thank you, it’s perfect!

  10. Gloria Williams says:

    Thanks! Excellent tut! Very well done! You are an excellent teacher!

  11. Manuela Cassuto says:

    I’m also looking to do this, did you manage to find a way?

  12. Kelly- devilishpolish says:

    is there a way to make an object, say a pen, follow the letters to make it look as if it were writing them?

  13. nomadwayoflife says:

    Thanks for sharing. Worked like a charm. goo.gl\Rr6Ss

  14. Pauly Maybury says:

    YOU ARE AMAZING! This has helped me SOOOOO much! Thanks once again!

  15. Felician Galgau says:

    Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…Ssistemul din Romania manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene…sabotori fascisti

  16. Jack Barron says:

    nice one bud

  17. Clarissa Elfira says:

    thank you,,, very usefull

  18. Raine Carosin says:

    thank you so much! !

  19. CrispifiedGaming says:

    Using this tutorial to make one of my trailers! :) Thanks! :D

  20. HiddenShadey says:

    lol good job i enjoyed this and it was very helpful. Not only that it has given me new ideas on what i can do with this.

  21. TehTrixxable says:

    Actually it’s 13

  22. rocky5638 says:

    AWESOME SIMPLE TUT

  23. Holiephere Chee says:

    yes it helps a lot thank you very much, if you add a pencil on it to show that it is writing, how am i going to do that?

  24. Brian Hughes says:

    I did exactly as the video suggests. Yet, when I run my movie, the lettering appears to be drawn at around 50% opacity. Then when the lettering ends it turns to 100% opacity. How do I fix this??

  25. MrMilosClick says:

    no 4, here is 13 idiots

  26. briantyre says:

    Awesome, I just did a script font one and it looks great!!

  27. Nelab Yosufi says:

    this is totally wrong

  28. Safal Shrestha says:

    Actually its 11

  29. Katie Souvannaphandhu says:

    If you have a Windows system you need to press the (Fn) key as well. So (Fn)+F6.

  30. Reed Johnson says:

    still better shu’p

  31. TheVen0m1 says:

    sexy video!!

  32. 1cRAZYgEEK says:

    Wow, what an intelligent response. Did you do the response in flash?Lets see some of your flash projects/work…..genius.

  33. Reed Johnson says:

    Flash is better Shu’p

  34. 1cRAZYgEEK says:

    My question is, why would I use flash for this when I can do thesame thing if not better in After effects in 1/4 of the time.Flash sux when doing these type projects.Only flash nerds use it.

  35. Kaylie Deng says:

    ugh how come my f6 isnt working? anyone knows why? ;(

  36. antikipp says:

    thanks for the tutorial! very helpful

  37. SmokyHD3 says:

    HAHAHA turn auto transcribed captions on and at 2:38 it says “so on the second freemail with my ear asexual”

  38. Acr3tion says:

    Audio too low..

  39. Acr3tion says:

    [..YouTube..] Audio too low..

  40. Jonathon Davis says:

    also, is that comma leading to something… grammar mate

  41. [..YouTube..] also, is that comma leading to something… grammar mate

  42. lvivtotoro says:

    [..YouTube..] 1 person has a stupid name,

  43. Jonathon Davis says:

    1 person does not know correct grammar

  44. [..YouTube..] 1 person does not know correct grammar

  45. lvivtotoro says:

    [..YouTube..] 10 people dosent know how to use flash

  46. beinyourguard says:

    Nice!

  47. NickRocks335 says:

    You make it so complicating

  48. NickRocks335 says:

    [..YouTube..] You make it so complicating

  49. iendedyoui says:

    *Sees you erasing the e* “Fuuuuuuuuuuu!!!!” I’m left handed, I write it the opposite way…

  50. iendedyoui says:

    [..YouTube..] *Sees you erasing the e* “Fuuuuuuuuuuu!!!!” I’m left handed, I write it the opposite way…

  51. RosXipher says:

    9 people dont say hello

  52. RosXipher says:

    [..YouTube..] 9 people dont say hello

  53. Elle9172 says:

    [..YouTube..] nooooooooo whats the mac equivalent of the F6 key??

  54. TheZerogreat says:

    4 people and 5 other animators are jealous of this animator

  55. TheZerogreat says:

    [..YouTube..] 4 people and 5 other animators are jealous of this animator

  56. NimeniAltu91 says:

    look so tits

  57. NimeniAltu91 says:

    [..YouTube..] look so tits

  58. FiendofDA says:

    Thats pretty simple.

  59. FiendofDA says:

    [..YouTube..] Thats pretty simple.

  60. vodorf says:

    I’m one of them but I didn’t dislike. xD

  61. vodorf says:

    [..YouTube..] I’m one of them but I didn’t dislike. xD

  62. HospitalWaste says:

    how would i go about changing the fonts shape. Like if i wanted to make the letters become a half circle shape, is there a way to do so? the free transform tool doesnt seem to work on words

  63. [..YouTube..] how would i go about changing the fonts shape. Like if i wanted to make the letters become a half circle shape, is there a way to do so? the free transform tool doesnt seem to work on words

  64. HospitalWaste says:

    Thanks so much for the amazing tutorials man! I created my very very first animation in adobe flash cs4 after watching this video :) I posted it to you as a video response! it would be super awesome if you accepted it as a video response! ANYWAYS thanks again :)

  65. [..YouTube..] Thanks so much for the amazing tutorials man! I created my very very first animation in adobe flash cs4 after watching this video :) I posted it to you as a video response! it would be super awesome if you accepted it as a video response! ANYWAYS thanks again :)

  66. movie627 says:

    You make 2 layers and one is “background” and the other is “write” select the “background” layer and draw a background then lock the “background” layer and select the other layer and do as in the tutorial :) ( you don’t need to name the layers)

  67. movie627 says:

    [..YouTube..] You make 2 layers and one is “background” and the other is “write” select the “background” layer and draw a background then lock the “background” layer and select the other layer and do as in the tutorial :) ( you don’t need to name the layers)

  68. movie627 says:

    [..YouTube..] @KickAssCommand You make 2 layers and one is “background” and the other is “write” select the “background” layer and draw a background then lock the “background” layer and select the other layer and do as in the tutorial :) ( you don’t need to name the layers)

  69. cre8tiveqt says:

    thank you so much for this vid! i was doing it the hard way and this just cut my work time in half!

  70. cre8tiveqt says:

    [..YouTube..] thank you so much for this vid! i was doing it the hard way and this just cut my work time in half!

  71. hiddenshadow901 says:

    Thank you!! This is how I will make my youtube intro :D

  72. [..YouTube..] Thank you!! This is how I will make my youtube intro :D

  73. Maaz Aftab says:

    love you broo..

  74. Maaz Aftab says:

    [..YouTube..] love you broo..

  75. TheMaaz32 says:

    [..YouTube..] love you broo..

  76. KickAssCommand says:

    can you tell me how to doo this with a background?

  77. [..YouTube..] can you tell me how to doo this with a background?

  78. KickAssCommand says:

    Please give me the link to download adobe flash for windows!! Pleas be quick :P

  79. [..YouTube..] Please give me the link to download adobe flash for windows!! Pleas be quick :P

  80. mimsip says:

    This video was so helpful! thank you :D

  81. mimsip says:

    [..YouTube..] This video was so helpful! thank you :D

  82. raenbowbi says:

    Thank you!

  83. raenbowbi says:

    [..YouTube..] Thank you!

  84. obsidialord says:

    [..YouTube..] 7 ppl say goodbye

  85. wyra2008 says:

    [..YouTube..] Thanks for that!

  86. minipugzz says:

    [..YouTube..] i clicked this because it said ho in the video thumbnail

  87. MrHaseebbaig says:

    [..YouTube..] nice 

  88. Rayzsion says:

    [..YouTube..] Awesome, thanks for the tutorials dude!

  89. quackndaddy says:

    [..YouTube..] Your studio and You Tube Video’s are the best. Thank you for helping me get an A in my flash class. YA ROCK!!!!!!!!!!!!!!!!!!!!!!!

  90. welhim16 says:

    [..YouTube..] what software is that?

  91. Tropiduridae says:

    [..YouTube..] What if we have a tablet and are inputting the text by hand? Is there an easier way?

  92. diniari939 says:

    [..YouTube..] thank you so much

  93. DLLAMAS77 says:

    @talaleshki wich is why this is a tutorial

  94. DLLAMAS77 says:

    [..YouTube..] wich is why this is a tutorial

  95. DLLAMAS77 says:

    [..YouTube..] @talaleshki wich is why this is a tutorial

  96. nandro83 says:

    I figured it out, alankarmisra, is right, masks is a better way to go. The use of the eraser-tool makes the flash weight alot more, I did the same thing with mask and instead of 890 kb I got 65kb witch is alot more apreciated when actually using on a webpage.

  97. nandro83 says:

    [..YouTube..] I figured it out, alankarmisra, is right, masks is a better way to go. The use of the eraser-tool makes the flash weight alot more, I did the same thing with mask and instead of 890 kb I got 65kb witch is alot more apreciated when actually using on a webpage.

  98. nandro83 says:

    [..YouTube..] Very informative and easy to follow, for that I thank you. But the swf file wighs 800kb when I did this on a plain simple colour, no images involved, why is this?

  99. alankarmisra says:

    [..YouTube..] @LilredheadComics Neat video – although I wouldn’t encourage the use of frame rates to write faster or slower! It’s probably a better idea to stick to the frame rate of the target medium and adjust the frames instead. Quick question though – wouldn’t the use of masks be a better idea generally speaking? Personally I think so but I haven’t really worked with a lot of write-on text animations so wondering what your opinion is.

  100. kriswing says:

    Thanks a lot man. It was really helpful =)

  101. kriswing says:

    [..YouTube..] Thanks a lot man. It was really helpful =)

  102. TheMrScribbler says:

    is it just me or does he sound like mark zuckerberg?

  103. [..YouTube..] is it just me or does he sound like mark zuckerberg?

  104. MegaProman1 says:

    [..YouTube..] you rock thanks btw here is a jokego to ( 3:17 ) xD

  105. davis2110 says:

    [..YouTube..] i was about to over comlicate this with maskes and stuff lol when you said just break apart and erase one question though did you have your frame rate at 50 just for example or was there another reason to have it higher than 30

  106. swordfish1683 says:

    wow.. brilliant brilliant brilliant. this is really helpful. thank you very much for sharing this.

  107. [..YouTube..] wow.. brilliant brilliant brilliant. this is really helpful. thank you very much for sharing this.

  108. stuwhit08 says:

    thanks man, thats really cool!

  109. stuwhit08 says:

    [..YouTube..] thanks man, thats really cool!

  110. bostjan3000 says:

    [..YouTube..] @nmarinos do you have the option on that the text becomes a symbol right after you write it?

  111. nmarinos says:

    [..YouTube..] Nice video…thank you…nonetheless I have a problem…when I’m trying to erase the letters,the missing part reappears when I leave the mouse click. I tried to write a word with the brush and the eraser works fine. The problem occurs only with the text…

  112. TonkaMom2 says:

    [..YouTube..] Hey I just love this effect. can you tell me, is there a way to create this effect and when its done have it remain on the page as a static image? I’m using this effect as for my signature on my portfolio site which contains 4 pages. This is on the first page but if someone revisits the page, the effect does not replay nor is it static, the area is just left blank….I want the signature to remain as a static image. Any help would be greatly appreciated. Thanks!!

  113. anthonytyranny says:

    You gave us hell @ 3:08

  114. [..YouTube..] You gave us hell @ 3:08

  115. [..YouTube..] great tutorial…how would you import just the word or words into a current flash project?

  116. eilieo says:

    [..YouTube..] OMG F6 – i always wondered on mac!! thank you ! lol

  117. konigin07 says:

    [..YouTube..] Awesome tutorial! THX

  118. slurdas says:

    [..YouTube..] or you can use mask.. nice tutorial tho :)

  119. DarkJak143 says:

    [..YouTube..] I love trying to pronounce your name.

  120. DrSulfurious says:

    [..YouTube..] @talaleshki I don’t know how to use flash.

  121. ilijadimitrovski says:

    i Love you,and r videos of course :)

  122. [..YouTube..] i Love you,and r videos of course :)

  123. KATINOYLA says:

    [..YouTube..] THANK YOY VERY VERY MUUUUUCH !!!!!!!!!!

  124. talaleshki says:

    [..YouTube..] i love ur tutorials

  125. talaleshki says:

    4 people don’t know how to use flash

  126. talaleshki says:

    [..YouTube..] 4 people don’t know how to use flash

  127. dillong1997 says:

    [..YouTube..] thanks for the tutorial man ^^ thanks

  128. Cvrchak88 says:

    [..YouTube..] Can I make this on transparent background? Btw, tutorial is fantastic!

  129. vereva2003 says:

    [..YouTube..] I’ve seen lots of tutorials, but these are by far the best.And I mean it.Really thanks.

  130. [..YouTube..] how can i erase a text in Adobe Flash using the eraser tool since it comes back to the original text always?

  131. mikaelafiery says:

    [..YouTube..] ooh, very nice

  132. xone21 says:

    [..YouTube..] Thank you, this was very effective for my project!

  133. 1StarLuigi says:

    [..YouTube..] @MikeFokkens calm down… :|

  134. Mike Fokkens says:

    english….. dude..

  135. MikeFokkens says:

    [..YouTube..] english….. dude..

  136. Mike Fokkens says:

    @1StarLuigi opinion then.. fuck you, I’m not even englash so don’t you start flaming for fucks sakes.

  137. MikeFokkens says:

    [..YouTube..] @1StarLuigi opinion then.. fuck you, I’m not even englash so don’t you start flaming for fucks sakes.

  138. 1StarLuigi says:

    [..YouTube..] @MikeFokkens uppinion??? :P

  139. Mike Fokkens says:

    @AnaydenaStudios I understand what you’re saying, but don’t you agree this with me: In my uppinion it’s better to “don’t learn” it than learning it the complete wrong way, because this will work in innocent things like this, but with much bigger projects it’ll give huge problems, leaving nothing else than to start all over again!

  140. MikeFokkens says:

    [..YouTube..] @AnaydenaStudios I understand what you’re saying, but don’t you agree this with me:In my uppinion it’s better to “don’t learn” it than learning it the complete wrong way, because this will work in innocent things like this, but with much bigger projects it’ll give huge problems, leaving nothing else than to start all over again!

  141. [..YouTube..] @MikeFokkens Sure, i’ve seen all kinds of ways people have recorded on their desktops. All I’m saying is your criticizing a video, and you don’t even have a video to show the “right way”. Just thank the man for taking time to show a tut to a bunch of noobs cause he’s helping people out, and apparently you arent…

  142. Mike Fokkens says:

    @AnaydenaStudios I would make one, If I wanted all the crappy videocapturesoftware on my computer. but since I dont wont that shit, there will never be one :)

  143. MikeFokkens says:

    [..YouTube..] @AnaydenaStudios I would make one, If I wanted all the crappy videocapturesoftware on my computer. but since I dont wont that shit, there will never be one :)

  144. AnaydenaStudios says:

    @MikeFokkens As long as its getting the job done… hey, where’s your tutorial for it? :(

  145. [..YouTube..] @MikeFokkens As long as its getting the job done… hey, where’s your tutorial for it? :(

  146. MikeFokkens says:

    [..YouTube..] this is so THE worong way, you should use masks, not delete chunks backwards..

  147. Cyrilondou says:

    [..YouTube..] 3:20 Hell !!

  148. [..YouTube..] OK this went good, but I want to stop the cycle once its done! But it keeps carrying on. I just want to carry it on once.

  149. 08Eyes80 says:

    [..YouTube..] Very good tutorial, thanks!

  150. [..YouTube..] thanks this is exactly what i was looking for. thumbs up

  151. wong kc says:

    useful**

  152. vixcacheras1 says:

    [..YouTube..] useful**

  153. [..YouTube..] Thank you man ! This is very helpful .

  154. methodns says:

    [..YouTube..] thx, nice tut

  155. 8506410 says:

    thanks!!!! subscribed!!!!

  156. 8506410 says:

    [..YouTube..] thanks!!!! subscribed!!!!

  157. bjnbenner says:

    [..YouTube..] @Tfreetime create a new layer and put the background on one layer and the text on the other. Then lock the background layer and follow the tutorial

  158. Husaini Mat Isa says:

    Cooool

  159. Kathleen songbird says:

    Excellent Tutorial .. easy to follow and fun to achieve, Just what I was Looking for Thank you !!!!!

  160. [..YouTube..] Excellent Tutorial .. easy to follow and fun to achieve, Just what I was Looking for Thank you !!!!!

  161. rockomoron says:

    [..YouTube..] very interesting and helpful thank a million

  162. karwan320 says:

    [..YouTube..] grate one

  163. [..YouTube..] why take the long step just do it in after effects much easy and faster

  164. [..YouTube..] Wow thanks for this! Its very helpful! Thanks!

  165. [..YouTube..] @Tfreetime You need to use layers. If you have a background, put that on the bottom layer, then put your text on the layer above that. If you lock the background layer it’ll be just as you intended it to be.

  166. MythOfEchelon says:

    It would be a lot easier (as you dont have to think backwardly) to leave the text as it is, create a Mask layer and then do the effect by drawing over the text with the paintbrush/pencil tool so only the drawn section will be revealed

  167. [..YouTube..] It would be a lot easier (as you dont have to think backwardly) to leave the text as it is, create a Mask layer and then do the effect by drawing over the text with the paintbrush/pencil tool so only the drawn section will be revealed

  168. nesukor says:

    [..YouTube..] @Tfreetime put it at different layer

  169. Tfreetime says:

    [..YouTube..] What if I have the color background? How do I avoid when it also erase my background.Thank you

  170. RamboCarecaa says:

    [..YouTube..] THANK YOU!

  171. [..YouTube..] Thank you again!!

  172. karthiklfhs says:

    [..YouTube..] @djyips10 He uses the “Monotype Corsiva” font.

  173. karthiklfhs says:

    [..YouTube..] @djyips10 Monotype Corsiva

  174. [..YouTube..] lol on one part it says hell

  175. djyips10 says:

    [..YouTube..] what font is it that he uses in the tutorial????

  176. [..YouTube..] awesome thank youooooooooooo !!! woot woot

  177. brendanlacey86 says:

    @GrandDewalt , you could cheat, by downloadin a quick program that records your screen and what your doing. then play the animation? maybe try that if ur just trying to put them on youtube.

  178. [..YouTube..] @GrandDewalt , you could cheat, by downloadin a quick program that records your screen and what your doing. then play the animation? maybe try that if ur just trying to put them on youtube.

  179. GLENGUARIN says:

    [..YouTube..] Nice! Thanks You for your time.

  180. [..YouTube..] thx for that, it helps very much

  181. [..YouTube..] very cool =)

  182. NakkieBambam says:

    Great tutorials man your my sensei lol

  183. NakkieBambam says:

    [..YouTube..] Great tutorials man your my sensei lol

  184. GrandDewalt says:

    I have a question but it is about something a little different, I watched your tutorial on tweening a while ago, but I need to know know if it is possible to combine motion and shape tweening. I know you cannot use a symbol for shape tweening and that is what gets me. Example of the type of thing I want to do would be “a car driving towards you or away from you, while keeping the animation of the car itself, like the wheels spinning while getting bigger or smaller” I am really confused.

  185. SprDrumio64 says:

    1300 viewer yeah..seriously though, thanks!

  186. v94j says:

    whene i save the fps aint the same as whene i prewiu, whene iv saved it its much slower. help? :)

Leave a Comment

 

— required *

— required *