View Full Version : New button components I'm working on

Rob H
May 22nd, 2009, 03:08 PM
Just thought I'd share the design for a new set of buttons I'm creating and see what people think about the idea before I take it any further.

These buttons will be available in several sizes and colours and possibly shapes.

When pressed, the button itself, the glyph (in this case play) and the specular highlight will move, but the recess that surrounds it will not.

There is an optional glow, that can be turned on and off using a state variable, not yet sure whether to provide the glyphs in dark and light versions to indicate a state or not.

Let me know if you like the style of the button. Pretty much everything is mutable at this stage.

I'll try to provide a sample CCF over the weekend so you can see what the button looks like when pressed etc.

May 23rd, 2009, 05:22 PM
very nice Rob

are the pretty much transparent so the background colour can be changes?


Rob H
May 24th, 2009, 04:42 AM
I did experiment with using transparent overlays but it didn't work too well.

I can generate the buttons in pretty much any colour as I'm using Xara Extreme which lets you base a colour on another one. Once I'm done I'll release the .xar file as well so people can make their own buttons if they have Xara.

May 24th, 2009, 11:36 AM
When you release them, could you make sure to include a 'blank' set for the ones we'll have to create ourselves?



Rob H
May 24th, 2009, 12:07 PM
In fact they are blank anyway, the glyphs on the buttons are entirely separate.

Here's a couple of transport controls that show the use of buttons that contrast with the background.

May 25th, 2009, 11:53 PM
They look great Rob..

Oh dear I sense a rebuild of my ccf coming on ...

Rob H
May 26th, 2009, 01:19 PM
These are the glyphs I've done so far, anything obvious that I've missed? Any suggestions for more?

May 26th, 2009, 03:21 PM
Loudspeaker pic with a "+" (WAF VolUp)
Loudspeaker pic with a "-" (WAF VolDown)
and also "OK" could be handy if you fancy it..?

Rob H
May 26th, 2009, 03:59 PM
I can probably manage those, although the last two speaker glyphs there were intended to serve that function.

OK makes sense.

I've yet to do the cursor control, but I think I know what that should look like.

May 26th, 2009, 04:30 PM
These are the glyphs I've done so far, anything obvious that I've missed? Any suggestions for more?

Cursor up / down / left / right - eject - Enter ....

Just for WAF factor :-)



May 26th, 2009, 07:00 PM
Just thinking of some that I have on my Nowplaying... how about:

Phone CID Log
PC Standby
Media (music)

Rob H
May 27th, 2009, 07:23 AM
Okay, here's the current set. Any more?

And what size buttons do people want? I don't want to do too many size variants. I'm not sure how good the glyphs will look at small sizes, I may have to drop the bevelling completely for the smaller sizes.

May 27th, 2009, 07:39 AM
Fantastic !!!!

Size 60 - 80 - 120

Note that I use the Guifx font here here (http://blog.guifx.com/2005/04/26/guifx-font-pack-legacy/) for my buttons.



May 27th, 2009, 08:20 AM
I use 50 and 70 pixels sizes which are nice sizes for touchscreens for your fingers at 1024X768

June 10th, 2009, 02:52 PM
any progress, Rob?
anxious to try..

I'll try to provide a sample CCF over the weekend so you can see what the button looks like when pressed etc.

Rob H
June 10th, 2009, 07:04 PM
I've had to put this on hold until I get a replacement for my motherboard I'm afraid.

This machine doesn't have the graphics package I use installed on it and I don't really want to load it down with too much extra software.

August 26th, 2009, 08:38 AM
...but I'm eager to use these for a new CCF I'm working on!

Rob H
August 26th, 2009, 10:28 AM
:) So am I

I have done more work on this in the last couple of weeks, and will probably do a bit more soon. Graphics work can be very time consuming though

I currently have circular, rounded square in 6 sizes, with 5 base colours and 5 glow colours. There are also currently 91 glyphs that can be used in combination with these each in 6 sizes and 5 colours.

I'm in the middle of working on triangular (4 orientations) and pill-shaped (2 orientations), plus two styles of transport cluster and probably also a cursor cluster.

August 26th, 2009, 11:06 AM
Good to hear.....keep it up Rob

August 26th, 2009, 11:19 AM
Thanks Rob

February 16th, 2010, 12:02 PM
Just curious...

On a related note, I stumbled onto the GUIFX site yesterday - I can't imagine that too many hobbyists would plop down 500$ for graphic elements but the DEAN elements are amazing.

I'll attach a pic.


Mike C
February 16th, 2010, 12:25 PM
those are awesome.

February 23rd, 2010, 01:53 PM
Too bad the cost is so high!

Rob H
February 23rd, 2010, 05:25 PM
Out of interest, what sort of price would you be prepared to pay?

February 23rd, 2010, 08:53 PM
I've seen a few NR CCFs approach this beauty so I'd only pay $20. But if you authored the library, Rob, I'd pay $50 :)

February 24th, 2010, 08:38 AM
...as long as it was a pretty robust (ie large) library.

And it would be awesome if it was sold by Promixis...

Rob H
February 24th, 2010, 10:17 AM
Okay, so what components would you want to see?

And what sort of style?

February 24th, 2010, 11:19 AM
Just for information one of the guys on Cocoontech.com has created some nice buttons he sells pretty cheap

Check them out


February 24th, 2010, 12:10 PM
I really like the look of the one I posted - black with that 'stereo equipment' look.

As for contents:

Sliders, level indicators, buttons in various sizes, and the 'pieces' that you can use to make larger components like varying sized windows, backgrounds etc.

The more I think about it the more I'd say I'd definitely buy...


February 24th, 2010, 12:44 PM
inspired by the above http://www.promixis.com/forums/showthread.php?t=20325

nearly similar ;)

Rob H
February 24th, 2010, 01:22 PM
I really like the look of the one I posted - black with that 'stereo equipment' look.

I'd have to be careful - wouldn't want it to be too similar or we might get sued for copying the look-and-feel

e.g. I'm not sure whether this is too close