Custom Screenshots for Media Panel

Discussion forum, stuff that isn't technical help....
Post Reply
stoniemahonie
Posts: 22
Joined: Sun Feb 23, 2020 10:11 pm

Custom Screenshots for Media Panel

Post by stoniemahonie » Mon Apr 27, 2020 6:20 am

Hello everyone,


I made some really cool custom screenshots/covers for a couple of systems i'd like to share. I made a post some years ago about it and even found another member asking for a solution on github i think ? If you google "quickplay frontend screenshots" i can find this picture as the first result from a not so long ago reddit post, now thats funny...

and then there is this thread in the help forums "multiple screenshots at once" where this screenshot is also. So, i'm that guy who made that "mock-up" :)

So if there is interest, i would happily share them all, here are a few exaples, including the metal gear one (the file dates back to august 29th in 2013, wow). The only downside might be that they are not all in english and if someone wants them to use. The filenames are all based on redump/nointro/goodset. You can check it out on github if it matches your filenaming.

Here are a few examples. They are all in "jpg", i used to have them as "png" to retain the quality but i found it was consuming too much space, so i converted them into jpg.

Image

Image

Image

Image

Image

Image

Image

I have not all systems with those kind of screenshots. It is a very time consuming experience. But i also have some covers for n64 & snes merged together, see here:

Image

Image

Not every rom (as in collections/sets) is covered but it is quite a bunch of screenshots and i could give exact instructions on how to achieve those to maybe complete your own collection or take your own screenshots (bc you want it in english or another native language) and merge them accordingly. It is super easy to do, just takes time & dedication.

I have my own criteria for those screenshots, for example all mame/fba/arcade stuff is with scanline shaders (i used the crt-royal in retroarch for all the shmups but in hindsight i like the lottes shader more but i did not have the energy to redo them but they still look ok), ps2 games are upscaled 3x and so on. I still work on some stuff like gameboy/color/advance and would also share the ones i already have but it is not much for now.

It all started with playstation 1. Back then i figured out i could use the screeshots from https://psxdatacenter.com/ and merge them with the front cover. But all the other systems, i had to make the screenshots by myself because there was no source with ready to use screenshots. Those screenshots on the back covers were a little small, thats why i did it in the firstplace. Looks also nice on a 4k tv.

And for quickplay itself, it would be cool if you could build that kind of look with the media panel, but i understand that it might take a lot of work or is difficult to do, so thats one way to customize.

Thanks for reading. Just let me know if i should share them and i will.

--

Thanks to AFaustini, i opened a github - project for those custom pictures. My preference is, as you seen above, to have a somewhat simple integration on media in quickplay.

Here is the Link to the project: https://github.com/stoniemahonie/QPCCP

I already uploaded a few systems and keep updating/expanding them. Some systems are combined under mamefba, cps 1,2,3 and neogeo, so you need to pick them if you have it sorted differently locally.

I'm a german guy, so there are quite some german covers or screenshots from german versions of ps2/gamecube/wii games if the game is in pal and has that language. But there are also lots of ntsc/us/gb covers in the mix and those custom screenshots are also often in english.

To do it yourself you can use the freeware image tool "https://www.irfanview.com/"

Then you can use the "Image->Create panorama image" function. In the options dialog you can either merge pictures horizontal or vertical. In the field "Spacing" i use the number 6 (pixels). And the "Space color" is the grey backround color of quickplays media panel.

Here is a little screenshot for the color values:

Image

I change the width always to 640 in irfanview (Image->Resize/Resample image). That way, you can have a crisp/sharp look if you move the media panel size in the right spot as shown in the samples. And for those ingame title- and/or gameplay shots, i mostly use riva statistics tuner and make a lot of screenshots from a game and then pick the one/s i like most and merge it with the title/cover-screenshot. When saving the final merged picture, i use jpg with the 80 % quality slider option in the save dialog. I might use 100 % going forward because some things don't look that great with 80 % but thats ofc personal preference. Having those in lossless png quality takes quite some space.
Last edited by stoniemahonie on Fri Jan 27, 2023 5:27 am, edited 3 times in total.
AFaustini
Posts: 70
Joined: Fri May 06, 2016 12:24 pm

