Mike Afford Media BLOG

Latest news, observations, and the occasional comment


BBC Weather Symbols – The Return

BBC Weather beta site

BBC Weather beta site

I was pleased to get contacted a little while back by the guy in charge of the BBC Weather website – among other things he wondered if I’d seen the new beta site, and the fact that the BBC Weather Symbols were making a return. For some reason it feels like the symbols have been gone for ages, but they’ve really only had about 3 years in the wilderness (they’d lingered on the BBC website for a few years after the 2005 relaunch, and only got replaced on the 2008 beta site).

And there they are – back again, just like an old friend!

By the looks of things they’ve had to be tweaked a bit to cope with appearing on white backgrounds, so they have made two sets depending on the background colour. Consequently white clouds appear as grey clouds from time to time, depending on where they sit. I’ll be honest – I think that’s a bit of a shame, and particularly problematic over that map, but hey – they’re such classic icons that it’s just nice to see them back. And it is a beta site after all, so I’m assuming it’s still very much ‘work in progress’.

For the true weather symbol fans, it looks like there’s a new icon for ‘drizzle’ that didn’t appear in the original set (it always used to be single raindrop, same as ‘light rain’ – now it’s a sprinkling of tiny dots). Other weather types like ‘fog’ and ‘mist’ look like they’re staying as plain text.

weather symbols (night)

weather symbols (night)

Also, and a bigger departure from any of the previous symbol ‘relaunches’, they seem to have introduced a complete night-time set with a crescent moon. Funnily enough, I did exactly the same when I designed the first of my own new royalty free weather icons a few years back, and the BBC team seem to have chosen an almost identical moon phase to mine.

Nice one!

Anyway, there they are. And a very welcome development too.

As always, I’m sure the BBC Weather symbols remain the property of the BBC and they would be unlikely to allow their use elsewhere (although I’ve come across several places where they are being used fairly indiscriminately for profit).

But if you are looking for similar ‘classic’ TV-style weather icons maybe for iPhone or iPad apps, or websites of your own, and you don’t want to risk copyright infringement, then I have an ever growing range of royalty free symbol sets available for download. The ideal guilt-free alternative to ‘borrowing’ the BBC ones.

Oh, and if you’re looking for the ideal Weather Gifts for Christmas – why not check out the range of classic weather symbol t-shirts and hoodies – there’s something for men, women and kids over at the ‘Classic Weather Icons’ Spreadshirt store. You can choose from a range of symbols and also choose the colour of your t-shirt or hoodie. Great fun!

weather gifts


MxV Golf – Teaser Video

Here’s the recently completed promotional video for the MxV1 – a revolutionary putter with a curved surface that matches the diameter of the golf ball ensuring a perfect hit each time.

The MxV1 Putter is based on the principals of Newton’s Cradle (MxV = mass x velocity = momentum). read more »


Seamless looping weather symbol animation using Trapcode Particular, jQuery, and Spritely

A few weeks ago I had to produce a set of bespoke animations based on my ‘old-school’ weather symbols for use in an app – each as a single sheet of individual frames that could be cycled through within the app.

Anyway – it got me thinking about the (‘new’) BBC weather icons I designed back in 2005 and whether I could produce a similar set of my own with more realistic weather effects using proper particles and then animate them somehow on a web page without resorting to animated GIFs…

With any luck you’ll be able to see a little ‘light snow showers’ icon looping away on the left there.

For anyone interested, I’ll quickly explain how it’s done… read more »

4 Comments

Latest Weather Symbols

UPDATE (February 2019): I just noticed this post is rather out of date now. Since I originally wrote this, ‘Window on the Weather’ has been discontinued, and Weather icon Set RE-01 has been replaced by a brand new set of Realistic Weather Icons. I’ve removed all the old links, except those that point to the latest version.

This is the latest version (RE-02):

weather icon example snow showers

Complete set of weather icons

92 weather conditions
PNG format (128×128 pixels)

Price : €20
Add to cart

There is now also an animated version, where every weather icon is supplied in animated GIF format (you also get each one as a PNG image sequence!). And more recently we added the complete original artwork for each animation at its original size (full HD 1920×1080 pixels) as image sequences in lossless PNG format. You can see a small (static) preview of all the different weather icons in the image below.

World Weather Icon Packs


UPDATE (July 2013):

Since writing this the ‘Window on the Weather’ set has been discontinued, and some of the other icon sets have been renamed and updated. Symbol Set 6 is now Weather Icon Set RE-01 and now comes as a complete set including FOUR different sizes of every image. I’ve also replaced the preview image in the original post below to reflect the new name.


