Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,768,772 Members 51,714 Now Online
XDA Developers Android and Mobile Development Forum

[WindowsXP/Vista/7][.NET][TOOL] Icon Set-Builder v1.1.0 [2012/10/12]

Tip us?
 
vrooden
Old
(Last edited by vrooden; 12th October 2012 at 12:26 AM.) Reason: New Version 1.1.0
#1  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
Angry [WindowsXP/Vista/7][.NET][TOOL] Icon Set-Builder v1.1.0 [2012/10/12]

Want to create your own icon sets based on an existing one?
Tired of manually having to apply all necessary steps per icon?

Well... maybe this little tool can help you:

Icon Set-Builder v1.x


:: Introduction ::
Lately I saw an icon style I'd liked and wanted to recreate it using Android ICS icons as base.
Using Paint.NET I could create my template and do so... but since Paint.NET does not support scripting, I had to do everything (resizing, changing color and transparency, applying as alpha mask to my template, etc) again and again for about 200 times.
Being a .NET developer, I thought "Why not write a little script to do that treadmill work for me?".
Well, finally it grew into this "Icon Set-Builder" tool.


:: Screenshots ::
Here's one screenshot of the app, more are in the second post or here:
https://www.dropbox.com/sh/byzwc8u40kjuai0/xIQ72kDZBG



:: Features ::
What can you do with it?
Well, basically it works with several layers (template, icon, mask and overlay) for each you can apply a lot of adjustments.

The basic steps:
  • Choose a template and, if supported, a template style (i.e. several colors)
  • Choose your favorite icon set
  • Optionally, choose an alpha mask to be applied for each icon
  • Optionally, choose a matching overlay
  • Play around with the settings
  • Let the tool generate your icon set
All changes you make are immediately applied to the previews, so you always know, what the result would look like.

Basic icon sets (ICS, Metro, PixelPerfect, iOS-like) and templates are included.
Most templates i created myself myself, some are based on or inspired by other's ideas (see below).

But of course you are free and encouraged to create your own stuff and contribute!
Well... that's what it's for, right?
To easier bring your own ideas to live!


:: Download Location ::
Versions 0.9.x as well as (maybe in time...) older versions can be found in this DropBox:
https://www.dropbox.com/sh/e837ronlu4k4roc/j_kuqNgUo0


Download of version 1.0.0 and later is available here:
http://iconsetbuilder.echtzeitig.de


Direct links for latest version:
Some AddOns:
https://www.dropbox.com/sh/6edgq8hnvxkur5y/lBL0R4i8n2

Both a simply zipped version as well as an MSI-installer are available.
The folder also contains a ZIP "IconSetBuilder_Samples.zip" containing some created samples.

The tool itself is only 160kB, but with base stuff it's about 9MB.

IMPORTANT NOTE:
Using MSI-installer, v0.9.1 should no longer cause problems with Windows "User Access Control", since the installation folder changed.
Also fixed a nasty bug with leftover debug-code which tried to save an intermediate image in "D:\Temp" and crashed if that folder was not available. SORRY!!!



Requirements: Microsoft .NET Framework 2.0 or later, but I guess that's already installed nowadays on all Windows PCs.


:: Samples ::
Sheets displaying a few icons of various styles can be found here:
https://www.dropbox.com/sh/cugwu9xzh06riuh/ecqPW_CzTY

More samples as single PNG icons are here (no complete sets!!):
https://www.dropbox.com/sh/tvvmptmz47rnq2e/RDL4p3oTFZ



:: Detailed Features ::

Template:
  • Choose a basic template
  • Some templates may offer styles, i.e. various colors
  • Templates may have matching default settings, which one can automatically load and apply
  • Adjust size, cropping and position
  • Modify colors: invert, greyscale, transparency

Icon Set:
  • Choose icon set
  • Adjust size, cropping and position
  • Modify colors: invert, greyscale, transparency
  • Choose style: overlay / blend with template / apply as alpha mask (i.e. to create a "cut-out" in the template)
  • Apply a shadow/glow effect
  • Rotate the icon
  • Add mirror effect on X- or Y-axis with adjustable axis-position
  • Choose all or just some icons you want to use

