Mutiara Kata

Orang yang bahagia itu akan selalu menyediakan waktu untuk membaca kerana membaca itu sumber hikmah menyediakan waktu tertawa kerana tertawa itu muziknya jiwa, menyediakan waktu untuk berfikir kerana berfikir itu pokok kemajuan, menyediakan waktu untuk beramal kerana beramal itu pangkal kejayaan, menyediakan waktu untuk bersenda kerana bersenda itu akan membuat muda selalu dan menyediakan waktu beribadat kerana beribadat itu adalah ibu dari segala ketenangan jiwa.

Sunday, February 17, 2013

Tutorial: Simple Shine Effect


Today I'm going to teach you how to add a simple shine effect to your sig.
(Sorry for the low quality images, I had to optimize them so that I can upload it faster. My internet is slow
)
Simple Shine Effect-glossy-sig.gif

I'm going to skip the actual signature design, we are focusing on the shine effect animation that the sig has.
To get the Glossy effect please refer to GraveDigger 's tutorial: Glossy effect with CS5

1. Get the Type tool and enter your desired text.

2. Make a new layer above your sig (Ctrl+Shift+N) and name it "Shine", then fill it with White.
Simple Shine Effect-tut2.jpg

3. Now get your gradient tool.

  • 3.1 Black to transparent gradient
  • 3.2 Reflected Gradient
  • 3.3 Mode: Normal, Opacity: 100%, Reverse

Name:  tut5.PNG
Views: 285
Size:  3.7 KB

4. Now make a small vertical gradient like this:
Simple Shine Effect-tut3.png

5. Drag it to the sides to cover the transparent layers with black using paint bucket tool. We are still at the Shine layer.
Simple Shine Effect-tut6.jpg

6. Right click "Shine" layer and click "Create Clipping Mask". After that you will see the gradient in your name
Simple Shine Effect-tut7.jpg



7. After that, we now proceed in the effect that will give us the shine. Drag the gradient to the start of your name.
Simple Shine Effect-tut8.jpg

8. Bring out the Animation window by clicking Window>Animation

9. Select Frame 1 and click "Duplicate selected frames"

10. Drag the gradient to the end part of your name. Giving it more space will make the animation without the shine a little more realistic.
Simple Shine Effect-tut9.jpg

11. Ctrl+click the two frames so that it is selected and click "Tweens animation frames".
Name:  tut11.png
Views: 266
Size:  7.6 KB

12. Input 10 frames to add, or what suits your taste. I put 5 to mine so that it is faster.
Simple Shine Effect-tut12.jpg

13. You can add more blank frames to the end of the shine effect to make it longer. This is how the Animation window looks now.
Simple Shine Effect-tut13.png

And now you have a little something like this.
Click image for larger version. 

Name: glossy-sig.gif 
Views: 278 
Size: 112.9 KB 
ID: 40902

TIP: If you are working on a light-colored text, invert the color of the gradient in the "Shine" Layer.

If you have questions, don't be shy to ask. I'll be more than willing to help.

This effect is not delimited to gradients only, your creativity is your limit.
Thanks for taking the tour to my tut!

No comments:

Post a Comment

Komen la apa yang patut. Kalau suka "LIKE". Thanx

~This Page Best view with Firefox n Chrome~