Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

RPG (some GUI concepts)

Author: 
Tsukeo
Thursday, April 25, 2013 - 06:21
Art Type: 
2D Art
Tags: 
RPG
gui
Action
adventure
Platformer
License(s): 
CC-BY 3.0
Collections: 
  • 2D::UI/HUD/Skin
  • Game Art
  • General - G.U.I.
  • Pool: GUI (GDN)
  • Pool: Icons (GDN)
  • User Interface
  • User Interface (UI) Art Collection
Favorites: 
10
Share Icons: 
Preview: 
Preview

This is some GUI concepts I have for an upcoming game. Suggestions/Opinions? Thanks! (Btw, first from-scratch pixel art ever.) It is a VERY small picture, and I would like to resize it bigger; how?

File(s): 
rpg gui 333.psd rpg gui 333.psd 43.7 Kb [504 download(s)]
  • Log in or register to post comments

Comments

Buch
joined 14 years 8 months ago
04/25/2013 - 06:30
Buch's picture

If you mean to resize it all (without much pain), you should use an integer scaling factor (e.g. 2x, 3x) with the nearest interpolation, to avoid blurry effects. You would probably have to add more detail, then...

If you meant, instead, to enlarge the rectangle without changing the borders, just move them slightly away and fill the blank spaces in between.

Also, my personal suggestion is to use .png along with .psd, for the latter can only be used by Windows users, whereas png is universal.

Aside from that, your GUI seems pretty well done...

  • Log in or register to post comments
Tsukeo
joined 12 years 1 month ago
04/25/2013 - 06:31

Thank you! Was this good for a first time spriter? :P

  • Log in or register to post comments
Buch
joined 14 years 8 months ago
04/25/2013 - 06:38
Buch's picture

It was. I'm looking at it closer right now and I do like the way the gray background of the fill bars looks.

 

Just a couple of usability suggestions:

keep the fill and the bar background separed, so that a programmer can adjust the fill through code directly; and leave a blank pixel between L and V in the level label for, as they are now, they look pretty much like 'W'. But I think that, if you enlarge this, you're pretty likely to remove that little imperfection (as well as the P of 'pack', which is not very clear) when adding some detail...

  • Log in or register to post comments
Tsukeo
joined 12 years 1 month ago
04/25/2013 - 06:42

Well, actually, it is supposed to say Jack, and I am to remove it, it was only to see for myself how a name would like in there. cx

But, thanks for all your nice words. I will take them into consideration! 

  • Log in or register to post comments
vk
joined 12 years 3 months ago
04/25/2013 - 11:40

less gradients and less smoothing or not , dunno

  • Log in or register to post comments
Tsukeo
joined 12 years 1 month ago
04/25/2013 - 12:07

Well. I've reduced the contrasts a little (since I find flashy colours not that pretty), and I've removed the EXP bar, I guess I'll just have some number indicator somewhere. (Like the Kingdom Hearts system), or maybe percentage. Any ideas? :/

 

I've also made some more consumeable items, and I've started making a palette.

  • Log in or register to post comments
TheMasterspiffy
joined 10 years 7 months ago
10/07/2014 - 08:56

Looks awsome!

  • Log in or register to post comments