Overlays that mimic the borders of an older TV

Ekstreme

I spent hours last night tearing my hair out over the overlay effect. Does anyone know exactly how the effect works when used in a border as oppose to filter and how to create it?

I copied and pasted a few screen cut outs from other borders onto mine, which worked but look crappy, as above. Seems to be getting the scan line\lcd pixel effect shape right and making sure it's smartly using the PNG transparency color, usually straight black

edmaul69

@Ekstreme post your actual .png files and i will gladly fix them for you

Ekstreme

I'll do it when I get home. Can you perhaps enlighten me to the secret?

Ekstreme

@edmaul69 Here you go. Thanks https://www.dropbox.com/sh/3ih6va6cepua3rw/AACltNCnWMbQB8_d8DVyKY_qa?dl=0

edmaul69

@Ekstreme the ng pocket pic isnt useable in the form you sent. your first problem is you cant make a filter in a .jpg. it needs to be a .png. second you dont put a filter over the whole image. and you cant use a program like mspaint. i just cut out one of the lcd screens from one of the overlays already made and carefully cobbled together a 1080p version and use that to cut out pieces to the size i need. these settings should work for the lynx.

video_fullscreen_x = 1920
video_fullscreen_y = 1080
custom_viewport_width = 968
custom_viewport_height = 628
custom_viewport_x = 443
custom_viewport_y = 228
aspect_ratio_index = 22
input_overlay = /opt/retropie/emulators/retroarch/overlays/1080p_4-3/Lynx_1080p.cfg
input_overlay_enable = "true"
input_overlay_opacity = 1.000000
input_overlay_scale = 1.000000
video_smooth = true

undefined

Ekstreme

@edmaul69 Sorry I'm a bit confused. The jpg was the Lynx file, I've upload the correct one, sorry about that, I was in a rush. This does have my attempt at an affect in it.

So how exactly do you create the image to have the correct looking effect? I thought it was a matter of creating the image cutting a display area out of the png leaving black (the png transparency color) then putting the effect over that area?

Ekstreme

Hi @edmaul69 I'd really appreciate you input on the png issues please. I think I can help add value to this project. or if you can point me to any more info.

Thanks

edmaul69

@Ekstreme so i just took the transparency filter used on other overlays and carefully made a full 1080 image of it so i can cut out a piece at any size i need. The transparency piece has to be done in a program that wont make it a solid color like ms paint. And it needs to be done as a png. I can post an image of the 1080 lcd overlay if you would like. Did i do the lynx how you wanted it? I tried to make it the best max lcd screen size so it wasnt super tiny like the original lynx overlay was.

Ekstreme

I haven't tried it yet as I was a bit confused. I can see the imaged has dithered a little bit too, but I can fix that. Other than that, it looks like it will do the trick.

I actually just quickly created my ones in Irfanview, but I'd use Gimp to do the final versions. Irfanview is not really an editor

If you could post the overlay you use that'd be great and I can get cracking. Might be best as an archive as I'm not sure if this forum compresses images.

edmaul69

@Ekstreme the file is actually on imgur for me. I have it set to not compress or resize the images.

edmaul69

I had posted a zip file with it before. Here it is:
overlays

Ekstreme

Perfect, thanks