‘Signpost’ animated

The next part of the storyboard to animate was the part where all the services are displayed to show other places to go to other than A&E. When illustrating ideas, I had the idea to display it as a sign post to show a different direction you could take depending on your injury or illness. (Storyboard below; the caption below the one slide is said as the animation plans out; the idea is that the screen pans into each sign).

Screen Shot 2017-03-31 at 13.46.40Screen Shot 2017-03-31 at 13.46.45Screen Shot 2017-03-31 at 13.46.52

The first thing I did was draw the signpost on illustrator using my type and colour scheme. The name of each service was the most important part to be seen in the animation so I made the background of the signs white and the writing red. Red is a colour used for important information so with the combination of a white background it was made clear to read. I used a darker blue for the post to separate the signs.

Screen Shot 2017-04-01 at 15.17.50.png

As I began to animate this, it became clear that there was no need to zoom in on each sign if they were easy enough to read as they transitioned onto each page. I had all the signs transition from off the page onto the post and were at a slightly slower pace so that you could read it as it came onto the page.

I showed this to George and he suggested that there was no need to have the post. Instead, just make the signs bigger so that they fill the page and have them transition on the page to link together. This make’s a lot of sense because with the post being there it is leaving a lot of blank space and it is distracting to what should really be read. Watching it again, I didn’t like how each signs were going underneath each other because for that point of the animation, even though it was only a few seconds, you could not read what was on the sign. It made a lot more sense to have the signs transition horizontally from the side of the page it was placed on the page. This would make all the services a lot easier to read and will fill the page.


Screen Shot 2017-04-01 at 16.14.33.png

You can definitely see the difference with taking out the post and enlarging the signs. It looks a lot better and works more successfully in allowing the viewer to read the name of each service.


Author: ellenreiddesign

First year Graphic Communication student at Cardiff Metropolitan University.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s