Original Post (September 2011):

I recently had a request for a special version of the ‘Window on the Weather’ icon set – basically the whole set, but without the window frame, and at a larger size. So it made sense to adapt the original artwork for Set 4 to produce a brand new weather collection (Set 6!).

Weather Symbol Set 6 comes as a full set of 42 icons, plus 10 bonus alternative icons (more on that later).

They are saved as PNG images at two sizes. Firstly there’s a set at 64×64 pixels which makes them useable from the word go. But for the first time I’ve also included a complete set at the original size (512×512 pixels) – these can be used as backgrounds, or scaled down to whatever size might be needed.

They cover the usual types of weather, and I’ve also included 10 alternate ‘night-time’ symbols without the crescent moon showing, just in case these need to be used in conjunction with real moon-phase data.

Incidentally, the clouds featured in this set are 100% Irish! (The clouds that I used for the original BBC Weather icons when I was working back in London at the Weather Centre were from photos I took in Surrey..)

Anyway. These new weather icons are available to download now. Enjoy!

realistic weather symbols


Weather T Shirts

Weather T Shirts

Weather T Shirts

A variation on the famous Keep Calm and Carry On poster – this new T-shirt design features a classic winter snow weather icon with the slogan Keep Warm and Carry On.

It’s just part of a new range of ‘weather icon’ inspired T-shirts and clothing available now at our Spreadshirt Store Classic Weather Symbol T-Shirts.

And it’s the ideal Christmas gift for the Weather fan in your life…!

See also the ‘Keep Cool’ summer version with a classic sunshine icon. I know that summer’s over now, but the ‘Keep Cool’ T-Shirt would still look great wedged between a couple of hot and sweaty commuters on a packed District Line tube during rush hour.


Little Howard – Final Episode

Little Howard Awards Show

Little Howard Awards Show

The final episode of Series 3 of Little Howard’s Big Question is on this afternoon – BBC One 4.30. It’s the ‘Little Howard Awards’ show – so basically another excuse to show all the best bits from the series.

Oh, and there’s also some dancing ants.


Little Howard, Lady Gaga and a massive pork pie

Little Howard BBC One 4.30pm

Little Howard BBC One 4.30pm

A quick reminder about today’s episode of Little Howard’s Big Question (4.30 BBC One). It’s called ‘Where is Big Howard?’ and features a guest appearance from Lady Gaga. And a massive pork pie. It’s also got some bloke who claims to be Big Howard but clearly isn’t.

Confused? You might be. Just as confused as I was when trying to composite a cartoon boy behind a glass screen with writing on it which had to be replaced by some different writing and then have a woman wearing a lobster on her head wander around in front of it.

Anyway, to find out what the gibbing flump is going on you’ll just have to watch BBC One at 4.30 this afternoon.

In the meantime, here’s a couple of customary sneak peeks.. read more »

1 Comment

Newton plugin for After Effects – Pinball simulation

Here’s a little test of Newton – the physics engine for After Effects (almost a snip at €179 from motionboutique.com).

I wondered how easy it would be to build a quick pinball simulation – so I threw together some pretty crude shapes in Illustrator, pasted them on to an After Effects layer and let Newton do the rest. It automatically splits each mask on to individual layers (if you choose to) and allows you to set all kinds of properties for each object (friction, bounce, angular and linear damping etc).

I did cheat the flippers a bit, which in the original project were just flapping about like crazy using wiggle expressions. Tweaking them for the few collisions is the only post-Newton fiddling that’s gone on. Oh, apart from tilting the whole thing in 3D and putting auto-orient towards camera on the ball. The important thing here is that the motion of the ball is entirely automatic and probably next to impossible (or at least mind-numbingly tedious) using traditional keyframing.

Anyway, here’s the result.
watch video…

2 Comments

Free Weather Icons – wind symbol and arrows

Free WIND add-on pack

Free 'WIND' add-on pack

UPDATE (July 2013):
I have recently updated a number of icon sets to include loads of extra weather conditions which include windy, hurricane, tornado, blowing snow, blizzard and many more. I have also withdrawn the old animated GIF set. But I have left the Free Wind Pack in place just in case anyone is still interested in the arrows, but the classic TV style weather icon packs 1 and 2 now include ‘wind’ as standard. I have updated some links in the original post below to point to the new updated URLs.

Visit the store and check out the complete range of updated Weather Icons

ORIGINAL POST (July 2011):
read more »