Hack Forums
How to make a clean natural Animation shine/scan line in Photoshop - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: How to make a clean natural Animation shine/scan line in Photoshop (/showthread.php?tid=1728657)

How to make a clean natural Animation shine/scan line in Photoshop - Gоdly - Sep 15, 2011

(I'm not going into advance I'm not making it pretty either)
1. Make the document.
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/64057
2. Put a Background on the File (any color blacks the best)
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/9c996.png
3. Put your text
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/a402f.png
4. Get your brush or shape tool ( i like brush) and make a new layer
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/69bf2.png
5. Size it a pretty small size, not too small
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/8c272.png
Pick a new color and hold shift at the beginning of the top left of you

text and then go to the bottom left.
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/cdf16.png
6. Once done Click Window>Animation
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/e1683.png
7. Right click the brush line and click Create Clipping Mask
8. Click new layer on animation
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/fa536.png
9. Drag the line across.

9. Click the 4 .... (Tween)
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/cc64c.png
10. 25 Layers
http://speedcap.net/img/202e871a8b3542634550cef46a6a8333/161a8.png
11. Click OK and pick a timing for your animations.
12. Save it as a .gif

Result:
[img]http://i887.photobucket.com/albums/ac79/nolantaylor14/Untitled-1-1.gif[/img]



* - Dread Pirate Roberts - Sep 15, 2011

Not a bad tutorial, but I think you meant animated shine instead of scan lines?

* - Gоdly - Sep 15, 2011

Well its called both but whatever! :P lol ill change it to both

* - Brave - Sep 17, 2011

I'm stuck.. 7. Right click the brush line and click Create Clipping Mask
8. Click new layer on animation

* - Gоdly - Sep 17, 2011

(Sep 17, 2011 12:19 AM)Brave Wrote:  I'm stuck.. 7. Right click the brush line and click Create Clipping Mask
8. Click new layer on animation
Sorry, you have to right click the LAYER that you used for the brush and then click create clipping mask then create a new layer on the animation line.


* - Clones - Sep 17, 2011

This is really a very nice thread, thanks for sharing with us :)

* - Gоdly - Sep 17, 2011

your welcome man, i hope you liked the tutorial and used it!

* - Gamе - Sep 17, 2011

Maybe its just me but your images are broken. Other than that, nice tutorial bro.

* - Defuse That Trojan - Sep 17, 2011

Is it possible to create 2 lines each going in the opposite direction?

* - Gоdly - Sep 18, 2011

Game - it is you lol i can view them fine and most others too.
Defus - yes you can you just make 2 layers

* - princeofindia - Sep 21, 2011

I think you missed this, which I found out after God knows how many times banging my head on the wall.. :X

After creating the New layer in the animation area!
Go to the brush layer that you've designed.
Then "Right click" on that layer, click "Release clipping mask"..
Now drag your Brushed colour on the opposite side of the Image..
Then carry on with the step 9..!!

You forgot the RELEASE CLIPPING MASK!!!

EDIT: Thanks for the tutorial.. 🤝

* - Gоdly - Sep 21, 2011

Your welcome, but I mean't to have a clipping mask..? Your suppose to

* - princeofindia - Sep 22, 2011

(Sep 21, 2011 01:38 PM)iGodly Wrote:  Your welcome, but I mean't to have a clipping mask..? Your suppose to

Sorry, didn't get you..
Anyways leave that, you missed another point.. While saving the animation, you just can not save it as .gif file.
You'll have to go to the files menu, then select "Save for web and Devices" and then save it as .gif for animation.
Add this to the thread for newbies to avoid confusion.
Regards :)

Edit: See this is what I've made, my first animation, all thanks to you for the tutorial.. I will definitely make better in future.. :)
[img]http://i1128.photobucket.com/albums/m485/princez24/First-Animation.gif[/img]

* - Gоdly - Sep 22, 2011

:D Im glad I helped man! Hope to see you around