A downloadable asset pack

Buy Now$10.00 USD or more

This asset pack contains frames, boxes, buttons, tiles and a ton of modular building-blocks to create your User interface. It's made to be a flexible, jack-of-all-trades to function with many different games. The textures are mostly stone (hence the name), with some wood, metal and paper thrown in for good measure.

You can either choose to encapsulate the game-screen in an outer border, or just use parts of it or build a completely free-floating UI. As a bonus the asset-pack also includes some item-, equipment- and spell sprites as well as a portrait.

Other asset-packs of mine that fit well with this one:

https://itchabop.itch.io/fantasy-battle-backgrounds

https://itchabop.itch.io/rpg-monster-pack


Contents (100 sprites):

Most frames and boxes are meant to be 9-sliced and come exported in both individual sprites (.png) for you to modify as you see fit and a spritesheet that you can either slice however you like, or use the spritesheet together with the included texturepacker file where they've already been sliced.

BOXES AND FRAMES (All prepped for 9-slicing)
  • MetalFrame with brushed, opaque background.
    Minimum size:  44x32px. (width x height)
  • PaperBox (Pergament texture)
    Minimum size: 59x45px.
  • TinyBox intended for checkboxes or boxes with a very small footprint.
    Minimum size: 12x12px.
  • RoundedCorner used for dialogue boxes in example screens.
    Minimum size:  16x17px.
  • ThinFrame (comes with a separate white, opaque background that you set to transparent in-engine) Minimum size: 
  • DecoratedSquare (used for small frame in upper-left corner in screenshot1. Minimum size: 26x26px.
  • IntricateFrame (used around portrait in screenshots)
    Minimum size: 40x42px (inner measurement: 22x24px).
  • BasicFrame Grayscale (Recolorable)
    Minimum size: 40x40px
  • SmallFrame (simple frame without background) 
    Minimum size: 24x24px
  • ChunkyFrame (metal cornered frame with wooden sides)
    Minimum size: 48x24px
BUTTONS
  • 1 x Stone-button (can be 9-sliced)
    General purpose button, minimum size: 16x16px, incl. down-state.
  • 1 x Large Emerald-button (can be 9-sliced)
    Minimum size: 40x21px, incl. down-state.
  • Slider-handle slider-track (can be 9-sliced)
  • Gamepad face buttons (4 total)
    Includes down-states and separate Letters (A,B,X,Y).
  • Arrow buttons
    Left, Up, Right, Down down-states.
  • 1 x Cog sprite 
  • 1 x Toggle-button
HEADERS, DIVIDERS, SYMBOLS & ICONS
  • PergamentHeader (can be 9-sliced)
    Minimum-size: 61x19px
  • 1 x ThinDivider
  • 1 x BlockBackgroundRed (can be 9-sliced)
    Used as text background
  • 1 x BlockBackgroundMudgreen(can be 9-sliced)
  • 1 x RedCrossSymbol
  • 1 x GreenCheckSymbol
  • 1 x StoneTablet (Used as a framed display with text in Screenshot #2)
    Can be 9-sliced
  • 1 x Weapon symbol
  • 1 x Shield symbol
  • 1 x Magic symbol
  • 1 x Gold coin icon
  • 1 x Gold pile icon
ITEM & EQUIPMENT BOXES & LIFE/STAMINA BARS
  • 1 x ActionBox24x24
  • 1 x ActionBoxWood24x24
  • 1 x ActionBox33x34
  • Actionbar (Shown in screen 1 and 3, left-aligned then bottom-aligned)
    Can be sliced (ActionBar.png) - also exists as separate pngs for tiling it out: start, centerand endpiece.
  • 1 x ItemSlot (can be 9-sliced)
    comes in two variants: plain background & checkered background.
  • 1 x ItemSlotStone (can be 9-sliced)
  • 1 x HealthBarMetalBorder
    Min size: 32x8px
  • ResourceVialVertical (used for health/mana/stamina/misc in Screenshot #1)
ITEM, EQUIPMENT & SPELL ICONS
  • 1 x spell-icon for damaging spells (fireball)
  • 1 x spell-icon for buff-type spells (heal)
  • 1 x Apple sprite
  • 1 x Cheese sprite
  • 2 x Potion sprites
  • 1 x Mineral/Artifact sprite
  • 1 s Sword sprite
  • 1 x Shield sprite
  • 1 x Boots sprite
  • 1 x Map/scroll sprite
  • 1 x Helmet sprite
  • 1 x Key sprite
MISC
  • 2 x Metal brackets (left and right) - decorative
  • 1 x MetalKnob
  • 1 x Paper doll sprite
  • 1 x Portrait (old man) 32x32px
  • 1 x PlainPortrait (peasant) 24x24px

THE LARGE OUTER BORDER 

This is the heavy stone (mostly) border that encapsulates the game-screen in the example screenshots. It's highly modular and divided up in 4 segments; left, upper, right and bottom (each can be sliced), but also extended in mutliple ways with repeatable wood and stone tiles. As a bonus I've also included a separate image with all building blocks that I used to build the frame - so you can compose your own unique frame or rearrange it as you see fit. This spritesheet is now adapted to a 16x16px grid so that you can use it with your favourite tile editor.


Please note that no fonts or backdrops are included in this asset-pack, they're used in purely for illustrative purposes. 

Licensing:

You may use this asset pack in both free and commercial projects. You can modify it after your own needs. You may not redistribute it or resell it.

Contact: [email protected]

Purchase

Buy Now$10.00 USD or more

In order to download this asset pack you must purchase it at or above the minimum price of $10 USD. You will get access to the following files:

StonebaseUI_v06.zip 124 kB

Development log

Comments

Log in with itch.io to leave a comment.

Just a heads up, it looks like FaceButtonYellow.png and FaceButtonYellowDown.png are identical, while the other colored face buttons have distinct differences. Otherwise this UI kit has been great!

It looks like the ActionBarStart.png and ActionBarEnd.png are the same.  Should one of them have different highlighting?

Hi, just an update. The v06 zip does not have the dragon with the tongue or glowing eye. However, your art is phenomenal and I am utilizing it to the fullest for my GUI. Thank you so much for the excellent work, definitely worth the ten dollars.

Can you please upload the finished version of the Dragon featured on your page? :)


Note for anyone reading: Most of the tiles are base 16x16, with some elements being larger (as listed by the author). This works great for me, but may not be suited for your project :) - For anyone doing retro on the fence, this is a must-buy!

Hi Tony! Ah yea I see what you mean - I removed the eyes and tongue in the latest update. No worries, I've added them back so the old design is there as an alternate now. Just download v06 again and you'll have them.

Either I am blind, or the dragon featured in screenshot in this zip file is incomplete. Does not feature an option to add the tongue either 

Ah GMS2; I see you too are a person of culture :)

