JSS

There’s been a lot of talk recently about WebM, the video file format developed by Google and others to try and move away from using .gifs for animations on the web. What I haven’t seen much talk about is another format from Google, WebP, P being pictures in this case: https://developers.google.com/speed/webp/

The opening paragraphs made some interesting claims about the efficiency of their format: 

WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index.

I decided to try this out.  I found some Photoshop plugins over at https://github.com/fnordware/AdobeWebM

I decided to try it out with and without transparency, and used my CSGO sticker file. 

First up is transparency, these are the first two pictures. As you can see there is no real difference in quality between PNG and WebP, but the actual file sizes showed a difference:

PNG with transparency: 3.17MB

WebP with transparency: 2.20MB

Difference = 0.97MB

% difference = 30% smaller.  Google says 26% smaller.

Now for the jpg vs WebP (blue backgrounds), I first decided to keep the file size at ~160KB to see the compression looked. You can see that the jpg has more colour artifacts and banding, like on the nose. The WebP does look somewhat blurred, you can see some of the patterns of the wooden stock on the AK are lost.

I then decided to look at WebP and JPG on high settings, which are the final 2 pictures. If I was doing this properly I would look into what settings to save each at so they were exactly the same (I think this is what Google called the SSIM index). Anyways I chose 90% quality for WebP and 11/12 (which equals 91%). In terms of image quality I couldn’t find a difference. File sizes:

JPG: 671KB

WebP: 419KB

Difference = 252KB

% difference = 37% smaller.  Google says 25%-34% smaller.

Third Children of Bodom poster, taken from the song “Next In Line”.

http://www.youtube.com/watch?v=a4sIhaEteUY

Quote @ 1:25

See the first 3 over at my Behance page:

https://www.behance.net/gallery/Children-of-Bodom-Part1/11479197

Third Children of Bodom poster, taken from the song “Next In Line”.

http://www.youtube.com/watch?v=a4sIhaEteUY

Quote @ 1:25

See the first 3 over at my Behance page:

https://www.behance.net/gallery/Children-of-Bodom-Part1/11479197

XENOGENOCIDE

See more of this project over at my Behance page:

https://www.behance.net/gallery/Xenogenocide/14150879

Thanks!

XENOGENOCIDE

See more of this project over at my Behance page:

https://www.behance.net/gallery/Xenogenocide/14150879

Thanks!

Nico Rosberg’s helmet for 2014.

Nice little thing there with the ‘-co’.

Nico Rosberg’s helmet for 2014.

Nice little thing there with the ‘-co’.

The VJM07.  The first proper image of any 2014 car, and it has to be said Force India’s livery this year looks amazing.  I’ve never really liked the white that was plastered all over the previous iterations, and as an old art teacher used to say to me, “white paper is boring paper”. 

The area around the exhaust especially, with green and white rhombus-looking shapes is going to look great. However, even with this picture it’s hard to say how the much-anticipated noses of 2014 cars are going to look, but there does seem to be a clear shadow under “-tana” sponsor…

The VJM07. The first proper image of any 2014 car, and it has to be said Force India’s livery this year looks amazing. I’ve never really liked the white that was plastered all over the previous iterations, and as an old art teacher used to say to me, “white paper is boring paper”.

The area around the exhaust especially, with green and white rhombus-looking shapes is going to look great. However, even with this picture it’s hard to say how the much-anticipated noses of 2014 cars are going to look, but there does seem to be a clear shadow under “-tana” sponsor…

It’s that time of year again when F1 begins to kick back into action over a few months, starting with the reveal of the much anticipated 2014 cars. Ferrari have put up a nice little HTML-5 mini-site for theirs, complete with all the latest trends in web design: respsonsive to browser dimensions, zooming in images with transparency, layers, smooth transistions everywhere and multiple backgrounds per page.

http://2014f1car.ferrari.com/en/
F14 T has a nice sound to it.

It’s that time of year again when F1 begins to kick back into action over a few months, starting with the reveal of the much anticipated 2014 cars. Ferrari have put up a nice little HTML-5 mini-site for theirs, complete with all the latest trends in web design: respsonsive to browser dimensions, zooming in images with transparency, layers, smooth transistions everywhere and multiple backgrounds per page.

http://2014f1car.ferrari.com/en/

F14 T has a nice sound to it.

And another for this classic:
http://www.youtube.com/watch?v=99QMepBo0hw

And another for this classic:

http://www.youtube.com/watch?v=99QMepBo0hw

A quick poster I came up with from the song Transference:
Children Of Bodom - Transference

A quick poster I came up with from the song Transference:

Children Of Bodom - Transference

See more of this project over at my Behance site: 
http://www.behance.net/gallery/Scuderia-Ferrari/10775257
Thanks.

See more of this project over at my Behance site: 

http://www.behance.net/gallery/Scuderia-Ferrari/10775257

Thanks.

Work in progress of an upcoming project.
Throughout the 2 years of college my use of Adobe Illustrator to create artwork was limited, only really when directly required to use it.  Now that I have some more time I’m beginning to make better use of it. 

Work in progress of an upcoming project.

Throughout the 2 years of college my use of Adobe Illustrator to create artwork was limited, only really when directly required to use it.  Now that I have some more time I’m beginning to make better use of it. 

See more from this project at my Behance site:
http://www.behance.net/gallery/UKPIA-Identity/10246679

See more from this project at my Behance site:

http://www.behance.net/gallery/UKPIA-Identity/10246679

UKPIA launches process safety initiative:  Assuring Safety - Leadership in Process Safety

More on ‘Sector Level Process Safety’.

squareddesign:

Aku Aku from Crash Bandicoot
A follow up on that Teensie illustration I did earlier today.

Following on from my previous post about beginning to use Adobe Illustrator, here’s a very professional illustration that you could mistake it was made in a 3d modelling program…but I just guess it’s a great use of the gradient tool to get lighting/shadows right.

squareddesign:

Aku Aku from Crash Bandicoot

A follow up on that Teensie illustration I did earlier today.

Following on from my previous post about beginning to use Adobe Illustrator, here’s a very professional illustration that you could mistake it was made in a 3d modelling program…but I just guess it’s a great use of the gradient tool to get lighting/shadows right.

Fissile cereal box shots.

'Fissile' is a cereal based around a mysterious new element discovered on a moon of Jupiter. 

The premise is around the cereal being like an atom undergoing nuclear fission. As someone bites into the cluster, they split it open, akin to an atom being split in the reactor to provide massive amounts energy. This is where the tag-line ‘PERPETUAL POWER’ fits in, selling the idea that breakfast is important and provides you with the necessary energy for the day in a new and fun way.

See more over atFissile - Cereal Branding and Advertising

High resolution:

Front/Back

Side and Top/Bottom