PSOGC HiRes HUD Resource Pack (for latest Dolphin ver.)

Discussion in 'Gaming' started by MagicLuthee, Jan 27, 2019.

  1. MagicLuthee

    MagicLuthee Member

    June 2020 Comparison.png

    License :


    CC-BY-NC-SA

    Project Goal :


    - Recreate the look of the original UI but in High Resolution

    Project Details :

    - It is not an upscale.
    - Made in Adobe Illustrator (a vector graphics software) which means "master-files" are resolution-independent.

    Shortcomings (as of right now) :

    - Replacing all occurences of in-game font(s) is impossible.

    Changelog :

    - Tweaked "Radial Menu" shading. Made shade darker and slightly more opaque and icon highlight color lighter.
    - Moved "Radial Menu" L & R button icons 1 unit upward.
    - Tweaked the stroke framing "Status Effect" icons by making it slightly broader and changing it's overall shape.
    - Recolored some "Status Effect" icons using the original "Status Effect" icons as models and not the "Spell Palette" equivalents.
    - Tweaked "Consumables" icon's inside shape.
    - Improved shading on "Big Window" UI element.
    - Improved red "X" icon overall shape by rounding some of it's angles.
    - Revamped "Denied" icon.
    - Improved "Trap" inventory icon faithfulness.

    HUD
    - Made HP/TP Bar ends slightly rounder
    - Made radial menu outer stroke bigger (Finally !)
    - Slightly Tweaked radial menu "Chat" icon size and position.
    - Player Panel Holder outer stroke thickness has been decreased by 0.5 unit.
    - Actions Palette Holder outer stroke thickness has been increased by 0.5 unit, making it the same thickness as Player Panel Holder stroke.
    - Darkened Player Panel shading slightly, especially near the outer stroke.
    - Stretched Photon Blast Gauge outer stroke vertically to almost perfectly match the original.
    - Small "L & R" icons have been made more faithful.
    - Fixed very small issue with "Denied" icon. Two corners were not rounded when they should have been.

    Inventory Icons
    - Meseta Icon has been tweaked and can now considered Faithful
    - Mate Icon has been reworked and now looks much closer to the original
    - Mag Icon has seen shape improvements and can now be considered Faithful

    Palette
    - Made much-needed accurateness improvements and fixes to 'Damage Trap' icon.

    Spell Palette
    - Made changes to "Grants" icon according to official art work. Bigger light ray are pointy at the tip. Smaller light rays are pointy at both ends.
    - "Leilla" and "Golla" photon blast icons have been improved slightly.
    - "Zonde" and "Gizonde" icons can now be considered "faithful" thanks to improvements made after looking at official art.

    - Glyphs 'W' and 'M' have been redrawn.
    - Improved shape of glyph '5' by adding missing detail and further refined it's shape.
    - More Faithful position for glyphs '0 3 8 v'.
    - Slightly reduced 'w' glyph width.
    - Increased 's' glyph width by 1 unit.
    - Adjusted bottom part of 'e' glyph.
    - Glyphs '9 t' have been improved.
    - Glyph 'r' has seen improvements in it's curved line
    - Top part of Glyph 'v' has been shaved slightly (its highest point is now 2 units lower)
    - Glyph 'y' has been tweaked, mainly the angle of the left downward stroke
    - Glyph '6' overall shape has been improved
    - Made strokes of '= -' glyphs thinner
    - Glyph '?' has been improved
    - Glyph '~' (tilde) now has a more faithful stroke
    - Oblique stroke from glyph '%' has thinned down (by 1 unit)
    - Glyphs '< > ( ) /' have thinned down (by 1 unit)
    - The upper part of glyph 'n' has been improved
    - Horizontal bar from glyph 'f' is now shorter on the left side than on the right
    - Glyph 'e' is now slightly shorter, only top part was altered
    - Vertical stroke from glyph '$' has been moved 1 unit to the right

    - Tons of minor tweaks

    Download (DDS @ 4 x IR) :

    v0.5.0 High Res UI

    v0.2.0 HUD Font

    Note : Get releases tagged "Compat" if your graphics card does not support BC7 DDS textures.

    About Me :

    Born in the late eighties, not a professional artist, would label myself as a "vector graphics enthusiast".

    Contact & Progress Updates :

    Eleriaqueen's Twitter

    Show your Support :

    Eleriaqueen's Tip Jar

    Buy Eleriaqueen a Ko-Fi

    [Win 10]
    Put the zip file downloaded in "Releases" section of the github page into "ResourcePacks" directory located under "Documents/Dolphin Emulator/"

    Use "Load Custom Textures" as well as "Prefetch custom textures" settings in Options->Graphics->Advanced

    (You can switch "Load Custom Textures" off and on during gameplay)
     
    Last edited: Jun 11, 2020
    beev, Yuffie, Spuz and 5 others like this.
  2. MagicLuthee

    MagicLuthee Member

    There's a new version coming soon-ish, with dozens of fixes and a much higher %-age of the UI done (you might be surprised how many more UI elements have been done), of course most of the UI isn't final.

    I'll probably also add an optional link to the port of (Google's) Roboto font for PSO I did a while back.
     
  3. MagicLuthee

    MagicLuthee Member

    Updated download link with 0.1.0-beta, tons more assets are included !
    Roboto font for PSO is included too.
    Please try the resource pack, comments/ideas are appreciated :)

    Also added Original vs HiRes comparison pictures to original post.
     
    Last edited: Jan 31, 2019
  4. Echelon

    Echelon PSOBB plastic surgeon

    It looks amazing, keep up the good work.
     
    MagicLuthee likes this.
  5. MagicLuthee

    MagicLuthee Member

    Started working on version 0.1.1

    Inventory Tab - 0.1.0.png <- before (rounded square)

    Inventory Tab - 0.1.1.png <- after (ellipse shaped)

    Asset Txt@2x.png <- Added to main window (used in multiplayer UI)

    PB Count Original.png <- Before
    PB Count Remade.png <- After

    Squares - 0.1.0.png <- Before
    Squares - 0.1.1.png <- After

    Radial Map Button - 0.1.0.png

    Radial Map Button - 0.1.1.png

    File Icons - 0.1.0.png

    File Icons - 0.1.1.png
     
    Last edited: Jun 23, 2019
  6. MagicLuthee

    MagicLuthee Member

    Last edited: Jun 23, 2019
  7. MagicLuthee

    MagicLuthee Member

    Sorry for neglecting this thread, version 0.2.0-Beta has been available for download for some time (see Original Post for link).
    I'm actively working on this project still... :)

    (Updated original post with a more up-to-date "HD" image)
     
    Last edited: Jun 25, 2019
  8. MagicLuthee

    MagicLuthee Member

    Version 0.3.0-Beta3 is available for download.


    By the way, I'm experimenting and going down the colourful rabbit hole that is theme creation...

    GPOP8P-26.png
    GPOP8P-28.png
     
    Last edited: Nov 11, 2019
    IcemaX, Jyuki and Kamui like this.
  9. MagicLuthee

    MagicLuthee Member

    Two more colour themes I made, yay for diversity !
    GPOP8P-38.png GPOP8P-30.png
    (Don't mind the shining effect on the upper left UI, it's entirely PSO's fault XD)

    -----------------------

    Original (official) UI is full of little issues like this one where two elements were badly drawn and so one kinda "bleeds" through :

    GPOP8P-36.png


    I solved this issue in my UI :

    GPOP8P-37.png
     
    Last edited: Aug 6, 2019
    Spuz likes this.
  10. Aleron Ives

    Aleron Ives Member

    Location:
    California
    Now if only you had a Dreamcast UI theme. :p
     
    MagicLuthee likes this.
  11. MagicLuthee

    MagicLuthee Member

    Good suggestion, that being said I don't know the extent of the work that's needed for that. But design-wise from what I can tell Dreamcast UI is very basic. @Aleron Ives , O Dreamcast God, can you procure me with the extracted dreamcast UI texture files ? :p (they are paletted too right ? I have no idea how to work around that)
     
    Last edited: Jul 31, 2019
  12. Aleron Ives

    Aleron Ives Member

    Location:
    California
    Well, the DC textures are stored in PVR format, so the only way to manipulate them completely is with the PhotoShop PVR plugin that comes with the Dreamcast SDK. VMT is able to extract BMP images if that's all you need, though. Which files contain relevant HUD information besides f256_hyouji.prs?
     
  13. MagicLuthee

    MagicLuthee Member

    I have a question : Are there any UI differences between PSO and V.2 ?

    Hmm it seems there's also an app called PuyoTools handles various formats like XVR / GVR ... etc
    Edit : Yes it works well, I can extract PNG files from a [PVR + PVP] pair for paletted textures and simply PVR for non-paletted ones.

    Extracting PRS files from the GDI image was a pain, had to have it in CDI format else GDROM Explorer errored out (had a GDI + 3x BIN before that and could only extract files from first track which was a dummy)

    At first glance doing a PSO DC UI will require drawing the whole thing (which isn't an issue as it'll only take time and effort), most elements I did for my "standard" HD UI won't be of any use.
    Stuff like "Action Palette" is quite different, GC uses a "radial" type UI while DC used a "diamond" shaped one. I need to make sure DC type can actually fit onto the GC texture sheet, if not I'll have to get creative ^^

    Misc :
    I replaced images in-game screenies in original post.
     
    Last edited: Aug 1, 2019
  14. MagicLuthee

    MagicLuthee Member

    Here's an attempt, many elements will have to be adapted and cannot retain their "DC" shape.

    GPOP8P-1.png
    @Aleron Ives would people still use a not-exactly lookalike PSODC UI ?
    Or should I not bother with that approach and simply do a colour theme for PSOGC UI ?
     
    Last edited: Aug 6, 2019
    Spuz and Aleron Ives like this.
  15. Aleron Ives

    Aleron Ives Member

    Location:
    California
    The only difference I can think of is that V1 is missing the icon for the quick menu. When you hold R, you still see the chat icon on the Y button.

    There's no point in trying to keep the DC Action Palette shape, because then the button press effects will be broken and require a bunch of code changes to fix. IMHO it makes more sense to keep the GC Action Palette layout, but use the style of the DC one, assuming you can figure out a way to keep it looking kind of diamond shaped while keeping the GC button layout.
     
  16. MagicLuthee

    MagicLuthee Member

    With PSOGC style radial elements.
    GPOP8P-2.png

    I can give them a blocky shape though. ^_^
    GPOP8P-4.png

    Further Progress (inc. palette icons)
    GPOP8P-6.png

    Companion / Team Mate UI Element
    GPOP8P-7.png

    Start Menu (adaptation)
    GPOP8P-8.png

    It's coming along nicely !

    GPOP8P-41.png
     
    Last edited: Aug 6, 2019
    GHOSTS and Spuz like this.
  17. Aleron Ives

    Aleron Ives Member

    Location:
    California
    That's looking shmexy. :D
     
  18. MagicLuthee

    MagicLuthee Member

    Fixed PB Gauge shape being weird, it's position was slightly altered as well.
    Modified "Player Gem" position.
    Modified "Player Gem" shape to reflect PB Gauge shape.

    Edit : Fixed some more things :
    Modified left most part of the HUD so that it ends in a point rather than a "bevel".

    GPOP8P-46.JPG

    Fixed "Companion / Team Mate HUD" shape to be in line with main HUD and "player gems", it was really wrong before...

    GPOP8P-49.jpg

    Edit 2 : "Plugged" a hole in the HUD...

    GPOP8P-48.png GPOP8P-52.png
     
    Last edited: Aug 6, 2019
    Spuz likes this.
  19. MagicLuthee

    MagicLuthee Member

    Improvements have been made thanks to Aleron Ives who provides useful suggestions.
    Left side of HUD is more accurate.
    - Cyan border is closer to "Lv" text.
    - Reduced "empty space" between PB gauge and leftmost end of the HUD. (It's pretty much impossible to have it perfectly looking like on DC because "Lv" text seems to be displayed slightly more to the left on GC than on DC)
    GPOP8P-40.jpg
     
    Last edited: Aug 8, 2019
    Echelon likes this.
  20. MagicLuthee

    MagicLuthee Member

    Hey so I worked a bit on "Companion / Team Mate" HUD element :
    - Reduced space between upper cyan border and HP Bar.
    - Reduced bottom "slope" size (On GC, team mate name is drawn quite a bit lower than on DC though...)
    - Reduced space between "Lv" Text and lower cyan border.
    - Reduced space between bottom cyan border and team mate "Gem" as well as between upper-left cyan border and "Gem".
    GPOP8P-47.png
     
    GHOSTS likes this.

Share This Page