The name's Animate, Edge Animate...

-
I enjoyed some geeky fun this week building a James Bond interactive graphic for work. We've been dabbling with Adobe Edge Animate for a few months now, trying to get our heads around a slightly different approach to web animation. For non-nerds, Edge lets you make animations (that work on PCs as well as iPhones, iPads etc.) that are not built in the rapidly fading Flash application.

(Click to enlarge)

My interactive looks at where Bond's missions have taken him around the world in 23 movies and will be available on the front page of Graphic News' website for a few days, as we near the 50th anniversary of James Bond and the release of Skyfall.

(Click to enlarge)

On the Graphic News website, click on the "50 years of James Bond" heading and then the "MOVIES: James Bond film locations iGraphic" link (1), followed by the "Play" button (2) on the right.
(Click to enlarge)

If that all sounds like too much hard work (or the Bond story is now old and gone from the front page), clicking here should take you right there.

Subscribers to Graphic News can of course publish our interactives on their own websites as well as change the copy and otherwise edit them to suit their needs.

Comments

Post a Comment

Popular posts from this blog

Chapel isometric cutaway step-by-step...

-
Image
   As part of a  Graphic News  package ahead of the UK royal wedding of Prince Harry and Meghan Markle, I was tasked with creating an isometric cutaway diagram of St George's Chapel within the grounds of Windsor Castle.    It turned out to be one of the most challenging illustrations of my career and took eight days to complete. There was not a great deal of good reference out there, so I had to mostly make do with satellite imagery, copies of old plans, a couple of interior 360° panoramas and tourist photos. The following 100 screen grabs show how I created it using Adobe Illustrator  (images can be enlarged by clicking on them) . Step 1: Gather the most reliable research material Step 2:  Draw as accurate a floorpan as possible — everything else depends on this being right Stage 3:  Fold it into an isometric plane (strictly speaking this is not true isometric but an angle of my own liking) ...
Read more

How I cutaway the Xbox Series X...

-
Image
I should point out from the get-go that this is an Adobe Illustrator illustration and not an exact CAD model or precise render of the inner workings of the upcoming XBox Series X games console. Think of it more as an indication of how it works, based on the best publicly available images from Microsoft. It was a relatively tricky graphic to do and had some quite fiddly elements to create in 3D. Here is the abridged process in 10 screen grabs. The images can be enlarged by clicking them, if you wish. I begin by taking some screenshots from the XBox website that show the console's innards. I skew one image into an approximation of a flat, face-on viewpoint and proceed to draw components. These are the elements laid on top of each other – making sure they all fit together. Time to extrude elements into 3D shapes, using reference photos from the XBox website. All the, now 3D, elements laid on top of each other – making sure they still fit together. Now to work out how to pull them ap...
Read more

An unfortunately timely reminder...

-
Image
It's sad when a portfolio graphic is on a topic as ghastly as 9/11, but sometimes they are and sometimes they become timely again and should be dusted off and aired once more. Published August 21, 2002 I did this one for Reuters almost a year after the attack, when investigators had had a chance to decipher what had failed so terribly with the construction of the World Trade Center twin towers. I remember it being a very time-consuming graphic as I wanted to get every detail (as was known then) correct to the best of my ability. –––––––––––––––––––––––––––––––––––––––––––––––––––––– Eleven months earlier, on September 11, 2001, I had been doing a rare light feature graphic for Reuters – most of their topics were of a more serious nature, but occasionally we were permitted to do something less hard-newsy. Mine that day had been a graphic intended to show the benefits of a new video game console that was about to launch. It was about 2pm in London and I was just sta...
Read more