Textual Icons:
  • Choose a txt-file containing the texts for your icons in icon set-list
  • Choose your favorite font from system or custom folder
  • Change the fonts size and style
  • Change color and transparency for the text
  • Choose alignment (top/middle/bottom, left/center/right)
  • Choose wether text should wrap on blanks and/or shrink to fit inside the available space
  • Use all basic effects mentioned above for further modifications

Alpha Mask:
  • If you wish, you can apply an alpha mask to the icon
  • This allows i.e. to cut off parts

Overlay:
  • If you wish, choose an overlay
  • Adjust size, cropping and position
  • Modify colors: invert, greyscale, transparency
  • Choose style: overlay / blend with template / apply as alpha mask

Preview:
  • Save currently shown icon as single file (without generating complete set)
  • Open a preview window which "simulates" a phone's screen
  • Choose between different backgrounds to see what it looks like
  • Layouts from 3x3 to 5x6, plus dock

Create:
  • Choose the output size of the icon, from 8x8 to 256x256 everything is possible
  • Give your icon set a name (will be used as folder name)
  • If the folder exists, you can let the tool automatically create a new one (i.e. "My Set (001)") or use the existing output folder
  • If an existing folder contains icons, you can let the tool delete all of them before generating the new set
  • Optionally save your settings for later reuse
  • Press "Generate" and watch it do it's work

The tool works pretty fast. Some effects (shadow basically) may take a little longer. But overall it takes less than or only a little longer than a second per icon.


:: Thanks and Mentions ::
I would like to thank the following guys for their great work and inspiration.
Their ideas and work are the fundament the tools is build upon.
Some elements I reused as templates or basics, I hope they don't mind (will inform them soon and will remove from tool if necessary).

NiteOwl360
  • for the great "Semi Sense" icons I cut and spliced and re-implemented as template
BlackBearBlanc
  • for his awesome minimalistic ICS-based icon sets, which I included honorably as templates
  • for his work on the ICS- and additional icons included as base in some of his set (BTW: some needed optimization; I did so *g*)
rawdealer
  • for his "PixelPerfect" icon set, great minimal basic set; I took the liberty to also include them
P_C
  • for his "3C" icon set, great minimal basic set; I took the liberty to also include them
