What software is used to create the GUI for these iOS/android apps?

[keyman_sam]

Say beatmaker, garageband, the moog synth, etc. What software is used to create the actual UI for these synths?

I google 'graphics for android' and i don't get what I'm looking for. If some kind soul, perhaps an app maker, could enlighten me on this, I'd be very thankful.

[SingleCell]

Say beatmaker, garageband, the moog synth, etc. What software is used to create the actual UI for these synths?

I google 'graphics for android' and i don't get what I'm looking for. If some kind soul, perhaps an app maker, could enlighten me on this, I'd be very thankful.

There's two components to UI, there's the bit you see and the bit that responds to touch.

I'd say most pro software UI graphics are done by graphic designers using PhotoShop. If you're you looking to find software to make your own UIs, I'd recommend SkinMan and KnobMan for starters if you're not too familiar with Photoshop.

But as far as placing everything and having those elements respond to touch, animate ,etc. that's usually done via programming, either from ready to use frameworks that come with the platform SDKs, third party libraries, or by writing your own.

[george]

Could be any graphic design tool: Photoshop, Knobman, 3D Studio, Illustrator, GIMP, etc. I don't see why it should be restricted to a specific set.

Now if you mean the engine to interact with, there are frameworks for that, but it's usually better to use in-house development.

[keyman_sam]

Could be any graphic design tool: Photoshop, Knobman, 3D Studio, Illustrator, GIMP, etc. I don't see why it should be restricted to a specific set.

Now if you mean the engine to interact with, there are frameworks for that, but it's usually better to use in-house development.

That's what I was looking for (the tools that is).

So, currently I'm in the process of developing an android app. I'm making some progress, but I'd really like to get the GUI done first so that I can visualize the app, animate it, etc.

And hence the question.

Any other freebie tools you folks would recommend? Photoshop is a little out of my budget...

[Aural Chaos]

Gimp is free...

[iain_morland]

FWIW I'd strongly recommend Photoshop Elements over GIMP, if it will fit your budget. Try the demo.

[keyman_sam]

FWIW I'd strongly recommend Photoshop Elements over GIMP, if it will fit your budget. Try the demo.

Downloading PS elements now..argh the installer is a lil bit of a PITA (second try)...

Thakns for the replies!

[keyman_sam]

Say beatmaker, garageband, the moog synth, etc. What software is used to create the actual UI for these synths?

I google 'graphics for android' and i don't get what I'm looking for. If some kind soul, perhaps an app maker, could enlighten me on this, I'd be very thankful.

There's two components to UI, there's the bit you see and the bit that responds to touch.

I'd say most pro software UI graphics are done by graphic designers using PhotoShop. If you're you looking to find software to make your own UIs, I'd recommend SkinMan and KnobMan for starters if you're not too familiar with Photoshop.

But as far as placing everything and having those elements respond to touch, animate ,etc. that's usually done via programming, either from ready to use frameworks that come with the platform SDKs, third party libraries, or by writing your own.

So, lets say I create my basic GUI in photoshop and this is some sort of a picture. But I need 'live' elements in the picture - i.e. knobs must rotate, sliders must move, etc. How do I accomplish that?

In other words - what can I do to make my graphics come alive?

[SingleCell]

Have a look at KnobMan, it can export your knob images at N various positions in a filmstrip. Then in software you draw the correct frame of the filmstrip depending on what the value of the knob is .. does that make sense?

Another way (what I'm doing) is to split-render your knob into static and dynamic images. You can then bake the static bit (the one that never moves), like the knob "circle" into your background image (Skinman works great here) and then draw the dynamic bit (the line in the case of a simple knob) rotated to the right value through code on top of it with transparency.

Now you got me curious... if you're going to be competition on Android ... any chance of sharing what you're working on

In exchange I'm willing to send you some Knobman/Skinman example files so you can see how I've done mine.

[keyman_sam]

Have a look at KnobMan, it can export your knob images at N various positions in a filmstrip. Then in software you draw the correct frame of the filmstrip depending on what the value of the knob is .. does that make sense?

Another way (what I'm doing) is to split-render your knob into static and dynamic images. You can then bake the static bit (the one that never moves), like the knob "circle" into your background image (Skinman works great here) and then draw the dynamic bit (the line in the case of a simple knob) rotated to the right value through code on top of it with transparency.

Now you got me curious... if you're going to be competition on Android ... any chance of sharing what you're working on

In exchange I'm willing to send you some Knobman/Skinman example files so you can see how I've done mine.

Ah, fear not my good friend. I am no competition or threat to you. I've seen your looper app GUI and I think you are quite ahead of me in the game.

I'm developing a wi-fi trackball. One that is free, works without any hassle, and is expandable to support DAWs (to be used for DAW-specific functionality).

But first, simple mouse-like functionality is required and I'm trying to figure that out. If you've seen the western digital remote control app, the GUI style is similar to what I had in mind.