RPG Hud
Friday, February 10, 2012 - 09:51
Art Type:
Collections:
- !CO Assets
- 16x16 RPG
- 2D::UI/HUD/Skin
- CF Inspiration
- Fonts, huds and menus (pixelart)
- General - G.U.I.
- Last Warrior Saga
- Loot run
- NOT CC0 Icons, Cursors, UI
- Quality Art for 2D RPGs
- Skinship GUI test elements
- the island
- Time travel RPG
- Top Down RPG Pixel Art
- UI
- ui
- UI Stuff
- User Interface
- User Interface (UI) Art Collection
- Zed: AM: Top-Down
Favorites:
33
Share Icons:
Preview:
A hud for a RPG game I'm developing; made with Photoshop
The psd file inside the archive has the components of the hud (minimap-portrait area, health-mana-stamina bars, buttons bar, quick actions bar) in different layers (sorry for the layer names in Italian :))
Since this is my very first work of this kind, any suggestion is welcome
EDIT: corrected error pointed out by ulf and added a background for the health/mana/stamina bars
File(s):
GUI.zip 130.3 Kb [3594 download(s)]
Comments
I have two suggestions regarding production methods:
One - work at twice the final resolution or higher because your resolution needs may change in the future.
Two - I notice the the mana/stamina/etc bars have the fill color separate from the the outlines. If you build the rest of the GUI in this way you will be able to more easily re-theme/re-color the GUI by changing the fill without having to recreate the outlines.
Very early in my career I learned to design with an eye toward being able to change my artwork to accomodate the fickle desires of my clients. With photoshop this means finding a balance between keeping enough layers to be able to make edits without messing up the whole image while not having an infinite number of layers.
Another example on your GUI would be the three icons for character, inventory and book. If you built the background of the icons on a separate layer and the highlights on a separate layer you would be able to make quick adjustments during the design process. In addition, if the backgrounds for the icons were separate art you could use them to display additional information in-game, eg: the background of the inventory icon could be filled with a color indicating how full the inventory is.
Also, I've spotted one small messy bit. On the bottom of the health bar a bit of the red fill is on the layer with the blue mana fill. Minor, minor, but if you fix it now it won't show up as a problem somewhere else.
@ulf: thanks for your suggestions... Actually I do work in many separate layers - as you said I keep outlines, colors and on different layers for each component as for the bars. However my sucking connection doesn't somehow allow me to upload stuff bigger than 200-250kb... that's why I had to unite layers as much as I could, since more layers cause the file to be bigger
As for the error with the health bar, I'm going to correct it right now... Thank you again for your help!
Hey, since I SUCK at making hot bars, I was wondering if I could use the hot bar for a game I am making with a friend,
I would put your name in the credits as well, if you allow me to use it that is :P
@Anonymous: You dont even need to ask. License states that you can use it as long as you give credit to author while stating that it is licenced under CC-By license.
I confirm what cemkalyoncu said...
I'm very pleased of seeing my work used in some projects - I would really like to see it when it's done!
Nice !!
Thank you so much for making this free :D