Animated Shine Effect Tutorial

Posted On September 26th, 2007 In Photoshop Tutorials

Animated Shine Effect Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars12 Votes, Rating: 4.17
Loading ... Loading ...


Start off with your image you want to add the shine effect to, im going to use a signature i prevously made in another tutorial. select the “text tool” and write your text best to use a darkish color im going to use a greyish gradient color. like this.

Create a new layer then select the “polygonal lasso tool” and make a selection like this.

Now select the color white as your forground and select the “gradient tool” then select the color white to transparent in the gradient options.

Now start from the right click and drag towards the left like this.

Now with it still selected press “CTRL + X” to cut the selection and delete the layer u created, now while pressing “CTRL” click on your text layer to make a selection like this.

Now with the text later selected press “shift + CTRL + v” which will paste into the text layer, you should have something like the image below. Now your ready to add the animation so click “file > edit in image ready” OR “shift + CTRL + m”

Before we start make sure you got the animations window open, to check see image below

You should have 2 tiny images in your layers pallette on layer 1 make sure the one on the right is selected.

Now move the white gradient all the way over to the leftso it cant be seen, see image below.

Now click “duplicate current frame” in the animation timeline window.

You should now have 2 frames, with frame 2 selected move your white gradient to the other end of your image.

Now click frame 1 and click the tween button.

You will get a new window popup its pretty straight forward just use my settings.

Now you will see more frames have been created, thats your animation, you are now ready to save so click “file > save optimized as” and save to your hard drive you should have a little animation like below.

Stay Connected...

Subscribe Via RSS

Subscribe Via RSS

Subscribe Via Twitter

Subscribe Via Twitter

Subscribe Via E-Mail

Subscribe Via E-Mail

16 Responses to “Animated Shine Effect Tutorial”

  1. wedhaaf Says:

    thanks for this animation tutorial. It’s really help me out a lot.

  2. MELVEN Says:

    your tutorial is so great it help me alot in design webpages thanks . .

  3. ArtGDen Says:

    Cool & nice text effect..)))

  4. Ezakes Says:

    Thats a wonderful tutorials ! Keepup the good work ..

  5. Corey Says:

    I can’t seem to understand the part of the forground and stuff.. someone please.. messAGE ME..

  6. MATHAN Says:

    sorry mate I can’t do the animation……!!!!

    I’m stuck at the “Now with it still selected press “CTRL + X” to cut the selection and delete the layer u created, now while pressing “CTRL” click on your text layer to make a selection like this”

    Please someone help me !!!!

    Anyway it’s cool animation

  7. stooopid Says:

    how come i cant select my text? im having problem with it..wen i CTRL+click the text.. it seems its not selected.. pls sum1 help me..

  8. Aujinz Says:

    That’s amazingly easy than I thought!
    thanks!

  9. Ralph Says:

    Always wanted to do that with Photoshop instead of Flash…Thanks,Great Tutorial.

  10. Stephan Says:

    Very nice man, was looking for hours for a tutorial like this!

  11. arjunaweda Says:

    thank u very much… i really desperate looking this tut, finally i found hv-design…great job! GBU

  12. Addy Says:

    thanks..i have search very page..
    to tired :) hoho finally i find at you web :)
    thanks.

  13. Azhar Says:

    waw
    good good
    thank you

  14. ONi Says:

    Thanks mate. I used it to add the effect to an img and to text in a gif.

  15. reezluv Says:

    hye

    thanks for the tutorial..I’ve search for this..thanks

  16. chris paul Says:

    it’s a good tutorial. not VERY easy to follow, but i managed.

    The text effect is cool and i use it a lot.

Leave a Reply

Name:

E-Mail:

Website:

Your Reply:

search

Learn more about advertising with us.

write for us

Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More

Learn more about advertising with us.

Recent Comments