OSD Layout border color

Discussion in 'Rivatuner Statistics Server (RTSS) Forum' started by Karambir, May 23, 2022.

  1. Karambir

    Karambir Member

    Messages:
    18
    Likes Received:
    6
    GPU:
    RTX 3070 / 8GB
    MSI Afterburner 4.6.3
    RTSS 7.3.2
    My question is how do you give a border to osd layout in overlay editor, something like this
    [​IMG] https://imgur.com/a/K1mbIfu
    It doesn't have to be multi colored like this, single color is fine too
    So far what I have tried is to "Add embedded image" and make it look like border but it ends up not looking very clean at edges, so is there a better method?
    Been trying to search info on this from past few days and couldn't find anything.
     
  2. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    Embedded image is the closest and the only way to implement that
     
    BlindBison and Karambir like this.
  3. Karambir

    Karambir Member

    Messages:
    18
    Likes Received:
    6
    GPU:
    RTX 3070 / 8GB
    OK
    Thank you for the info
     
  4. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    I think I can simplify the process of creating borders by adding adjutable margin for the layer's background fill color. This way you'll be able to create two overlapping solid color filled layers having exactly the same sizes and positions, but define a few pixel margin for the topmost one.
     
    BlindBison likes this.

  5. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
  6. Karambir

    Karambir Member

    Messages:
    18
    Likes Received:
    6
    GPU:
    RTX 3070 / 8GB
    If it's not too much trouble to you, I think it would help people save some time
    I got it done with embedded images but it took me few hours.
     
  7. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    Done, I’ve already implemented adjustable margins for layers, which affect layer background color fill area and can be used to implement borders. Margins can be adjusted independently for left, top, right and bottom layer edges. Margins are specified in zoomed pixels (pixels * OSD zoom ratio), both positive (inner margin) and negative (outer margin) are allowed. So you can easily achieve border effect by specifying equal margins for all edges, or for example combine positive (inner) margins for top/left with negative (outer) margins for bottom/right to achieve layer shadow effect.
     
    Luminair, The1, realghostvids and 2 others like this.
  8. Karambir

    Karambir Member

    Messages:
    18
    Likes Received:
    6
    GPU:
    RTX 3070 / 8GB
    that is amazing and thank you
     
    Unwinder likes this.
  9. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    7.3.4 beta 2 with adjustable layer margins support has been released.
     
    Luminair likes this.
  10. Luminair

    Luminair Guest

    Messages:
    4
    Likes Received:
    0
    GPU:
    2070
    I'm having difficulty understanding this because I imagine placing two semi-transparent boxes over each other always resulting in the border being lighter than the center. I think I'm missing some way to get just a darker border. Can you fill me in? We can craft a one-sentence explanation for use in the app as a GUI mouseover hint.

    Thanks for adding this border feature so quickly after it was brought up, great job!!
     

  11. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    Use opaque fill color for topmost overlapping layer.
     
  12. Luminair

    Luminair Guest

    Messages:
    4
    Likes Received:
    0
    GPU:
    2070
    I will give a more clear example :) This is a semi transparent box around some information to make it more visible in game. The only way I can imagine giving this a dark border is by making a semi-transparent WHITE layer with smaller borders in the background, essentially brightening the dark background except the border.

    [​IMG]

    Here's my first shot at using a white background to make a dark background less dark, so the border stays more dark:
    [​IMG]

    Does this make sense? Is there another way to make a border?
     
  13. Unwinder

    Unwinder Ancient Guru Staff Member

    Messages:
    17,190
    Likes Received:
    6,818
    Reread previous post and use opaque fill colors to prevent blending.
     
  14. clawhammer

    clawhammer New Member

    Messages:
    4
    Likes Received:
    0
    GPU:
    3070
    Guys i still didnt get how to increase margins at the left and top side if i use Afterburner default template?

    Also can i make hotkeys for different OSD layouts like - FPS only, Light, Full etc..

    upload_2023-10-13_2-37-47.png
     

    Attached Files:

Share This Page