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

Search This thread

vrooden

Senior Member
Jun 22, 2010
277
436
FEATURE: "Process Queue"

Also under "Settings" there is the "Processing Queue", where queued icon set generatings are stored. To add to the queues, simply press "Add to queue" instead of "Generate".
In "Settings" you can "Process" the list (create all sets one by one), "Load" a queue item's settings (basically the same as loading normal settings), "Remove" single entries or "Clear" the whole list.
 

Attachments

  • 06__ISBv100_ProcessingQueue.jpg
    06__ISBv100_ProcessingQueue.jpg
    37.8 KB · Views: 123
  • Like
Reactions: helix massacre

vrooden

Senior Member
Jun 22, 2010
277
436
FEATURE: Random items

For Template, Overlay and Mask it is now possible to use a random item for each icon created.
What does that mean?
Let's say you have four different PNGs in your Template folder, for example photo frames. Until now you only could choose one of those as Template Variant (in the second dropdown). Wouldn't it be nice to have them randomly applied through your generated set?
Well, now you can! You just have to create a text file containing the files' names and place it in the Template folder. The text file is displayed in the Template Variant list an can be chosen. Now every time an icon is created (also in preview) one of the entries in the text file is chosen randomly and used.
 

Attachments

  • 12__ISBv100_ItemsInFolder.jpg
    12__ISBv100_ItemsInFolder.jpg
    48.9 KB · Views: 122
  • 14__ISBv100_RandomItemsTextFile.jpg
    14__ISBv100_RandomItemsTextFile.jpg
    44.1 KB · Views: 119
  • Like
Reactions: helix massacre

vrooden

Senior Member
Jun 22, 2010
277
436
Sample icons sets for 1.0.0

Here are some samples (all templates available for download) of what can now be created with Icons Set-Builder V1.0.0.

Clouds:
Random Template and Overlay
attachment.php


Bloody:
Random Template and Overlay
attachment.php


Coffee Break:
Random Template, Label over Icon
attachment.php


Comic Panels:
Random Template, Overlay and Mask, Label over Icon
attachment.php


Polaroids:
Random Template and Overlay, Label over Icon
attachment.php
 

Attachments

  • Cloudy_24.jpg
    Cloudy_24.jpg
    20.2 KB · Views: 747
  • Bloody_24.jpg
    Bloody_24.jpg
    20.9 KB · Views: 738
  • Coffee_Break_24.jpg
    Coffee_Break_24.jpg
    27.7 KB · Views: 741
  • Comic_Panels_24.jpg
    Comic_Panels_24.jpg
    41.1 KB · Views: 735
  • Polaroids_24.jpg
    Polaroids_24.jpg
    37.2 KB · Views: 737

NachoB

Senior Member
Mar 16, 2011
829
515
53
Jacksonville, FL
OnePlus 9 Pro
Well... that's more a gimmick than a real feature, but in "Simulation" you may now choose other devices than the default "Sony Xperia S". Available for download are "HTC One X", "Samsung Galaxy S3" and (the one I own) "Sony Ericsson Xperia neo".
The simulated device can be saves as mock-up picture in PNG format.
Not sure if you want to add it, but I created an HTC EVO 4G LTE image for simulation mode back when I first started using this app.

attachment.php
 

Attachments

  • Preview_Template.jpg
    Preview_Template.jpg
    12.2 KB · Views: 339

NachoB

Senior Member
Mar 16, 2011
829
515
53
Jacksonville, FL
OnePlus 9 Pro
I just installed it using the zip, into it's own folder, and this is the view I have.

attachment.php


Not sure if this would be causing the issue, but I have the Text Size setting in Windows 7 set to Medium - 125%. I have seen this cause problems in another app I use here at work. If I have time I'll see if changing it to 100% fixes the issue (requires me to log off so I haven't tried yet).
FWIW, version 0.9.9 is displaying properly still.
 

Attachments

  • Uh-Oh.jpg
    Uh-Oh.jpg
    40.9 KB · Views: 333
Last edited:

vrooden

Senior Member
Jun 22, 2010
277
436
Will add HTC Evo soon, no big deal.

Also will investigate the Win7 issue, see what I can do. Other dpi settings are often problematic.

