Subscribe Via RSS

3927 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Animated Shine Effect Tutorial

September 26th, 2007 in Photoshop Tutorials by Richard Carpenter

Animated Shine Effect Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars14 Votes, Rating: 4.29
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.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

21 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.

  17. mohssin says:

    merci boucoup :)

  18. EvO says:

    This is just was i was looking for.
    Good job~!~

  19. Leslie says:

    Fantastic! I’m quite the novice at Photoshop and this helped me do *exactly* what I wanted. Thank you so much. Unbelievably helpful.

  20. zia says:

    i need help wiith this i go by the directions but i cant get and it wont work plz help me

Leave a Reply