Blayde
07-06-2007, 12:17 PM
This tutorial shows you how to make scanlines move along.
Needed:
Patience (not an application)
Adobe Photoshop
Adobe ImageReady
First, make you userbar in PS, as i have done, and then save it in save for web as gif, highest quality (cos when you transfer to imageready, whatever format was last saved in PS will get transferred over, and it's usually jpg, non animated). You can delete the saved gif now, it's useless.
http://img267.imageshack.us/img267/9628/29061364wl6.jpg
Next, make a new layer(make everything else invisible so you can work) and fill it with white, a nd then add scanlines, at a low opacity
http://img249.imageshack.us/img249/4083/92400546fh0.jpg
Next, make a medium sized selection on the scanlines layer, ctrl+c and then ctrl+v
http://img255.imageshack.us/img255/1320/80235025sv0.jpg
Deselect selection, then select the scanlines original layer and nudge it right (ctrl +right arrow) so that it isnt touching the copied layer. After that, move the copied layer above the original scanlines layer in the layer box, and then nudge the copied layer over the scanlines original till it looks like one big scanlines layer
http://img442.imageshack.us/img442/4594/82791317li0.jpg
After this, ctrl+e while both scanlines layers are selected to merge them, then nudge the scanlines layer back till the right side is just at the edge(ie into the original position)
Make you userbar visible again and put the scanlines layer over the gradient/background but not the rest of it(unless you want to).
For black scanlines use multiply blending option on the sanline layer to remove the background color and for white, use screen or color dodge (in the drop down next to opacity) and lower opacity of either to suit the bar.
Remember the next step depends on your scanlines, whether you have a wide set, or a standard width scanlines, cos they vary
Hop onto imageready, and then duplicate the frame(dont forget to make sure all the necessary layers are visible and the opacity and effects are set). Select the scanlines layer and nudge it one pixel(ctrl+ right arrow once) on the second frame(the one you just duplicated). Again duplicate the second layer and repeat this. Keep doing this until the last frame and the first frame look like the last is one pixel away from the first (in the standard scanlines, there should be three frames, if you use a wide set of scanlines, it may vary)
for timing i use 0.1 seconds (this will also vary with the scanlines type), it works well, then save optimized as and viola!
http://img443.imageshack.us/img443/6738/69905790qg8.gif
Needed:
Patience (not an application)
Adobe Photoshop
Adobe ImageReady
First, make you userbar in PS, as i have done, and then save it in save for web as gif, highest quality (cos when you transfer to imageready, whatever format was last saved in PS will get transferred over, and it's usually jpg, non animated). You can delete the saved gif now, it's useless.
http://img267.imageshack.us/img267/9628/29061364wl6.jpg
Next, make a new layer(make everything else invisible so you can work) and fill it with white, a nd then add scanlines, at a low opacity
http://img249.imageshack.us/img249/4083/92400546fh0.jpg
Next, make a medium sized selection on the scanlines layer, ctrl+c and then ctrl+v
http://img255.imageshack.us/img255/1320/80235025sv0.jpg
Deselect selection, then select the scanlines original layer and nudge it right (ctrl +right arrow) so that it isnt touching the copied layer. After that, move the copied layer above the original scanlines layer in the layer box, and then nudge the copied layer over the scanlines original till it looks like one big scanlines layer
http://img442.imageshack.us/img442/4594/82791317li0.jpg
After this, ctrl+e while both scanlines layers are selected to merge them, then nudge the scanlines layer back till the right side is just at the edge(ie into the original position)
Make you userbar visible again and put the scanlines layer over the gradient/background but not the rest of it(unless you want to).
For black scanlines use multiply blending option on the sanline layer to remove the background color and for white, use screen or color dodge (in the drop down next to opacity) and lower opacity of either to suit the bar.
Remember the next step depends on your scanlines, whether you have a wide set, or a standard width scanlines, cos they vary
Hop onto imageready, and then duplicate the frame(dont forget to make sure all the necessary layers are visible and the opacity and effects are set). Select the scanlines layer and nudge it one pixel(ctrl+ right arrow once) on the second frame(the one you just duplicated). Again duplicate the second layer and repeat this. Keep doing this until the last frame and the first frame look like the last is one pixel away from the first (in the standard scanlines, there should be three frames, if you use a wide set of scanlines, it may vary)
for timing i use 0.1 seconds (this will also vary with the scanlines type), it works well, then save optimized as and viola!
http://img443.imageshack.us/img443/6738/69905790qg8.gif