The ModMyTM Family of Sites:
ModMyMotoModMyiModMyGphone




 
 
Register or Connect with Facebook

Discuss AppStore Apps | Browse / Search Cydia | MMi Cydia Stats




  Apple Forums & iPhone Forums, Mods, Hacks, News, Themes, Downloads, and more! | ModMyi.com > Design and Media For the iPhone / iPod Touch > New Skins / Themes Launches
Reply
 
LinkBack Thread Tools Display Modes
  #1  
Old 07-26-2009, 12:55 AM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts
[RELEASE] Gruppled Icons

There is another thread for this theme at MacThemes2.net.

This theme started as an extension to the Mystique theme. The original author requested that i give it my own name, so i did.

I started a requests page that quickly filled up and squashed my motivation, so i created a set of GIMP scripts to automate and standardize the process of creating icons for this theme. This theme has over 650 icons, and with these scripts i expect that number to rise very quickly.

Gruppled:
Click the image to open in full size.

Gruppled Dark:
Click the image to open in full size.

Download: [ via Mediafire ] (.zip)
Click the image to open in full size.

How to make your own icons:

- Install The GIMP, a powerful, free, multi-platform image editor
- Download gruppled.scm and place it in your GIMP scripts folder
-- To find your scripts folder, open GIMP preferences, go to the "Folders" section at the bottom, and select "Scripts"
- You now have access to 6 scripts:
-- Grupple!
-- Dim Icon
-- Dark Icon
-- grupple-batch
-- gruppled-dim-batch
-- gruppled-dark-batch

The first three are for creating one icon at a time, inside GIMP under the Script-Fu menu. The last three are for creating many icons at once.

NOTE: "Grupple!" and "grupple-batch" are meant to be used on images that have been cropped and are ready for conversion, but "Dim Icon" and "Dark Icon" and their related batch scripts are meant to be used on Gruppled (normal) Icons.

Single Scripts:
To execute the "Grupple!" script, just open the image in the GIMP, crop it if necessary (the script will resize it, but you should crop away any borders), remove the background if possible (the "Color to Alpha" tool is usually handy for this), and select Script-Fu>Gruppled Icons>Grupple!

NOTE: If the image you want to convert to an icon does not have an alpha channel, the scripts will be disabled in the menu. To fix this, just select Layer>Transparency>Add Alpha Channel.

Batch Scripts:
These are useful if you have many icons you want to create at once. To execute the "grupple-batch" script, for example, run the following command in a shell after entering the directory containing all the cropped and ready .png files:
Code:
gimp -i -b '(grupple-batch)' -b '(gimp-quit 0)'
Guidelines:
- If an image doesn't make a good icon (e.g. too much tiny detail to tell what it is) find a simple iconic representation of the app from another source, or make one yourself
- Try to remove the background if possible
- If the icon has a definite foreground, try to leave some space around the edges (at least 5px seems good)
- Icons with a glossy highlight over the whole thing do not look good when converted
- If you post an icon, please post the normal, dim, and dark versions.

Finding/Preparing Images:
Usually, the app's iTunesArtwork file is the best image to use for the icon. The easiest way to find it is install AppLinks via Cydia. Run it, then go to /User/Your App.app/ and the iTunesArtwork file should be there. It is a jpeg so open it in GIMP, and if it complains that it doesn't know how to read it, just copy it to your desktop and add ".jpg" to the filename.

Then use Color>Color to Alpha to remove the background if it's a solid color that's not in the foreground. If that doesn't work well, try using the Fuzzy Select Tool (the "Magic Wand") and playing with the threshold to get a good selection, adding an alpha channel if necessary, and deleting the background. The Selection Editor window is handy for this. You can find it in the Windows>Dockable Dialogs menu.

If there is a thick border around the edge and it doesn't look good when you convert it to an icon, just crop it out and don't worry about the corners since they will be rounded off by the script.

Whenever you crop, make sure you end up with a square, or the image will be stretched when you run the script.

Last edited by gruppler; 08-03-2009 at 09:40 PM..
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
The Following 2 Users Say Thank You to gruppler For This Useful Post:
mrgaryth (07-27-2009), shihchiun (07-30-2009)
  #2  
Old 07-27-2009, 05:50 AM
What's Jailbreak?
 
Join Date: Dec 2008
Device + Firmware: iPhone 3G 16GB (Black) 3.0
Operating System: Windows Vista
Posts: 18
Thanks: 2
Thanked 1 Time in 1 Post

WOW!
This is great thanks!!
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #3  
Old 07-30-2009, 06:05 PM
What's Jailbreak?
 
Join Date: Jul 2009
Posts: 1
Thanks: 1
Thanked 0 Times in 0 Posts

I'm getting an error downloading the zip files. Any chance you could re-upload them? Thanks.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #4  
Old 07-30-2009, 07:04 PM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts

I reuploaded them.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #5  
Old 08-01-2009, 10:44 AM
What's Jailbreak?
 