Re: Custom Screenshots for Media Panel

Post by AFaustini » Wed Apr 29, 2020 9:26 pm

Hi!
I want it!
Please share!
Did you have any template? I want to make some fancier screenshots for my PC games.
AFaustini
Posts: 70
Joined: Fri May 06, 2016 12:24 pm

Re: Custom Screenshots for Media Panel

Post by AFaustini » Thu Apr 30, 2020 2:16 pm

And i suggest to use github to upload your packs.
After you uploaded it, use the imgbot github app to further reduce (lossless) image size.
I uploaded my imagepacks there:
https://github.com/AFaustini/QPImagePacks/
stoniemahonie
Posts: 22
Joined: Sun Feb 23, 2020 10:11 pm

Re: Custom Screenshots for Media Panel

Post by stoniemahonie » Thu Apr 30, 2020 10:57 pm

I'm glad you want it and after consideration, your idea with github is very good. I just wanted to upload it in zipped files, but it ain't that easy to share stuff with continued support in mind. First i was using sendspace (with writing down the DL & Delete Links, but then i tried your suggestion and it seems not so hard to do. Thank you. I'm right now uploading and will continue tomorrow.

Since i follow r/emulation, i just noticed your passion in promoting the new 4.7.5 release. Keep it up :) I will tomorrow edit the OP and integrate the link and also make a quick explanation on how i'm doing it. The Link is https://github.com/stoniemahonie/QPCCP

Have a good night everyone.
AFaustini
Posts: 70
Joined: Fri May 06, 2016 12:24 pm

Re: Custom Screenshots for Media Panel

Post by AFaustini » Fri May 01, 2020 5:12 pm

Thank you so much!
It´s a lot easier than i tought to make those images.
I wait you to finish your uploads, to fork the repository and use imgbot github app to optimize file size of your images.
stoniemahonie
Posts: 22
Joined: Sun Feb 23, 2020 10:11 pm

Re: Custom Screenshots for Media Panel

Post by stoniemahonie » Fri May 01, 2020 6:44 pm

Im already done with uploading so far. I will look into the fork then and compare the file size. It is already smaller since i started to use jpg's instead of png. I will here and there add new pictures. And for ps3 pictures, usually they are all the same name because on rpcs3, eboot.bin is always the name of the "rom". But this way, people can pick what they want.
stoniemahonie
Posts: 22
Joined: Sun Feb 23, 2020 10:11 pm

Re: Custom Screenshots for Media Panel

Post by stoniemahonie » Mon Jan 23, 2023 11:51 pm

Hello, i updated everything and also added dreamcast covers with screenshots (like psx). I also updated all filenames for almost every system to match redump/goodset/nointro naming. Almost all covers have the corresponding regional cover.

The c64 screenshots have a nointro naming now and amiga has whdload names. So it should be very easy now to just grab something and copy it into your media folder for the corresponding system without much filename hassle, if you also have that kind of naming of your gamefiles.
User avatar
butter100fly
Posts: 278
Joined: Fri Apr 29, 2016 8:13 am

Re: Custom Screenshots for Media Panel

Post by butter100fly » Tue Jan 24, 2023 3:11 pm

wow thanks indeed for this work!
stoniemahonie
Posts: 22
Joined: Sun Feb 23, 2020 10:11 pm

Re: Custom Screenshots for Media Panel

Post by stoniemahonie » Mon Mar 13, 2023 6:33 pm

Over the past weeks, i redid all the regular ps2 covers and almost all custom snes, psx, n64 covers. The quality is now good. I had all covers before created/converted to jpg with subpixel on, and all the red logos were not looking sharp because of that, they were looking kinda distracting,ugly (especially snes/psx). While doing so, i fixed some wrong ones. I also created regional folders to make it easier to grab whats interesting for ppl who use it.
Post Reply