Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

New Simple "Radar" animation [TUT]

I wasn't sure it was worth a tutorial, but I got some good reactions to my thread here:

https://hackforums.net/showthread.php?tid=2679162

So i'm going to write a quick tutorial on how I did it.

I used some regular text with an inner shadow that I liked, and started playing with animations. Here is how I made this one.

So basically, I got the frame by frame animation window opened,

Window > Animation

And then, on the first frame, I put the regular text and added a Gradient Overlay. But instead of linear, set it to "Angle" and at a 90 degree angle. Put the scale very low, and choose any gradient you wish. If you want a radar like animation, maybe use a shade of green.

Now, create a new frame, and all you have to do is change the degree to -90. After that, simply have the 2nd frame selected and click the Tween option, and choose as many frames as you want (The more frames, the longer the animation)

And then you're done. You can go more in detail and add some red dots on low opacity in some of the frames and set them to fade to create an actual "Radar" animation, but that's optional.

So that's how I did it. Very simple yet clean animation that I think is unique to this community. Enjoy.
Thanks for the guide, pictures would make this tutorial EPIC.
Very awesome guide. I plan on using it btw. Thanks
I'll add pictures when I have time later.
Thanks for the tut was great, but when I play the animation, after doing 90 to -90, it jumps straight back to 90, which doesn't look very good. How did you get yours to do the revolution?

EDIT: Nevermind, added another frame and set it to 90 and tweened it with previous.
heres mine :D thanks for the tut btw
[img]http://img641.imageshack.us/img641/7008/radarxh.gif[/img] i have no idea why it looks at white and strange outlined :s can gifs be transparent? or do i gotta make the background like hfs color 33?


okay, im new to ps animation, but here we go :)
[img]http://img694.imageshack.us/img694/9458/radar2l.gif[/img]
For those that aren't familiar with animations, if you get a white outline and it looks kind of low quality, save it "For web and devices" and in the options, it says "Matte". Change that to #33 33 33. (Get rid of the spaces)

Thanks.
ty ashes, but i just saved it on hf background color :)
Really nice, will do this soon. Will show the results once done.
Thanks for the quick Tut. I'll make sure to use this ^_^
Thanks for the tutorial. Would be useful in the future.


Possibly Related Threads...
Thread / Author Replies Views Last Post
by NeverestAug 21, 2017 12:17 PM 5 271 Aug 21, 2017 12:17 PM
Last Post: Max_Lietz
by ๖ۣۜLuxuryFeb 10, 2016 11:02 AM 44 1,683 Feb 10, 2016 11:02 AM
Last Post: ClickRio
by Peaky BlindersJul 26, 2014 05:02 AM 6 570 Jul 26, 2014 05:02 AM
Last Post: shadowwclone