Unknown guys:
  • the various Suave icons I included
  • the various other iOS-like icons I included
  • various creators of Metro-styled icons (I don't quite remember which one I used for creating my basic set, SORRY!!!)
Attached Thumbnails
Click image for larger version

Name:	IconSetBuilder_01_IconSet.jpg
Views:	6541
Size:	37.3 KB
ID:	1224952   Click image for larger version

Name:	IconSetBuilder_08_Simulation.jpg
Views:	9206
Size:	35.4 KB
ID:	1232195   Click image for larger version

Name:	IconSetBuilder_095pre2_UI_Effect_ColorAccent.jpg
Views:	5603
Size:	41.0 KB
ID:	1251007   Click image for larger version

Name:	ICSv100_Screenshot.jpg
Views:	39492
Size:	45.6 KB
ID:	1323611  
The Following 108 Users Say Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
vrooden
Old
(Last edited by vrooden; 13th September 2012 at 02:36 PM.)
#2  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
Default Samples

Some samples, more attached:

Eclipse Rounded Square:


Roostilabel'd Metro:


Semi Sense'd:


Sketch (Chalkboard)


Wooden Plate


Colored Tiles


"3C" in 3D



More samples of V1.0.0 in this posting.
http://forum.xda-developers.com/show...&postcount=123
Attached Thumbnails
Click image for larger version

Name:	ISB_Sample_BBB_GlassKlart.jpg
Views:	1732
Size:	13.6 KB
ID:	1224959   Click image for larger version

Name:	ISB_Sample_Eclipse_(Round).jpg
Views:	1729
Size:	15.5 KB
ID:	1224960   Click image for larger version

Name:	ISB_Sample_Eclipse_(SquareRound).jpg
Views:	21595
Size:	14.9 KB
ID:	1224961   Click image for larger version

Name:	ISB_Sample_Metro_(Round).jpg
Views:	1736
Size:	27.6 KB
ID:	1224962   Click image for larger version

Name:	ISB_Sample_MetroPlus_(Square).jpg
Views:	1706
Size:	10.5 KB
ID:	1224964  

Click image for larger version

Name:	ISB_Sample_RoostiLabel'd.jpg
Views:	1703
Size:	7.0 KB
ID:	1224965   Click image for larger version

Name:	ISB_Sample_RoostiLabel'd_Metro.jpg
Views:	21527
Size:	10.0 KB
ID:	1224966   Click image for larger version

Name:	ISB_Sample_SemiSense'd_(NiteOwl360).jpg
Views:	21549
Size:	14.2 KB
ID:	1224967   Click image for larger version

Name:	ISB_Sample_Suave'd.jpg
Views:	1661
Size:	13.9 KB
ID:	1224968   Click image for larger version

Name:	ISBv098_Sample_Sketch_(Chalkboard).jpg
Views:	16477
Size:	18.8 KB
ID:	1266168  

Click image for larger version

Name:	ISBv098_Sample_Wooden_Plate.jpg
Views:	16386
Size:	26.5 KB
ID:	1266169   Click image for larger version

Name:	ISBv098_Sample_Colored_Tiles.jpg
Views:	16376
Size:	24.1 KB
ID:	1266170   Click image for larger version

Name:	ISBv098_Sample_3C_(P_C)_in_3D.jpg
Views:	16272
Size:	10.1 KB
ID:	1266172  
The Following 23 Users Say Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
vrooden
Old
(Last edited by vrooden; 12th October 2012 at 12:42 AM.) Reason: Version 0.9.8
#3  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
Version 1.1.0:
  • Greatly optimized performance for many functions, average 30-40% faster now
  • Label-over-Icon with seperate "Shadow" settings
  • Mirror: Optimized and enhanced, more options
  • "Open folder"-buttons to easily open folders (i.e. containing Exports) in Explorers

Details here.

Version 1.0.2:
  • NEW: Textual Icons: change texts case to lower case, UPPER CASE or Title Case
  • NEW: Textual Icons: "wrap" and "shrink" for 2-line-text-icons
  • NEW: Textual Icons: rewritten 2-line-text-icons functions
  • FIXED: Rotation of final icons sometimes resulted in not properly sized icons (i.e. 128x124 instead of square 128x128)

Version 1.0.1:
Added "Brightness to Alpha": Create single color icons with the original icons' brightness used as transparency value. More in this posting.

Version 1.0.0:
New stuff:
  • App Settings: Some settings are now stored in a config-file, like chosen Visual Style, Preview Device or Author Name
  • Continue session: When closing Icon Set-Builder, this current settings are automatically saved, so next time you start the tool, you are asked wether you want to load the settings and continue your work.
  • Add to queue: If you want to create multiple icon sets (different, slightly changed or whatever), you may queue the generating and finally start processing all queued sets at once.
  • Import/Export: FINALLY the long awaited feature to export your creation to a ZIP file and of course import ones from others is available!
  • Overlays now also have "Hue/Satuation/Lightness" settings like templates.
  • FEATURE: Download from Web
  • FEATURE: Import/Export
  • FEATURE: "Devices" in Simulation
  • FEATURE: Levels and Gamma
  • FEATURE: Label Over Icon
  • FEATURE: Tool "Extract from Titanium Backup"
  • FEATURE: "Save settings as default"
  • FEATURE: "Process Queue"
  • FEATURE: Random items

Detailed descriptions in this post and following.

Improved:
  • Speed: At various places I could improve the speed a lot.
  • Rotation: Rotating had some issues, didn't work correctly sometimes, or left too large margins.



Version 0.9.9a:
Hotfix for invalid file name when trying to generate a 2-line styled textual icon set (TAB contained in file name - DUH!!)

Version 0.9.9:
Interims release with just 2 new enhancements/features:
  • "Fade Out" with adjustable width in "Mirror" function; can be used for mirror reflection also, just set the "axis" appropriately
  • "2 Line Text Icons": allows to create textual icons with two lines that can be configured seperatly (font, size, color)
    • Items in TXT-file for icons must contain both lines' texts seperated by TAB-character (i.e. "Read[TAB]Mails")
    • Enable in "Textual Icons" tab and configure

Version 0.9.8:
Lots of new functions and effects:
  • Use icon as Mask
  • Colorize icon
  • Colorize template
  • FX: Random Hue Shift
  • FX: Apply Texture
  • FX: Pseudo 3D

In-detail descriptions in this and the next postings:
http://forum.xda-developers.com/show...2#post30344503

Many samples (not complete sets!) you can find here in the DropBox (previews and zips):
https://www.dropbox.com/sh/udpmii8763x7zs0/lXfLC3fcfg


Version 0.9.7:
Minor changes.
  • HSB color functions are now also available for template
  • Moved "Generate" parts (output size, icon set name, buttons) from tab to main window area

Version 0.9.6b:
In version 0.9.6 MSI and ZIPs one DevExpress DLL was missing, app didn't even start, SORRY for that!
Uploaded 0.9.6b with included missing file, should work now properly.

Version 0.9.6:
  • Added "Random Rotation" as finalize function
  • Added "Crop to icon size" as finalize function
  • ...plus all from 0.9.5pre2
Read more here:
http://forum.xda-developers.com/show...8&postcount=47

Version 0.9.5pre2:
Preview version only right now, not released yet!!!
  • Reworking UI in progress
  • New effect "Pixelation"
  • New effect "Color Accent" with three modes and adjustable width of accent
    • Color Accent: only accent chosen color
    • Primary Color: finds primary color in icon and accentuates that color
    • Replace Primary Color: finds primary color, but uses chosen color for accentuation
  • New adjustments "HSL":
    • Shift HUE in color wheel, i.e. red becomes blue etc
    • Adjust SATURATION (boost or dim color strength)
    • Adjust BRIGHTNESS, make colors brighter or darker



Version 0.9.3:
Only added functionality to save currently shown icon as single file (without generating complete set).

Version 0.9.2:

Added "Simulation Preview":
  • Open a preview window which "simulates" a phone's screen
  • Choose between different backgrounds to see what it looks like
  • Layouts from 3x3 to 5x6, plus dock



Version 0.9.1:

SORRY the first version caused problems. Didn't take Windows Vista/7 UAC into account. Also there was a stupid DEBUG-code left over, which tried to save an intermediate file into "D:\Temp", but crashed if that path didn't exist. That and hopefully missing rights related problems are fixed now. For MSI please try 0.9.1, it uses a different (per user) install folder, so UAC should be history now. Uninstall 0.9.0 before.
Attached Thumbnails
Click image for larger version

Name:	IconSetBuilder_08_Simulation.jpg
Views:	19971
Size:	35.4 KB
ID:	1232198   Click image for larger version

Name:	IconSetBuilder_095pre2_Effect_ColorAccent_PrimaryReplace.jpg
Views:	17281
Size:	28.8 KB
ID:	1248664  
The Following 14 Users Say Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
vrooden
Old
#4  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
reserved3
The Following 4 Users Say Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
vrooden
Old
#5  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
reserved4
The Following 4 Users Say Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
SeanRinVA
Old
#6  
SeanRinVA's Avatar
Senior Member
Thanks Meter 20
Posts: 114
Join Date: Aug 2008
Looks like a great tool! Does it make an apk that will automatically apply the icons?

Sent from my Galaxy Nexus using Tapatalk 2
SeanRinVA
Technical Installation Specialist for Dräger Medical, Inc.

HTC One (M8) (T-Mobile)
Samsung Galaxy Tab 3 7.0 SM-T217T

Sony Xperia Z1s
LG G2 (vs980)
Samsung Galaxy Nexus
Motorola Droid X
HTC Droid Incredible
Motorola Droid
 
vrooden
Old
#7  
vrooden's Avatar
Senior Member - OP
Thanks Meter 435
Posts: 277
Join Date: Jun 2010
No, sorry. Maybe the name is misleading. It creates a folder containing the generated PNGs. But that's an interesting idea!

Sent from my MT15i using Tapatalk 2
Icon Set-Builder -- that "Build-your-own-Icon-Set"-Tool



Now also on this website: iconsetbuilder.echtzeitig.de
The Following User Says Thank You to vrooden For This Useful Post: [ Click to Expand ]
 
tinchosfe
Old
#8  
Member
Thanks Meter 5
Posts: 40
Join Date: Mar 2011
Location: Santa Fe
Thanks for share

Enviado desde mi MB860 usando Tapatalk 2
 
reddead66
Old
#9  
reddead66's Avatar
Senior Member
Thanks Meter 238
Posts: 871
Join Date: Feb 2011
will try when i am free
| Galaxy S II |
 
Oscar-Mark
Old
#10  
Oscar-Mark's Avatar
Senior Member
Thanks Meter 73
Posts: 463
Join Date: May 2012
Location: Sweden
Thank you this will make it alot easier, was gonna do an icon set.

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes