Learn how to make self-writing text with the help of Adobe Photoshop and Adobe ImageReady.
1. Start a new document 400×400. Select Type Tool (T) and write any text you want. In this tutorial we’ll use a “WDL” text. Set the font family ” Freestyle Script ” or any font that looks like hand-writing, text size 72.
2. Select Pen Tool (P). In Shape Tools options choose Paths. Click where you want the path to begin. Then click where you want the path to end.
With the left mouse button held down, drag the points to make accentuation shape.
3. Select Brush Tool (B). Set Hard Round 3px Brush. Now go to Window>Brushes (F5) and use the following “Shape Dynamics” settings: Control: “Fade” 150. Create new layer (Ctrl+Shift+N). Select Pen Tool (P) again, right click on the shape and select Stroke Path… Use Brush to stroke. Repeat Stroke Path one more time.
Now it’s time to switch to ImageReady (Ctrl+Shift+M)
The main idea is that in each frame you should delete almost whole image, leaving the already written lines. Each frame should contain a bit more image in comparison to the previous one, until the whole phrase is written… But let ‘ s do it step – by – step :
1. First you should prepare your workspace. In Layers Palette you should have something like this:
Select Shape 1 layer (left mouse click) and delete it (Layer>Delete Layer). Then select Layer 1 and merge it with WDL text layer (Layer>Merge Layers or Ctrl+E). Duplicate it (Layer>Duplicate Layer or Ctrl+J). Hide “WDL” layer (just click on the eye left to the layer).
Call rulers (View>Rulers) and start adding lines (just drag ruler to the place you need). Add every 5 px horizontal rulers on the WDL text. This will show you writing stepping.
Open Animation Panel (Window>Animation)
2. Now everything is ready. The first frame should contain the beginning of the text. In our case it is the upper left part of the “W” letter. Select Eraser Tool (E) and erase everything, except the upper left part. In animation panel set frame delay time to 0.04. The first frame is ready.
3. Click the Duplicate Current Frame button on the Animation panel.
Now make invisible your top (WDL copy) layer. Duplicate WDL Layer and make this duplicate visible. Select this layer.
As in step 2, select Eraser Tool (E) and erase everything, except the upper left part, but now leave some more (remember about rulers – use them to measure how many you should erase).
4. Repeat step 3 until you see the frame which will contain all letters and underlining.
5. Make new empty frame. Then click on Tween in Animation panel and use the following settings:
This is done to make your text disappear after it is written.
6. Now it’s time to change the frame delay time. To make your animation look more realistic, you should change the delay time in some places. The biggest delay should be between your letters (about 0.35 ms). Also, you may set a small delay in the sharp curves of the letters (about 0.06 ms). The last frame should have the 0.6 ms delay .
7. That’s it! You can use this effect for you signings, greetings and other – looks very impressive!
Very nice toturial !!!
[...] Freestyle Script ” or any font that looks like hand-writing, [...] View The Original Post HERE Tagged as: Adobe No Comments Comments (0) Trackbacks (0) ( subscribe to comments on this post [...]
this is kinda of confusing…
thanks a lot
thanks !! very helpful post!
super fantastic
You have just saved this simpleton from a very-very-very frustrating 2 hours working with this. I can’t believe I finally found the answer on your blog!
Nice post, thanks.
Hi, good information sir. I will continue to visit your site. Conggrat.you have one more followers now :)
Hi, sorry out of the context, I see your theme is damn good!, can you tell me what theme is it? And this is my first time visiting your site.you have one more followers :D
Hi, this is my first time visiting your site. Conggrat.you have one more followers now :). Can you visit my site back and tell me what should I do to make it popular?
Thanks for this post.
Thanks for the valuable information and insights you have so provided here. Good Luck
can i use photoshop cs4 in making this kind of animation ??? help me please .. i need to do this :(
Hi, this is my first time visiting your site. Conggrat.you have one more followers now :)
Hi, I Like your content. Nice to meet you. Please be my friend. Visit my website: www ayobelanjabaju com We are selling couple shirt, t-shirt, wholesale t-shirt, clothes, woman fashion
hi i found this really really confusing can you possible do a tut for the older version of photo shop thanks :))
Every one acknowledges that life is not cheap, however some people require cash for various issues and not every person earns big sums cash. Thus to receive fast loans or bank loan would be a right solution.
You cannot prevent the research papers accomplishing tasks. But, the college essay writing services can aid you resolve your research papers writing problems.
This is normally done with a flash animation of handwriting through your site I’m doing with photoshop thanks
Writing practice would have been a nice follow-up wishes to you I hope I am constantly reading the posts, Thanks again
m really happy I found it thank you very much
Thank you for sharing this informationrmation was very helpful and saved a lot of my time.