Join Date: Jun 2009
Device + Firmware: iPhone 3G S 32 GB, JB 3.1.2
Operating System: OSX 10.6.1
Posts: 15
Thanks: 3
Thanked 0 Times in 0 Posts

when i go to save as png, which of these options should be selected? (these are just the defaults)

i just want to make sure i do it correctly the first time. thanks.
Attached Thumbnails
[RELEASE] Gruppled Icons-gimp-save.jpg  
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #6  
Old 08-01-2009, 01:32 PM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts

Quote:
Originally Posted by scottuf View Post
when i go to save as png, which of these options should be selected? (these are just the defaults)

i just want to make sure i do it correctly the first time. thanks.
I'm sure it doesn't really matter, but i always uncheck everything except "Save resolution".
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #7  
Old 08-03-2009, 07:56 PM
What's Jailbreak?
 
Join Date: Jun 2009
Device + Firmware: iPhone 3G S 32 GB, JB 3.1.2
Operating System: OSX 10.6.1
Posts: 15
Thanks: 3
Thanked 0 Times in 0 Posts

ok, i've been working on creating some icons, and have about 10 so far, which i'll post when i get a little further along. however i am having a small problem that i hope you can help me with. some icons have transparency in them, so that when i make the background transparent, the final gruppled icon is too light. attached are two samples of what i am talking about, the originals and the gruppled. basically, on both of these i took the background color - white - ffffff - and used color to alpha to remove it. then, i ran gruppled script. the problem is that the remaining color had alpha which i don't know how to get rid of.

i know this isn't a gimp lessons thread, but any info will help me help you to create more icons
Attached Thumbnails
[RELEASE] Gruppled Icons-cheap-gas-.jpg  [RELEASE] Gruppled Icons-radiolicious.jpg  
Attached Images
  
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #8  
Old 08-03-2009, 08:40 PM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts

Yeah, the color-to-alpha tool will remove all traces of the color you pick from the entire image, so it's usually only useful when the background is a completely different color from the rest of the image. For the first image, i would use the pen tool to outline the foreground object, excluding the shadow. For the second one, it would probably be easiest to use the wand tool and try to select the headphones by playing with the threshold and using the selection editor to see that you have a good selection, and just use the circle select tool to select the smiley face.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
The Following User Says Thank You to gruppler For This Useful Post:
scottuf (08-03-2009)
  #9  
Old 08-03-2009, 09:31 PM
What's Jailbreak?
 
Join Date: Jun 2009
Device + Firmware: iPhone 3G S 32 GB, JB 3.1.2
Operating System: OSX 10.6.1
Posts: 15
Thanks: 3
Thanked 0 Times in 0 Posts

Quote:
Originally Posted by gruppler View Post
Yeah, the color-to-alpha tool will remove all traces of the color you pick from the entire image, so it's usually only useful when the background is a completely different color from the rest of the image. For the first image, i would use the pen tool to outline the foreground object, excluding the shadow. For the second one, it would probably be easiest to use the wand tool and try to select the headphones by playing with the threshold and using the selection editor to see that you have a good selection, and just use the circle select tool to select the smiley face.
thanks - i think i've got it. i'm definitely not an expert, but here they are. let me know if they somewhat meet your standards.
Attached Images
  
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #10  
Old 08-03-2009, 09:37 PM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts

Great job! My only suggestion is to leave some empty space around the edges, like maybe 5px. You can look at existing icons to get an idea of what i mean. The easiest way to do this is make the canvas size bigger and hit the Center button. Then when you run the script there will be more space around the edges.

Last edited by gruppler; 08-03-2009 at 09:42 PM..
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #11  
Old 08-03-2009, 10:06 PM
What's Jailbreak?
 
Join Date: Jun 2009
Device + Firmware: iPhone 3G S 32 GB, JB 3.1.2
Operating System: OSX 10.6.1
Posts: 15
Thanks: 3
Thanked 0 Times in 0 Posts

awesome advice. i think these will be final quality (at least for my purposes). now i get to go back and redo some of my others with my new found knowledge.
Attached Images
      

Last edited by scottuf; 08-03-2009 at 10:09 PM..
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #12  
Old 08-04-2009, 02:36 PM
gruppler's Avatar
What's Jailbreak?
 
Join Date: Jan 2008
Posts: 14
Thanks: 0
Thanked 5 Times in 3 Posts

Yup, those look good! I would leave a little more empty space around the edges for the first one, but the way it is now is just fine. Keep it up =]
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
Reply

  Apple Forums & iPhone Forums, Mods, Hacks, News, Themes, Downloads, and more! | ModMyi.com > Design and Media For the iPhone / iPod Touch > New Skins / Themes Launches

Tags
gruppled, icon, mystique

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Go to Top
ModMyI

All times are GMT -6. The time now is 12:09 AM. Powered by vBulletin® Version 3.8.4
If you need Dedicated Server Hosting, you should check out SingleHop. | Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.3.0 Copyright © 2007-09 by ModMy, LLC. All rights reserved.

iPhone News / iPhone Forums / Apple News / Apple Forums / RSS / Contact Us / / Privacy Statement / Top