Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Simple Animated lcd Visualisation

Simple Animated lcd Visualisation


Hi there, another tut from me, this time we gonna make a simple lcd visualisation.

Open your previously made LCD display, or make one now (if you don't know how to do one, there's many tuts about it on www.webdesign.org).

I gonna use a simple lcd display:

Click to enlarge
Click to enlarge

Now I duplicate the base layer (named lcd on my screeny), and cut out the area where i want my visualisation to be.

Click to enlarge
Click to enlarge

Make a new image with the same height as the cut out selection, but the width of it should be 2x-3x time wider (and transparent background).

Now get a digital font and fill your layer with dots or lines in the color of your choice.

Like this:

image 3

Now grab your Rectangular marquee tool, and delete the dots/lines as you want your visualisation to go like.

image 4

Now grab this layer and pull it to the other image, position it between the lcd and lcd copy layer.

Click to enlarge
Click to enlarge

Now jump to imageready, click on the "duplicate the current frame icon".

Click to enlarge
Click to enlarge

And drag your visualisation layer from the beginning to the end. Then click on tween. Save optimized as in gif format.

That's it!

This is just a simple explanation, be creative add text, effect to the visualisation and so on.

Simple Animated lcd Visulation Tutorial: Final Result

Hope you found this tut usefull.



Author's URL: Kaoru
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Simple Animated lcd Visualisation"

Only registered users can write comment

No comments yet...