View Full Version: Hypnotic Text Animation:

Paradise Pixels > Animation: > Hypnotic Text Animation:


Title: Hypnotic Text Animation:
Description: ImageReady Tutorial


Scott Walker - April 12, 2006 01:33 AM (GMT)
Hypnotic Text Animation Tutorial:

1. New Document (Any Size Works, as long as you can fit a word in there)

2. Fill it with a Medium Grey. I used “#6A6A6A”

3. Now, take a bold Font (I’m using ‘Arial Black’) and type a word on the canvas (Color doesn’t matter)

user posted image

4. Now go to the Text Layer’s , Layer Styles, and use the following.

Drop Shadow:

Use Default Settings.


Inner Shadow:

Use Default Settings.


Bevel and Emboss:

user posted image


Gradient Overlay:

user posted image

For Stroke:

Change the Color to ‘Black’ leave every thing else, default.


5. Now, Ctrl+Click on the Text layer (This should put a selection around the text) and without deselecting the text, click on the bottom layer, and press Delete.

6. Also change the Blending Option from “Normal” to “Overlay”

7. Now, Make a new Document “File > New” make it the same Height as your other one, just double the width. So for me, my first one is 250x250, so for this new one, I’ll want it to be 500x250.

8. Now, for this, you’ll want to grab the Rectangular Marquee tool. (Top left on the toolbar) and make a selection like the one shown in the picture.

user posted image

9. Now fill in that selection with White. Then grab the Rectangular Marquee Tool again, and move the selection right next to the white block. And fill it with Black

user posted image

10. Continue the process until you have something that looks like this.

user posted image

11. Now, its time to drag that layer into our first document. So go over to your Layer’s palette, press and hold the layer and drop It into the first document. (Also make sure you put the layer on the very bottom of the layers palette.

user posted image

12. Now before we switch over to ImageReady, be sure that you line up your hypno lines correctly. Its best to have it orderly before we go to imageready.

This is how mine Looks:

user posted image

13. Now, Click the “Send to ImageReady Button” at the very bottom of the Toolbar.

14. Once in ImageReady, you should see an Animation Table, with a single frame on it. (If you don’t see this, than go “Window > Animation”)

15. Now, press the duplicate Frame button on the Animation table.

user posted image

16. First of all, Uncheck the visibility of the grey layer (The little eye next to the layer) , for right now. (This way you can see where the hypno lines are going.

17. Once you’ve unchecked the visibility, grab your “Move Tool” and grab your Hypno lines, and pull them all the way to the left (or all the way to the right, depending on where you positioned them)

18. Now, re-check the eye, on the Grey layer, and select the first frame of your animation (there should only be 2 frames right now) Now, click the Tween Button.

user posted image

19. Use the following Tween settings:

user posted image

20. Now press Ok, and Press the Play Button! You should have something like this as a result.


user posted image

Remember, In order to keep the animation while saving, Save it like this, "File > Save Optimized"

If You Enjoyed This Tutorial, Please Register! ParadisePixels has a lot to offer Registered members!

-Scott

Tutorial © 2006 Scott Walker

hammy - April 12, 2006 02:08 AM (GMT)
:OmGzorz!::wub::OmGzorz!:

Scott Walker - April 12, 2006 02:24 AM (GMT)
lol Is that a good thing? O_O :P or is it a bad thing ^_-

hammy - April 12, 2006 02:27 AM (GMT)
or both?? ;O jk

:OmGzorz!:=WHOA!
:wub:=... self explanitory

Scott Walker - April 12, 2006 02:34 AM (GMT)
lol :o

Sarah - April 24, 2006 01:04 AM (GMT)
:o <3 :o

vaga69 - July 25, 2006 03:42 PM (GMT)
a bit boring but its a good start for light shining though, thats the best basic text ive seen:D

Zink - September 24, 2006 09:49 PM (GMT)
Nice tutorial, it show what you can do with the techinque without making you feel inadequate. 8)

Lexmax_ONE - November 1, 2006 04:04 AM (GMT)
sorry man i did'nt undestand in N°13 how u mix the layr of black and white line whit the text, i only want to know, all the things that u do for get it ( to mix the layer text with the layer lines


Sorry for my bad english i use to speak spanish,

highalpine - February 7, 2007 12:09 AM (GMT)
alot of the images you post do not show up, they just come up as user posted image.




Hosted for free by InvisionFree