Step by Step

The step by step option was originally located under the assistance tool when the user selected the assistance it then appeared underneath the tool.  We altered this due to the fact that we wanted the step by step function to be available to the user at all times when they were drawing as this is the main feature of the site, allowing the user to draw in six easy steps that they are comfortable with.  We added a nice animation to the steps so that once the user selects an image to draw they appear at the bottom of the drawing area one by one as if they are walking on to the screen.  As you can see there are two other buttons located either side of the steps, these are an exit button allowing the user to remove the image they are drawing for good and will be prompted by a message to warn them.  The other on the left hand side is a re-size tool for the image, this allowing them to make the image they are drawing smaller being able to place it in a corner or to the side so they can draw the illustration without tracing it.  As you can see there is a slight tint/glow to the buttons so if they appear on the background due to the size of the users screen resolution.