Idiomorf infographics  
Look at the illustrations on this website for an overview of our work
nederlandse vertaling        
 
Interactive animations
interactive animation   aerodinamica   instruction animation   roadmap
Interior design
of a camper
  Infographic of airflow
motion around a Sail
  Instruction animation
for a PEG placement
  Cartographic animation
for realestate projects
 
  rivercurrent      
  Interactive infographic
of soil layers of a river
   
 
 
   

Animation
With this overview, we show you what is possible with interactive animations. Idiomorf infographics is specialised in translating (complicated) documents into attractive and accessible image. Quality, creativity and innovation are our basic principles.
These are projects involving scientific, medical, educational and technical processes and findings which are explained by (interactive) moving images called animations. This way your users, students or customers can easily and quickly briefed about the operation, function or maintenance of such a device, machine, using a particular medicine or explanation about a chemical reaction. This wil ultimately support selling your service or product benefit.

Interactivity
Creating interactivity in infographics and animations makes them dynamic and extra easy to use. By animating the drawing, there is less textual explanation needed: you see what happens. By adding interactive elements such as start / stop buttons, the user can choose what topics they want more information of.

There are many possibilities with these applications of our animations. Click on one of the tiles to view the whole animation. If you are interested in an animation for your website or have any questions about the numerous possibilities with these animated films, please contact us.

An animation, however abstract allways tells the viewer a story that wants to explain something. The vision is the message and go along with the animation and visual expression. Web pages owe their dynamics for a significant part of animation, moving images. An animation (or motion graphic) is a simulation of movement through the quick succession showing a series of images (frames). Each image has a separate phase of the movement shown. Importantly, the images are in a certain part are slightly different from eachother. This creates the illusion of movement against a static background. Our brains keep each image in a split second and submit the new version over the previous one. According to this principle, the mechanical devices from the 19th century (the kinetoscope, tachyscoop etc.) such that a disk with fast moving images released by turning a crank and one by a window could see the animation effect. Activities range from simple images-to-move (animated gifs) to complete interactive animation process (usually composed of Vector Graphics). That does not mean the normal video in digital form to the category of animation are included. A video recording of one movement, divided into frames, while an animation just based on the individual frames and based on this movement. In other words, there is a distinction between animation and animation as a medium and application. The latter is also used for interactive animations.

Animated GIF
This is undoubtedly the most popular form of animation, based on bitmaps. The Graphics Interchange Format (GIF) was not designed as a platform for animation, but leaves it to this technique to use. Animated gifs are the special standard that is known as GIF89a and is currently used by most Web browsers. The gifs are relatively easy to compile with graphic software. The movement can be played single or a defined in a loop. It is also possible to make transitions between the individual frames (fade out, wipe, etc.). Besides these advantages, there are also disadvantages: the files are large, the compression is moderate and there is no sound to add to the animated gif himself (perhaps a WAV file in the background so as to include web create). Animated gifs we use is therefore not handsome. A flash compression is best suited for a variety of animations for the Internet: animated logos, animated icons, the visualization of movements, a process (eg pumping of the heart) or the operation of a machine.

Educational Animations
Educational animations, where both education and information transfer stand central, a good storyboard scenario is important to organise thoughts. In any case there is any plan required before starting. Good contact with the client during an the design proces of an animation project is therefore indispensable. Just as depth in artwork may also be suggested by 2D animation. Objects overlap each other and seems to be smaller. Especially shadows may all be relevant. Motion affects the perceived size. The animator of animation process should focus not only on the motion in the scene itself, but also wonder if the camera position (so the viewer) or to remain in the same place. This is important because an animation process in terms of how a machine works or maintenance is being committed. The first films were no more than the registration of a play seen from the position of the viewer in the room. Was slowly moving camera was introduced. Translated into a 2D animation, this means that property for that reason of size or location may have changed. Remember that the situation is different for: (1) a zooming camera (larger object and background), (2) approaching object (only the object grows, background does not change) and (3) passing an object: looking out the window of a moving car appear closer objects pass faster than pulling objects farther away.  The chosen viewpoint may also have psychological implications: from the frog perspective, the world looks much more dominant than from the top. We know from television interviews that instinctively makes a difference whether someone looking at us directly or our profile and is shown: in the first case, we feel immediately addressed, in the second case we have the position of spectator. The fish-eye (following bitmap graphics editing programs) can be very evocative work, such as the representation of comprehensiveness. An important part of computer animated simulation has to do with the realistic display of interaction between objects: the spray of water when a stone falls, the bending of metal in a crash, breaking wood chopping. 2D animation is all that much easier. However, it generally possible to track a moving object definition, which may also be fickle: Flash has tweening motion along a path. But the contact between objects must be manually designed, for example by making suggestive elements that address expectations of the viewer. Cartoons often owe their charm to the imagination of the illustrator on this point: good timing with the movement of exaggeration, grotesque gestures, delaying the expected response (an object is thrown upward but does not want to fall).

Summary
When designing an animation, the end means. This involves the goal always in mind and with a variety of means to shape. Dullness and wander are both annoying. A proper balance of thought in composition and time - it differs from ordinary animation will chart the best results. While the 2D technique allows greater demands on his invention in comparison with the 3D environment in which the software calculates the effects of movements. Simple criteria for quality is not only when shown the first time but alsostill attractive the twentieth time to watch, and whether the same effect with relative simple means could have been achieved. But the most important is the capacity to be able to move into the perception of the viewer. This makes an educational animation to a success.