Simple UI/GUI App creator

Donni11

  • *
  • Posts: 2181
Hello :) ! So my game uses a lot of buttons and other UI features. However I'm not such a good artist when I try using a editor the Images sometimes come out too small or to outlined or the words aren't aligned correctly.  So I'm searching for a program which you can download and create button, banners, icons, logos etc.  All these can be created simply by filping the switches. The closest thing I found to what I was looking for is Kenney Studio. Kenney says he plans to add in the feature but I don't know how long it will take (https://itch.io/t/17078/a-button-creator) . Of course their are a few online programs but I have no clue where these people are getting their resources and are  they legal or not. So I continue my search, any suggestion ?

This is what I want the button creator to have ability :

Set color
Size
Text color and font on button
position ( pressed , poping out , etc)

« Last Edit: April 22, 2016, 06:44:48 am by Donni11 »
Peace

gurigraphics

  • Posts: 690
Search: "button ui vector".

The models are endless. You can edit and export png.

I prefer simple pixel art buttons.

I'm also using CSS3 in Html5 . I separate the game (canvas) of menus (div).
So I can use accents, textarea input, and everything I need.
But it is a little tricky because you have to edit the code Javascript and know well CSS.


Donni11

  • *
  • Posts: 2181
Hmm, I'm not using pixels for the game.  Also I'm looking for a program where user can create their own buttons. Yes Javascript and CSS3 are a option, but right now I just want to create simple images for my UI and not start inserting another programming language into the game at this point.
Peace

gurigraphics

  • Posts: 690
Long ago existed softwares to make flash buttons, banners, icons, logos.

This is your reference?

Long time flash is not used on the web, and I did not see more these software.
But there are still:
http://rbytes.net/software/web-button-maker-aqua-review/

Anyway, the design is old and ugly.

If you search for "ui games kit" in Google Images or Pinterest you perceive the new trends.

They usually use photoshop and illustrator. 

Another option. There are several CSS button generators:

http://www.bestcssbuttongenerator.com/

You can edit the button and make a printscreen.

batuhancan

  • Posts: 150
Learn to create it yourself, it is not that hard and it will come in handy in the future. There are tons of tutorials out there for Photoshop and other programs.

Donni11

  • *
  • Posts: 2181
@gurigraphics, yeah that design is pretty ugly. I'm looking something similar to the first app  just a nicer design like the 2nd app  and png export instead of flash or CSS.

@batuhancan, not every game developer is a artist :) .
Peace

gurigraphics

  • Posts: 690
If you find a program, it will be expensive and with design limited.

It is easier to follow a tutorial as batuhancan suggested.

http://nobstutorials.deviantart.com/art/Glossy-Button-Tutorial-65670723

Just follow the steps. It is easier and faster that writing code.


But, if you do not want to do this, you can just open a PSD file or AI vector, with everything ready, and just change the colors, names, sizes. You will have much more possibilities.

http://freepsdfiles.net/buttons
http://graphicburger.com/mobile-game-gui
Just open the PSD you already have the program that you seek.


« Last Edit: May 19, 2016, 05:25:13 pm by gurigraphics »

ceosol

  • *
  • Posts: 2278
It is easier to follow a tutorial as batuhancan suggested.

http://nobstutorials.deviantart.com/art/Glossy-Button-Tutorial-65670723

Just follow the steps. It is easier and faster that writing code.

I just went through this very quickly and I like it. I'll definitely be looking at it more closely next time I am making buttons.

Oh yeah, I did this is Pencyl (well, image editor which is the same thing on Mac).

gurigraphics

  • Posts: 690
Quote
I just went through this very quickly and I like it.

Yes. It just requires patience.