About the Challenge
I decided to try and include these qualities – excitement and mystery – into my demo.
What should the learner paint? I asked myself. After some thinking, I settled on getting a ‘brand’ painted.
Then I proceeded to make the colour palette, the brush, and the canvas. All these three images were created in PowerPoint. I decided to give all the three objects a touch of realism by adding colour gradient, shadows and bevel effects.
The idea was to make the learners drag the brush a couple of times and reveal the image quadrant by quadrant. Post its implementation, the idea, however, looked quiet drab.
Convinced that my tweaked idea was viable, I got down to create the hazy and the clear images. Usually, I edit my images either in PowerPoint of Paint; however, for editing these images I chose free raster graphics editor named GNU Image Manipulation Program (GIMP). In fact, I used the ‘Blur’ tool and the ‘Fog’ filter.
I changed the state of all the images that made up the Yahoo brand to hidden. I then created a number variable called ‘Count’ having the value zero. I also made a hotspot and placed it over the canvas image.
- Every time the brush passed over the hotspot, the value of ‘Count’ increased by one.
- Once the value of ‘Count’ exceeded a pre-determined level, the state of one quadrant would change, and it would become visible to the learner.