Icon designer Kevin Andersson » PSD

iTunes 10 icon, fully editable PSD file

Kevin Andersson — Fri, 03 Sep 2010 09:23:54 +0000

Apple iPad fully editable PSD

Kevin Andersson — Fri, 29 Jan 2010 14:55:23 +0000

Apple iPad
Fully editable Apple iPad in PSD format. Every element you see is editable via vector masks. Everything is scaleable.

PSD: Quicktime X, OS X Snow Leopard version

Kevin Andersson — Mon, 15 Jun 2009 21:47:36 +0000

I made a small (1024 x 1024px.) remake of the new Quicktime X icon, for you to study and have fun with

PSD: Making it scale

Kevin Andersson — Thu, 28 Aug 2008 17:15:24 +0000

When designing icons you will often have to make them avaliable in different sizes. Usually 512×512, 256×256, 128×128, 64×64, 32×32 and so on. Scaling your icons from 512×512 to 256×256 is often ok, but as soon as you go into the really small sizes you get into trouble. Your high resolution details just won’t work on the low-resolution versions. So, here’s a quick tip on how to make your smaller sizes look a tad more crisp.

Basicly it boils down to pixel to pixel ratio when you scale your art down. Say a 8px line your 512×512 icon down to a 64 x 64 px icon. What happens is, that your 8px line becomes 1px wide in the 32px version. That’s pretty straightforward. Scaling it further down, say to 16 x 16px you will get a pretty muddy result, as your 8px line, now has to be divided by 2 again.

The thing is, if you made your initial document right, it’s pretty easy to get past this problem. What you do is, that you increase your layer-styles sizes with the the multiplier you scale down. So, if you have 1px outline, and you want that outline to stand out when you scale down, you just multiply it with the amount of times you scale you illustration down. 1px in 512x512px becomes, 1px in 32x32px if you make it 8px wide in the high resolution.

This doesn’t always work though – but a lot of times it will.

Another good idea is to keep a grid in the background of your artwork, for pixel position reference. Attached in the PSD you will find a 8x8px grid file – which you can make into a pattern, and apply to your backgrounds; this works perfectly with your 512x512px document

PSD: Font extrusion

Kevin Andersson — Tue, 26 Aug 2008 20:30:06 +0000

I really really adore Jonas Rask new iconset PRY. After looking though the icons tonight, one of the icons really caught my eye. Jonas take on the fonts icon is really slick, so I decided to figure out how he made it.

In this case Illustrator is a real dealbreaker if you want to get the perspective right. Illustrator has this nice 3D Extrude & Bevel effect, which is perfect for this specific task of creating depth to a complex object. Look at the example below. Times new roman, 3D Extrude & Bevel effect – and you got your starting point for your vectors for photoshop

Check out the rest in the PSD file – and give me a poke with a stick if you want any further details on the creation process

PSD: Polaroid revisited

Kevin Andersson — Wed, 02 Jul 2008 16:28:17 +0000

People seems to like my old polaroid illustration. As it was one of my first releases I never gave it any thought. But a few days ago I was checking what people looked at here on the blog, and surprizinly it was the polaroid photoshop PSD file, and it has been downloaded, uhm, a lot. I had a look at the old PSD file – and I must admit it’s pretty messy

So, now I decided to make revisited release of the Polaroid illustration. Basically it’s made from scratch again, and I added some minor tweaks to it as well. The PSD includes two versions, a slanted one and a straight one. I also added some adjustmentlayers, which ofcourse can be turned on / off.

I hope you enjoy the re-release of Polaroid. (Download PSD file)

PSD: Mobile Me buttons

Kevin Andersson — Wed, 25 Jun 2008 16:13:07 +0000

I read a post on Macthemes regarding mobilie me, and I decided to make a small mockup of what I think is the styles used on these buttons. Download now

Free for personal use as usual (please remember to credit me, and add a small link to my blog). For any commercial use please contact me.

Icon: NES retro PSD file

Kevin Andersson — Tue, 16 Oct 2007 07:00:46 +0000

For the ones who like to play around with other peoples PSD files, here one for the NES controller.

Polaroid Photoshop Vector Illustration (download)

Kevin Andersson — Thu, 30 Aug 2007 17:51:22 +0000

This illustration has been updated. Click here to see the new version.

Heya. If you’re interested i just made this polaroid template Photoshop. It’s complete with layersets, effects and masks. Click the image below to download it.

(PSD packaged as ZIP)