My 720P skin...

[ArcadeFan3]

Hi everybody,

I spend some time creating a skin for my personal use on a LCD TV. I use a 720P resolution...
I think it might be a good idea to share it, in case anyone is interested...
The downside is the artwork I used. It is about 10 GB in size. So no way I can upload it somewhere... But I can provide the needed PS script and a 'how to' to create it...

Here is a screenshot and a video.






Have fun...

[Acids]

looks very nice indeed
PS Script?  photoshop i assume?

Please post what you can

[BadMouth]

Never clicked on this thread before because I thought it was a layout based on the Atari game 720° 

I finally got curious as to why someone would make a layout based on a game with very specialized controls that don't work on any other game.

I like it.

[drventure]

Is that Mala?

If so, wow. that was some work getting all those marquees and screenshots angled and skewed right. Or maybe PS can do some batch manipulation that I'm not aware of?

Still, Nice job! 

[Gray_Area]

Yeah, essentially, where is the art coming from?

And, I'm assuming, it scrolls like some game room version of a combination of 3D front end and Hyperspin?

[ArcadeFan3]

Hi guys,

nice to notice, that there is some interest.

I will put together a more detailed 'how to', when I find some time. But first, here is the main part. The Photoshop script that does the artwork... This should get you going if you have some basic Photoshop skills. I figured it out and I am a Photoshop noob... So it should not be that hard..

Code: [Select]

main ();
alert ("Done!");


function main ()
{
    if (0 < app.documents.length)
    {
        alert ("Please close all open documents before running this script.");
        return;
    }

    // Use folder selection dialogs to get the location of the input files
    // and where to save the new output files.
    var sourceFolder = Folder.selectDialog ("Please choose the location of the source snapshot image files.", Folder.myDocuments);
    var sourceMarqueeFolder = Folder.selectDialog ("Please choose the location of the source marquee image files.", sourceFolder);
    var destFolder = Folder.selectDialog ("Please choose a location where the new image files will be saved.", sourceFolder);

    var files = sourceFolder.getFiles();
    var marqueefiles = sourceMarqueeFolder.getFiles();
    for (var i = 0; i < files.length; i++)
    {
        var f = files[i];
        if (f instanceof Folder)
            continue;
           
        // open the background file
var backgroundFile = File(sourceMarqueeFolder + "/background.psd");
        var background = app.open (backgroundFile);
       
// open the snapshot file
        var doc = app.open (f);
       
// open the marquee file. If none exists then open noMarquee.png to use instead
        var marqueeFile = File(sourceMarqueeFolder + "/" + File.decode (f.name));
        if(marqueeFile.exists)
        {
            var marquee = app.open (marqueeFile);
        }
        else
        {
            var marqueeFile = File(sourceMarqueeFolder + "/noMarquee.png");
            var marquee = app.open (marqueeFile);
        }
       
// call the action to tilt the images and merge them. This can be replaced with your own creations for a layout...
        app.doAction ('Zusammenfügen', 'Arcade Snapshot Kopie') ;
        app.doAction ('Ausschneiden', 'Arcade Snapshot Kopie') ;

// save the result file
        var saveFile = File(destFolder + "/" + File.decode (f.name));
        SavePNG(saveFile);
       
// close all documents and start over again
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        doc.close (SaveOptions.DONOTSAVECHANGES);
        marquee.close (SaveOptions.DONOTSAVECHANGES);
        background.close (SaveOptions.DONOTSAVECHANGES);
     
    }
}

function SavePNG(saveFile)
{
    pngSaveOptions = new PNGSaveOptions();
    activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE);
}




The script can easily be modified to fit your own layout needs...
I don't know much about Photoshop scripts, so be careful to use it. Try it on a couple of images first, before you let it go on the whole 28.000 or so files...

What the script does:
 - ask where the snapshots are located
 - ask where the marquees are located
 - ask where the new files should be saved
 - open them, do a Photoshop action, save the result in a new file

All that needs to be done by a script, because a simple Photoshop action or a batch manipulation alone can't do it.

Tell me if you have any problems. maybe I can help...

[Antolin]

Wow! 

Can you explain step by step how to do the artwork?
I open photoshop, charge background photo and run the script, but only makes copies of the images.

I auto answer, I need to create the actions to adapt the images later run the script. Is that correct?
 Could share your background.psd and actions you use?

Thanks

Sorry for my bad english ;-)

[chucklepie]

Can you explain step by step how to do the artwork?

Hello, I think perhaps you think it's doing more than it is? what he's done I think is essentially grab every marquee/snapshot image from the snaps/marquee folder and used a photoshop script to skew the images then save them to a new folder. Then in mala point the marquee/snap to this new folder, i.e. it's a one-time batch job not something being done on the fly inside mala.

Unless I mis-read what you were asking of course

nice, skin, btw. I like the clean uncluttered look. Better than mine.

[ArcadeFan3]

Of course I share every needed file to recreate my Mala layout...
I hope I don't have missed anything... You have to place the files into the correct places for Photoshop... the "background.psd" is 7ziped itself, unpack it too.

The layout itself is not the best, but I wanted to show how to create a layout with not just rectangular snaps and marquees. It's all about the script... The included resize script takes care of horizontal and vertical screenshots, which can't be done by an action either....

The script took me some time to figure out. The needed Photoshop action is just push "record" and do so some Photoshop stuff... That is the part that can be customized.

@Antolin
I think you will figure it out without a step by step "how to"... ask if you need any further info.. My English isn't the best either, so I hope you know what I mean.

chucklepie is right, after executing the script you end up with new "snapshots" that you use in Mala...


Download link:
http://www.file-upload.net/download-7378640/720P-Layout.7z.html

[Antolin]

Thanx ArcadFan3.
Very good idea, your layout is just what I was looking for to use in a tv.

[Antolin]

ArcadeFan3, can you explain where I have to put each file?
He tells me not find the file "background.psd"
Thanks

[ArcadeFan3]

Ok, the background.psd goes to the marquee folder. Sorry for that...

The script uses a default marquee in case that there is no corresponding marquee to the snapshot. That marquee needs to be named "noMarquee.png" I forget to include mine in the download... Just create one or rename an existing one... Picture dimensions does not matter. The action will make it fit... "noMarquee.png" needs to be present in the marquee folder.

The 3 jsx files goes to the Photoshop script folder. But just start the "Mame snaps" one. The other scripts are subroutines that get called be the action files.

Scanlines.pat is a pattern file, needs to be opened with Photoshop, so it ends up in the pattern section.

Marquee.asl is a style file, needs to be opened with Photoshop too.

Arcade Snapshot kopie.atn is the action file, need to be opened with Photoshop too.

I hope I have not forgotten anything...

[Antolin]

Thanks, in the end I managed to run this afternoon, I had to modify the actions due to the language difference in photoshop.

[isolt]

I know thsi topic is a bit old but doesn anyone have these files? The download button is broken.
I'd love those photoshop scripts so that I can do something silimar.

Cheers