Realize Icons, Custom Images + More

[rnksols]

As many of you know I am a huge proponent of the "Realize" Icons, and as such have been involved in creating and editing icons to be "realized" in the "Realize Everything I have Collected" Thread.

With the huge demand I have opted to set up a dedicated site with all of the icons, as well as Custom Edge Icons, Airport Images, Masks, Badges, SMS Baloons etc.

The site is iDesign Studio - http//iphone.safe-host.co.uk

As per the thread I will continue to work on custom graphics and am happy to help in anyway I can. I am happy to do requests for you, as I have been doing.

I would like to take this opportunity to thank al those who have contributed to the thread, and have helped out others by doing custom icons for them. I haven't designed all of the icons, there are some from a collection of sources, so KUDOS goes t all original designers. Thank you for your work.

Hopefully you guys will find the site useful, and it will be updated regularly, with more areas of customisation being covered.

Any an all comments and request are welcome.

Hope you like it.

TJ

[darngooddesign]

So if you use our icons, do we get a cut from your Google ad revenue?

[rnksols]

How bout we share the kudos and sense of achievement instead??

Even tho that don't pay the bills lol.

[iFilipino]

What about a screenie?

[rnksols]

Screenshots...

[99991111]

i'm not programmer. how can i do? i want to get icon for my iphone. and how to mod icon myself? please.

[rnksols]

An HTML hosted version of this Tutorial is HERE


Realize Icon Tutorial:

First off you need 3 things,
- An image you want to "realize"
- "realize.png" <------- HERE
- Photoshop or suchlike

Step 1: Select the images that you want to open, in my case 1.png and realize.psd, right click and open them with Photoshop.


The images will then be open, and you should have something that looks approximately like this.


Step 2: Resize the image you want to realize, so that it fits appropriately over the icon template, in this case 60x60 is the best fit, as is quite common. To do this go to Image -> Image Size.



Step 3: Using the arrow tool (top tool on toolbar) drag the image onto the template psd file. The results should look like this.



If you look at the template you should be able to see how the image fits, and realign to suite your taste. The properties bar at the bottom right hand side show that the new layer (layer 1) is entered between the "stuff" and "highlight" layers.



Step 4: You then want to drag the little box on the "stuff" layer onto the layer with your image. As below.





You should them end up with something that looks like the below image. Notice everything outside the edge of the icon, has been made transparent.



Step 5: Go to File -> Save As



Step 6: Select PNG from the Type/Format list



Step 7: Name it whatever you want, but the suffix should be .png



VOILA!! You now have a saved and ready to use "Realized" Icon.



Hopefully this was easy enough to follow, and I hope that you find it helpful.

Enjoy!

TJ

[99991111]

thanks, i'll try

[rnksols]

Updated to add more badges, thanks to aspirine for the contribution.

[rnksols]

I have updated my site to include both the standard tutorial and now a VIDEO tutorial on how to make realized icons.

Please check out the video ---> HERE

Enjoy

[dsapp22]

realize the default notes & contacts icons

thanks in advance

[darngooddesign]

That stuff has already been created, or do you just want a Realize version of the stock icons?

[thetonyclifton]

Does anyone have the purple leopard screen realized icon, I had it and now cant find it, thanks.

[rnksols]

Just a quick update to tell Y'all that Carrier Logos, Calculator Images and more Masks have been added to the site.

iDesign Studio