Just wanted to say how beautiful this UI set is. It is an area I don't have a lot of practice in so I'm always looking for great examples to learn from. Thanks for sharing this amazingness.

Cheers!

(1 edit) ( 1)(-6)

I dislike the .tpsheet a great deal as there's nothing I use at all that uses this.
Unfortunately, most of this GUI is extremely low res.
Some of the basic stuff is still okay but honestly, this stuff looks like it was made for a 640x480 display.
If you're not using this in something like Unity with the 9-slice option in your GUI, you can pretty much count on needing to re-make a lot of the UI in Photoshop or something like that.
With how much 9-slice is needed, this should have been advertised as a Unity asset. I've spent a ridiculous amount of time creating 4x scale versions of these GUI frames.

Brilliant!

May I get 1 sample to see if the pixel size fit my game?

(1 edit) ( 1)

This is really great! 

Thanks! Appreciate it!

(3 edits) ( 1)

gives me Amiga vibes, exactly what i was looking for :) Great UI Pack!

( 1)

The best of vibes! Sweet, happy to hear that!

( 1)

This is sorcery!

Appreciate it! :)

( 1)

Beautiful pixel art UI design and style.

Thanks! Glad you like it!

( 2)

Beautiful stuff!!! Seriously retro. It may not be interesting to you but what do you think of trying some wall panels like EYE OF THE BEHOLDER for a low res crawler?

Thanks! I'd love to make something like that as it's a niche I really like - not sure there'd be enough general interest for something like that though.

I'm not sure how many of us are there, but whenever you decide to make it, I'll buy it.