||When you look at the logo of this site you can see as the parts of it are changing from dark blue to light-blue and back.
This is made as follows:
- We image the logo. The parts we want to change their color must be
transparent. Look at the Drawing below on the gray background its size
is 86x86 px. Transparency affords to see the background.
- Using the script we make a surface from separate elements equal in size to transparent part of the drawing.
To save resource we make elements height 68 px, width 2 px, total number 34 elements. Choose color for each one' calculated by formula, and start the cycle, which redistributes the colors in short intervals. Now we have reached the effect, we wanted.
- And, finally, we have to position the drawing over.
back to examples
3 4 5
6 7 8