Rationale

My aim was to design and compile an interactive piece that systematically describes a process, event or documents a series of steps.

For my infographic I chose to utilise knowledge that I already had with digital artwork, and gain more in the process to explain the stages of how I create my work. The intention of this was to hopefully inspire people to give digital painting a when they see that it is interesting and interactive.

To achieve this I created a linear timeline that stopped at each frame to allow the user to interact and explore each stage before moving on. I wanted them to be able to see the effects of each step so I designed the image to show what was added while providing more information when the cursor overs over it. There is also a navigation bar at all times at the bottom to allow the user to skip forward or go back whenever they wanted. The final frame is a full sized comparison of the final painting and the reference image to clearly show what the final result was.

After the suggestions at the presentation I could have improved the infographic by adding more graphic elements, specifically to the introduction page.

Flash

You can see the flash for yourself here

If you want to see the speed paint of this piece or others like it click here

Content

I have been adding tips and facts relevant to digital painting, such as the importance of adding lights to eyes for them to become more realistic.

Stucture Complete

The first frame is complete along with the basic structure of the timeline, now it just needs to be filled and polished.

Layers

Each layer of the portrait is in a separate re-sized jpg ready to be placed in the infographic.

Interaction

I want every frame to have some sort of interaction, so there will be scroll over functions for the main image, where if the mouse hovers over, it will show what was added at that stage, and some relevant information about it.

At the last stage when the image is completed, I want the final frame to transition to a large side by side comparison with the reference image and the digital portrait.