Sent from my MT15i using Tapatalk 2
 
  • Like
Reactions: NachoB

vrooden

Senior Member
Jun 22, 2010
277
436
Strange though the old version didn't have problems. Basic form didn't change. I think the DevEx (DX) components are a newer version. Maybe you could try the new version with DevEx DLLs from 0.9.9?
 
Last edited:

vrooden

Senior Member
Jun 22, 2010
277
436
Not sure if this would be causing the issue, but I have the Text Size setting in Windows 7 set to Medium - 125%. I have seen this cause problems in another app I use here at work. If I have time I'll see if changing it to 100% fixes the issue (requires me to log off so I haven't tried yet). FWIW, version 0.9.9 is displaying properly still.

Issue fixed. Was just one line to remove, set the maximum size to absolute value, preventing windows from scaling properly.

I have replaced the MSI and ZIP, it's still v1.0.0, but it's possible to install the MSI over the previous v1.0.0.
 

vrooden

Senior Member
Jun 22, 2010
277
436
Not sure if you want to add it, but I created an HTC EVO 4G LTE image for simulation mode back when I first started using this app.

"HTC Evo 4G LTE" added to downloads. Couldn't use your upload, it was resized by the forum, but found a hires image.

Also one more device added... couldn't resist :D:D:D
 
  • Like
Reactions: NachoB

vrooden

Senior Member
Jun 22, 2010
277
436
Version 1.0.1, "Brightness to Alpha"

I was not too pleased with the results of "Levels and Gamma". I wanted to have some sort of ICS-like looking icons, but even level-compressed greyscaled icons didn't fit properly enough.

Playing with Paint.NET it seemed I needed to get icons consisting of only ONE SINGLE color (white that is). So the solution was to turn the icons' brightness levels into alpha (transparency) levels. Wasn't much work, so I added that functionality.

Compare the results yourselves, especially focus your eyes on how "Facebook", "Amazon", "DI Radio" or "Google Maps". Much better, isn't it?

Old way using greyscale and Level/Gamma adjustments:
attachment.php


New way with additionally applied
attachment.php



You can choose the color to use and wether to use each pixel's grey level and/or brightness. Think it's the same? It's not! For example a plain red (#ff0000) has a brightness of 100%, but the grey level (weighted additing of Red, Green and Blue parts) is only about 29%. So using only the one or the other value creates quite different results (well, if you checked "greyscale", it's the same, but otherwise it ain't). If you want to use both values simultaniously, you can choose how those are factorized (Average, Multiply, Min or Max).

Enough science-talk, just try for yourself ;)
 

Attachments

  • ICS'd_App_Icons_(OLD)_24.jpg
    ICS'd_App_Icons_(OLD)_24.jpg
    13.4 KB · Views: 679
  • ICS'd_App_Icons_(NEW)_24.jpg
    ICS'd_App_Icons_(NEW)_24.jpg
    12.2 KB · Views: 669
  • 17__ISBv101_BrightnessToAlpha.jpg
    17__ISBv101_BrightnessToAlpha.jpg
    42.6 KB · Views: 223
Last edited:

mloc33

Senior Member
Nov 10, 2010
4,848
4,224
VA
Could this, at some stage work on an android tab?

Sent from my ASUS Transformer Pad TF300T using xda premium
 

vrooden

Senior Member
Jun 22, 2010
277
436
Could this, at some stage work on an android tab?

Sent from my ASUS Transformer Pad TF300T using xda premium

You mean not having to run the tool on PC but directly on Android? I don't think so, sorry.

It's programmed in .NET (C#) and though I guess porting the essential routines (effects etc) to Android (Java) it would required a complete re-write to create the UI and so on.

I personally do not have the knowledge to do so. Also the code by now is somewhat around 10000 lines of code.
 
  • Like
Reactions: mloc33

mloc33

Senior Member
Nov 10, 2010
4,848
4,224
VA
It would be handy if it where to work on a tab, I rarely use my old laptop, cheers anyways.

Sent from my ASUS Transformer Pad TF300T using xda premium
 

NachoB

Senior Member
Mar 16, 2011
829
515
53
Jacksonville, FL
OnePlus 9 Pro
Issue fixed. Was just one line to remove, set the maximum size to absolute value, preventing windows from scaling properly.

