Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

<The Animated Text Tutorial (in imageready CS)>

Featured Replies

Well i wanted to make a tutorial, and this thing kept me busy for a while:

 

 

 

How to move text in your signature/avatar???

 

 

 

[The Easy Way]

 

 

 

Warning: You will need Adobe ImagereadyCS to complete this tutorial.

 

 

 

Step 1: Open up Adobe Imageready.

 

 

 

Step 2: Go to Window> and open (pick an image around 20-22kb, since tipits kb limit is 30kb) check all options below:

 

 

 

imagereadytut13uh.png

 

 

 

Step 3: now you open up your image you want to get the text on

 

(File> open etc.)

 

 

 

Step 4: Now you opened your image, now you select the 'Type Text'' Tool:

 

 

 

imagereadytut21zj.png

 

 

 

Step 5: Select the font you want in the sig, where ''Visitor TT2 BRK'' is located.

 

 

 

Step 6: When you found a nice font, click on the area you want your text to be.

 

(if you dont like the location, you can zoom in by using the ''Zoom'' tool, or by pressing 'z' on your keyboard and use the 'Move' tool, or by pressing the 'v' on your keyboard.

 

 

 

Pic:

 

imagereadytut34js.png

 

 

 

Step 7: When you've done this, click 5 times (depends on file size) on the 'Duplicate' button below:

 

imagereadytut40mg.png

 

 

 

Then you end up with this:

 

imagereadytut57zn.png

 

 

 

Step 8: (I will use Fading text, but it can be moved also, just how you want it.) Now you click the first frame, only click. then you go to the right, where you see 'Opacy 100%':

 

 

 

imagereadytut60fm.png

 

 

 

you set the opacy to 20%.

 

 

 

Step 9: Now click the second frame, and set the Opacy to 40%

 

Step 9b: Click third frame, set opacy to 60%

 

Step 9c: Click fourth frame, set opacy to 80%.

 

Step 9d: Click the final fifth frame, and set opacy to 100% (if this isnt done yet.)

 

 

 

We allmost finished the flashing text, now we set the frame speed.

 

 

 

Step 10: Click the first frame, and while you press 'Shift' on your keyboard, you click the fifth frame, it will change to this:

 

 

 

imagereadytut76av.png

 

 

 

Step 11: where you see '0 sec.' above, you click the arrow pointing down.

 

 

 

you will see alot of options you can choose, but we will go the other way:

 

click 'other', and set the delay to 0,4 seconds.

 

 

 

imagereadytut89ho.png

 

Click 'ok' and the frame speed will change from 0 sec to 0,4 sec.

 

 

 

then you click the fifth frame, and set the speed to 1 sec.

 

 

 

Congratulations, you just finished this tutorial! :)

 

 

 

but now we want to see it to, and check if we didnt went over the file limit.

 

 

 

we do this by clicking File> Preview in> Internet Explorer (this can be firefox also, thats different.)

 

 

 

imagereadytut93sw.png

 

 

 

and when you clicked this, you will see some codes, and the file size.

 

 

 

Note: when i clicked it, it said 41kb, because i forgot to reduce it to 20kb. :roll:

 

 

 

Then you Save it as File> Save Optimized, it will keepon moving that way.

 

 

 

The final result:

 

 

 

bluedragonsig23il.gif

 

 

 

C/C is welcome, i hope you learned from it :wink:

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Replies 55
  • Views 5k
  • Created
  • Last Reply

Top Posters In This Topic

Thanks for that i learnt a lot from this now i can make it move :D

  • Author
Thanks for that i learnt a lot from this now i can make it move :D
thanks, that what its for :wink:

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Author

hmm... :?

 

 

 

i think i got the problem:

 

 

 

is it Adobe Imageready CS?

 

 

 

i think your using 7.0 :roll: :wink:

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

this is what the photoshop is looking like so far........

 

 

 

hang on pic mesed upp

 

 

 

edit:

 

 

 

hered8er.th.gif

 

 

 

 

 

note: i couldn't get the whole window....was glitching :( i can get the other half

Shamuuu.png

Listen to the mighty words of Bloodredsword.

Tip it MGC Xbox live leader board!

  • Author

i meen, unselect the zoom Tool, by clicking on text tool or something.

 

 

 

did you checked and unchecked all options at step nr 2 btw?

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Author

try it all over again, maybe that works...

 

 

 

its so strange, when i do it its allways there... :?

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Author

eerm red??

 

 

 

in the whole wide pic above, ur using adobe photoshop????????

 

with a strange blue feather instead of green??

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

oh i see.... i have photo shop cs2 (version 9.0)

 

 

 

u have version 8.0

 

aha new discoveries: i DO have cs2 (9.0) but i also do have the oarnge feathers. i have to bring it into an imageready then its the oarnge feathers :wink:

 

 

 

thats still confusing even to me.... :?

 

 

 

 

 

the only thing i need help with now is how the heck to save it! :oops: i now have the image map and stuff still

 

 

 

help :oops:

Shamuuu.png

Listen to the mighty words of Bloodredsword.

Tip it MGC Xbox live leader board!

  • Author

ooo, to save it, thats easy.

 

 

 

click save optimized as, then its keeps moving.

 

thanks for using my tut :P

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

  • Author

hehe no problem 8)

 

 

 

tip: you can set the first frame to Opacy 0%, and set it to 1 sec, that way

 

the text is totally gone, and fades in later :wink:

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

Nice from your part doing a tut... usefull for those who want to learn some basics of PS :D

 

GJ

 

 

 

~komodo

komododabst3cn.png
Guest
This topic is now closed to further replies.

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.