I have replaced the MSI and ZIP, it's still v1.0.0, but it's possible to install the MSI over the previous v1.0.0.
Haven't had much time to play with v1.0.1 (I don't think I had anytime on 1.0.0) but the anomalies are back for me, with my Windows global Text settings at 125% - Medium.

In this first picture, you'll see that I have no scrollbar to see the other icons in my list. I am able to scroll left/right using the arrow keys though. There's 4 rows of icons off the bottom that I can't see, but I can arrow down to them and see what they are in the preview windows.
attachment.php


attachment.php


Seeing some other weird behavior with the Text Icon stuff. Hard to explain. For one, Screen updates aren't occurring as I check or uncheck options (like wrap, shrink, 2-line layout). It will update if I go to the icons tab and click on another icon name. Another, with 2-line enabled and Shrink checked, it's not shrinking properly.

attachment.php
 
Last edited:
  • Like
Reactions: vrooden

Top Liked Posts

  • There are no posts matching your filters.
  • 108
    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

    attachment.php


    :: 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!!!)
    24
    Samples

    Some samples, more attached:

    Eclipse Rounded Square:
    attachment.php


    Roostilabel'd Metro:
    attachment.php


    Semi Sense'd:
    attachment.php


    Sketch (Chalkboard)
    attachment.php


    Wooden Plate
    attachment.php


    Colored Tiles
    attachment.php


    "3C" in 3D
    attachment.php



    More samples of V1.0.0 in this posting.
    http://xdaforums.com/showpost.php?p=31505848&postcount=123
    14
    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://xdaforums.com/showthread.php?p=30344572#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://xdaforums.com/showpost.php?p=29991028&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

    attachment.php


    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
    attachment.php



    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.
    6
    Version 1.1.0

    New version 1.1.0

    Performance:
    Greatly optimized performance for many functions, average 30-40% faster now. All functions working per-pixel now are much faster, since I'm now working directly with the underlying bits and bytes of each (LockBits) pixel instead of using the slooow GetPixel-/SetPixel-functions.

    Label-over-Icon with Shadow
    Label-over-Icon now has it's own "Shadow" settings independent from the icon.

    Mirror
    "Mirror" is now in "Icon FX", now called "Mirror / Reflection", and has many more options. Basically I was inspired once more by a screenshot by BlackBearBlanc with ICS-icons with reflection: the reflection is semi-transparent and is moved by an offset up and a bit to the right. Now you can, too, easily -- and also change the transparency ("Alpha"), saturation and brightness (luminance).

    "Open folder"-buttons
    Easily open folders (i.e. containing Exports) in Explorers by simply clicking on the big button "Open folder in Explorer" in tab "Tools", or "Open output folder".

    Logging
    Under "About" you might enable logging to help me out in case you find some functions working slowly.

    Download items
    Loading preview is now running asynchronous, speeded up launch of the dialog.

    >> Download available from here. <<
    6
    Lala v2

    Will your program work with this icon set: http://xdaforums.com/showthread.php?t=1702688
    Would be a great way to help it get rounded out more quickly.

    It's done, created assets for Icon Set-Builder from Lala V2-PSD-template. You need high resolution icons, but it works pretty well.

    BUT: Not only did I port the template, I also added a LOT of different backgrounds for the basic icon. This opens a lot of new possibilities, i.e. to create icons like wooden block with ICS icons.

    Here are some screenshots and samples:
    https://www.dropbox.com/sh/1f6ys481qoaxdks/CmXHR4I1m2

    You can download the "Lala V2"-assets here:
    https://www.dropbox.com/sh/6edgq8hnvxkur5y/lBL0R4i8n2

    It's two ZIPs, one for 128x128 icons, one for 256x256 ones.

    You must unzip the ZIPs into the Icon Set-Builder-tools "Assets"-folder (i.e. located at "c:\Users\{User}\AppData\Roaming\Icon Set-Builder\Assets\" if installed using the MSI).

    After that it's listed in "Templates" and also applies default settings.

    Enjoy!

    EDIT: Fixed ZIPs, unzip into "Assets" didn't work, accidently there was an additional subfolder in the ZIP. Now it works.