Playnite Forums
PS5ish - A PS5 UI Inspired Theme - Printable Version

+- Playnite Forums (https://playnite.link/forum)
+-- Forum: Extension Database (https://playnite.link/forum/forum-3.html)
+--- Forum: Themes - Fullscreen (https://playnite.link/forum/forum-12.html)
+--- Thread: PS5ish - A PS5 UI Inspired Theme (/thread-492.html)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39


PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 11-30-2020

FOR PLAYNITE 9 ONLY BELOW!!!:
PS5ish
This is a theme based on the PS5 UI. 
 
Showcase:
 
Installation Instructions:
 
 
 
Newest Releases
 

To Modify the theme install the following extension:
DKG Theme Modifier: https://github.com/davidkgriggs/DKG-Theme-Modifier/releases

 
Please read the guides for installation below, they will answer most questions.
Please raise any issues or feature requests on GitHub: https://github.com/davidkgriggs/PS5ish/wiki
 

    
-- Main Thread --
[Image: fibgjGg.jpg]
  
-- Features --
[Image: XW7d63W.jpg]
 
-- Settings --
[Image: QztQ2zQ.jpg]

 
-- Installation Instructions --
 
-- Installation PS5ish -- 
In Desktop Mode you need to go to Settings and then Grid View you can then set your Target Aspect Ratio to any of the following depending on what Covers you have:
  • 1:1
  • 3:4
  • 2:3 
Stretch Mode is a personal preference, either Fill or Uniform to Fill will work and do slightly different things.
Please see below screenshots of settings:
[Image: E38fK8F.png]

[Image: a2G58CI.png]

[Image: X5iSQre.png]
 
 
 
-- Store Button --
To use the store button please install the DKG Theme Modifier. You can then enable store button and set a link to a website or set it to go to an application exe.
 
 
 
-- Adding Micro Trailers and Trailers --
Micro Trailers are used on the Cover Images in the Main view, Trailers are used in the Game Details view.
To add Micro Trailers and Trailers please use the extension Extra Metadata Tools Video by darklinkpower, found here: https://playnite.link/forum/thread-575.html
 
 
 
-- Video Intro --
To use Video Intro’s, you will need to install the DKG Theme Modifier, this will have a check box to enable Video Intro’s.
You will need to copy your video to:

%APPDATA%\Playnite\ExtraMetadata\Themes\Fullscreen\PS5ish

Your video needs to be named:

IntroVideo.mp4

Videos are muted by default so they do not collide with Playnite Sounds on Startup, you can unmute the Video Intro in the DKG Theme Modifier.
 
 
 

##################################################
##################################################
FOR PLAYNITE 8 ONLY BELOW!!!:
PS5ish
This is a theme based on the PS5 UI. 
This theme automatically crops the covers to the cover style chosen via the Grid View, if all your images match the aspect ratio chosen.
[Image: w0LPzYo.png]

If you can please use GitHub to raise issues and new feature requests: https://github.com/davidkgriggs/PS5ish


 
Newest Releases
 
Please Install DKG Theme Modifier, it will enable you to receive PS5ish Theme Update Notifications as well as easy modification of the theme if you want to. 
 
PS5ish v3.7.8: [attachment=1829]

DKG Theme Modifier: https://playnite.link/forum/thread-665.html

 
Please read the guides for installation here:
https://github.com/davidkgriggs/PS5ish/wiki
Or below, they will answer most questions.
 
NOTE: When updating themes in Playnite it deletes the previous version before updating so please backup any background music, videos, images or profile pictures before updating and then reapply. UNLESS you have the new Extra Metadata Tools installed.

 
News & Updates
 
15/08/2021
Updated to v3.7.8
Features:
- Fixes blurry covers.

03/08/2021
Updated to v3.7.7
Features:
- Fixes for a few bugs to do with the Game Row.
- To disable the Animated Intro you now need to set the Length of Time to 1 second in the new DKG Theme Modifier.
- To remove the title on the main page you can just disable game titles in the Playnite settings in fullscreen mode now.

20/07/2021
Updated to v3.7.6
Features:
- Fix for Single Row Mode
- Fix for Preview Grid

19/07/2021
Updated to v3.7.5
Features:
- Thanks to help from Crow the theme should now be less laggy, even for larger libraries.
- Loads of optimizations.
- New animations for Row of Games.

09/07/2021
Updated to v3.7.4
Features:
- Option to have Trailer audio on by default, use DKG Theme Modifier.

17/06/2021
Updated to v3.7.3
New Features:
- Fix for crash related to changing Filter Presets

16/06/2021
Updated to v3.7.2
New Features:
- Trailer on Game Details page now goes full-screen.
- Video Covers option for the items on the row.
- Fix for Single Row mode.
- Fix for issue with Game List not updating correctly.

14/06/2021
Updated to v3.7.1
New Features:
- Loads of optimisations.
- Platform now shows next to the game title, this is how it is on the PS5.
- XMB animation has had to change.

27/05/2021
Updated to v3.7.0
New Features:
- I have re-created the XMB to match the PS5's almost perfectly.
- New XMB animations.


                                                                                                                                               
NOTE: Please check Old News & Updates at the bottom of this thread for information you may have missed.


   
-- Main Thread --
Comparison to screenshot from PS5, PS5 on the Left and PS5ish on the Right:
[Image: 6jTFlZq.png]
  
-- Features --
[Image: 4IXid54.png]
[Image: 4KUx2ND.png]
 
-- Settings --
[Image: efILRKC.png]

 
-- Installation Instructions --
 
-- Installation PS5ish -- 
In Desktop Mode you need to go to Settings and then Grid View you can then set your Target Aspect Ratio to any of the following depending on what Covers you have:
  • 1:1
  • 3:4
  • 2:3 
Stretch Mode is a personal preference, either Fill or Uniform to Fill will work and do slightly different things.
Please see below screenshots of settings:
[Image: E38fK8F.png]

[Image: a2G58CI.png]

[Image: X5iSQre.png]
 
 
 
-- Adding Micro Trailers and Trailers --
Micro Trailers are used on the Cover Images in the Main view, Trailers are used in the Game Details view.
To add Micro Trailers and Trailers please use the extension Extra Metadata Tools Video by darklinkpower, found here: https://playnite.link/forum/thread-575.html
 
 
 
-- Video Intro --
To use Video Intro’s, you will need to install the DKG Theme Modifier, this will have a check box to enable Video Intro’s.
You will need to copy your video to:

%APPDATA%\Playnite\ExtraMetadata\Themes\Fullscreen

Your video needs to be named:

PS5ishIntroVideo.mp4

Videos are muted by default so they do not collide with Playnite Sounds on Startup, you can unmute the Video Intro in the DKG Theme Modifier.
 
 
 
-- Installation Playstation Sounds --
 
You'll need to install the Playnite Sounds Extension found here: https://playnite.link/forum/thread-432.html?highlight=playnite+sounds
Then navigate to the below, delete all the sound files in there and copy in the ones from PlaystationSounds.zip for PS4 Sounds or Playstation_5_Sounds.zip for PS5 Sounds courtesy of tepaseointenso.
[attachment=1061]
[attachment=1087]
[Image: LJnahhT.png]
 
 

 
-- Background Image --

To install open Windows Explorer and copy %APPDATA%\Playnite\Themes\Fullscreen into the navigation bar. Go into the folder for whatever version of PS5ish you have installed. Go into the Media folder and then copy in a jpg called background.jpg. It will then be used as the background for everything if Game Backgrounds are disabled.
 
 
-- Profile Picture, Background Music & Background Video --
There are now two ways of doing this depending on whether you have Extra Metadata Tools installed or not, please follow the relevant guide below.

-- WITHOUT Extra Metadata Tools --
The background video I have made myself, so it is not the PS5 one, I can't source that so I done the next best thing and made a similar one. I have made it in 4K (background_2160.mp4), 1080p (background_1080.mp4) and 21:9 Aspect Ratio (background_21-9.mp4) I am personally using background_1080.mp4 as its a smaller resource and looks the same quality wise.
To install open Windows Explorer and copy %APPDATA%\Playnite\Themes\Fullscreen into the navigation bar. Go into the folder for whatever version of PS5ish you have installed.
Go into the Media folder and then copy in background.mp3 for background music and either background_1080.mp4 or background_2160.mp4 for background video.
For Profile Picture you will see a few Profile Pictures in the Media folder, the one name ProfilePicture.png will be the one used, so you can rename another one to use one of them or add your own. It is recommended you use something that is the same resolution.

Download Links:
background.mp3 (courtesy of Gregnator): https://drive.google.com/file/d/18gIzFMu3Uw4sJQipiL6T68JRX2qFjqEk/view
background_1080.mp4: https://www.mediafire.com/file/e8n9ze65jdnwbwf/background_1080.mp4/file
background_2160.mp4: https://www.mediafire.com/file/sri35ukbr42uhq5/background_2160.mp4/file
background_21-9.mp4: https://www.mediafire.com/file/7z6j7ai808ayuy1/background_21-9.mp4/file
 
 
-- WITH Extra Metadata Tools --
Please scroll down to the section below called -- Extra Metadata Tools -- for all the information on this.
 

-- Extra Metadata Tools --
This Extension allows you to add Logo's for each game and not use the Icon's for Logo's like this theme currently does, Profile Picture, Background Music and Background Video. All media is retained in the Extra Metadata Tools folder so is not deleted upon theme updates.
You'll need to go to https://playnite.link/forum/thread-575.html and follow any instructions for installation of the plugin.

Once Installed you will then need to use the plugin to add Logo's to your games by right clicking them, like the screenshot below.
[Image: EhZ6uE1.png]

Please note that there is an option to convert your current Icon's to Logo's but this deletes them as Icon's. So you would need to add them all again as icon's if you wanted to uninstall this extension.

To add a Profile Picture, Background Music or a Background Video you'll need to right click any game and then add them like the screenshot below, you only need to add these once not for each game.
[Image: n5jzcld.png]

You should see a pop up like below when starting my theme for the first time with this extension installed, just click OK and restart Playnite and it will all be working. If you don't see this pop up please restart Playnite until you do.
[Image: s3E1Z8f.png]

If you want to go back to using the Icon's you will need to uninstall the extension and re-install my theme.
 
 
 
-- SuccessStory Integration --
[Image: NnWFIgG.png]

For Trophy's Earned to show you need to install the latest version of SuccessStory which can be found here: https://playnite.link/forum/thread-275.html

Once installed in Desktop Mode you need to go to Settings, Plugins and then SuccessStory. On the Appearance tab you need to turn on Enable custom theme integration (Only if integrated in custom theme), see screenshot below:
[Image: pfstiv9.png]
 
 
 
-- HowLongToBeat --
For HowLongToBeat integration you will need to go to https://playnite.link/forum/thread-309.html and follow any instructions for installation of the plugin.
Once Installed you will then see new information in the Game Details page if the game has any data.
 
 

-- Turning Things On and Off and Changing Labels --
Can all now be done use the DKG Theme Modifier Extension found here: https://playnite.link/forum/thread-665.html

  
 
 
-- Tutorial - Quick Guide To Add Images -- 
This is a quick guide to adding images more easily for this theme.
For Icons click the "G" in the Icons section below, then after the word "icon" add site:steamgriddb.com like below, you can then select an icon you like.
[Image: Vlt6gAk.png]

For Cover Images click the "G" like below, then replace the word "cover" with imagesize:1024x1024 site:store.playstation.com like below. This will find images only from the Playstation Store, you can remove site:store.playstation.com if you don't want images just from there. 
[Image: y6Su75B.png]

For Background Images click the "G" like below, then replace the word "wallpaper" with imagesize:3840x2160 site:store.playstation.com like below. This will find images only from the Playstation Store, you can remove site:store.playstation.com if you don't want images just from there.
[Image: JkfVrxw.png]

For any of the imagesize: bits you can add your own resolutions. Hopefully this guide helps.

 
 
  
-- Old Updates --



RE: PS5ish - A PS5 UI Inspired Theme - kersalmassive - 11-30-2020

Looks really good. Good job.

Saves me doing one now Smile


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 11-30-2020

(11-30-2020, 02:09 PM)kersalmassive Wrote: Looks really good. Good job.

Saves me doing one now Smile

Your Xbox themes where my inspiration for this so thanks for those. They taught me alot!


RE: PS5ish - A PS5 UI Inspired Theme - hunt363 - 11-30-2020

This is an awesome recreation of the PS5 UI! Only problem is, it doesn't work well with anything but square covers. Would it be possible for you to make a version for tall covers? Like the Steam covers that come in 600x900. Since a lot of people use tall covers.


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 11-30-2020

(11-30-2020, 02:33 PM)hunt363 Wrote: This is an awesome recreation of the PS5 UI! Only problem is, it doesn't work well with anything but square covers. Would it be possible for you to make a version for tall covers? Like the Steam covers that come in 600x900. Since a lot of people use tall covers.

I'll certainly look into it and see if I can get it working properly.


RE: PS5ish - A PS5 UI Inspired Theme - thunderchicken - 11-30-2020

Made an account just to tell you thank you! This is great. Looking forward to further updates!


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 12-01-2020

(11-30-2020, 08:59 PM)thunderchicken Wrote: Made an account just to tell you thank you! This is great. Looking forward to further updates!

Glad you like it. Thank you.


RE: PS5ish - A PS5 UI Inspired Theme - Gregnator - 12-01-2020

I have a problem with this theme...

You see, I like this theme too much, and that's a problem.
Why is that a problem?
Because I have over 700 games...
I have already re-done too many of the art images to adjust to the theme's specs...

I hate that I am so deeply in love with this theme!
Absolutely an amazing job!

If I could think of any improvements all I can think of is: instead of showing which platform the game is on, perhaps show how many achievements? If that's possible ofcourse.

I can't think of anything else, this is just such an amazing theme


RE: PS5ish - A PS5 UI Inspired Theme - Pedro Josefino - 12-01-2020

I did the whole procedure, but my images are cut off, what am I doing wrong? just remembering that the images are in the same standard size 1024x1024, 800x800 etc.

https://photos.google.com/search/_tra_/photo/AF1QipNF7c0fxbakYWanDlpDpF6JrsVhiY3pdoSEzE0W


RE: PS5ish - A PS5 UI Inspired Theme - Duece - 12-01-2020

(12-01-2020, 02:42 PM)Gregnator Wrote:
(12-01-2020, 02:39 PM)Duece Wrote: This is a great theme, very well done.
I've followed your instructions to a T and it came out perfectly, including the sounds.
Holy heck! You've done a good job as well! Is there a way we can all contribute? Like a giant folder with all the games that have been fixed for this theme? I'd love to share what I've done so far, and if others do the same then we don't all have to do the same thing. If that makes sense. I like your detroit become human photo better than mine

I've found most of my boxarts from playstation.store and the wallpapers are just randoms that I find on google.

Also the png logos come from https://www.steamgriddb.com/


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 12-01-2020

(12-01-2020, 12:42 PM)Gregnator Wrote: I have a problem with this theme...

You see, I like this theme too much, and that's a problem.
Why is that a problem?
Because I have over 700 games...
I have already re-done too many of the art images to adjust to the theme's specs...

I hate that I am so deeply in love with this theme!
Absolutely an amazing job!

If I could think of any improvements all I can think of is: instead of showing which platform the game is on, perhaps show how many achievements? If that's possible ofcourse.

I can't think of anything else, this is just such an amazing theme

Glad you're enjoying the theme! Your Library is looking great! Thanks for the feedback. There is and extension called SuccessStory in the forums that pulls achievement information. I don't know whether I could pull information from that into my theme. I'll look into it.



(12-01-2020, 03:00 PM)Pedro Josefino Wrote: I did the whole procedure, but my images are cut off, what am I doing wrong? just remembering that the images are in the same standard size 1024x1024, 800x800 etc.

https://photos.google.com/search/_tra_/photo/AF1QipNF7c0fxbakYWanDlpDpF6JrsVhiY3pdoSEzE0W

The link you have sent doesn't go to anything for me. Usually the reason the image is cut off is either the image is not square or you have not changed the Grid View to be 1:1.


RE: PS5ish - A PS5 UI Inspired Theme - blxckjxck47 - 12-01-2020

(11-30-2020, 02:33 PM)hunt363 Wrote: This is an awesome recreation of the PS5 UI! Only problem is, it doesn't work well with anything but square covers. Would it be possible for you to make a version for tall covers? Like the Steam covers that come in 600x900. Since a lot of people use tall covers.
i second this.


RE: PS5ish - A PS5 UI Inspired Theme - Pedro Josefino - 12-01-2020

[Image: Sem-t-tulo.png]

In mine the image is cropped. This in all games added.


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 12-01-2020

(12-01-2020, 06:12 PM)Pedro Josefino Wrote: [Image: Sem-t-tulo.png]

In mine the image is cropped. This in all games added.


Ahh OK I see now, you missed the step to change the columns to 12, it's the only way to have the games the right size unfortunately. The step is:
"To get the theme to work correctly you'll need to have the settings like mine. But you'll need to edit your "fullscreenConfig.json" to have 12 Columns. It is located in: %APPDATA%\Playnite for windows. Just open it with a notepad editor."

Hope this sorts your issue.



(12-01-2020, 05:20 PM)blxckjxck47 Wrote:
(11-30-2020, 02:33 PM)hunt363 Wrote: This is an awesome recreation of the PS5 UI! Only problem is, it doesn't work well with anything but square covers. Would it be possible for you to make a version for tall covers? Like the Steam covers that come in 600x900. Since a lot of people use tall covers.
i second this.

The Portrait Covers version of the theme should work with Steam Covers. Let me know how you get on.


RE: PS5ish - A PS5 UI Inspired Theme - Pedro Josefino - 12-01-2020

(12-01-2020, 06:19 PM)davidkgriggs Wrote:
(12-01-2020, 06:12 PM)Pedro Josefino Wrote: [Image: Sem-t-tulo.png]

In mine the image is cropped. This in all games added.


Ahh OK I see now, you missed the step to change the columns to 12, it's the only way to have the games the right size unfortunately. The step is:
"To get the theme to work correctly you'll need to have the settings like mine. But you'll need to edit your "fullscreenConfig.json" to have 12 Columns. It is located in: %APPDATA%\Playnite for windows. Just open it with a notepad editor."

Hope this sorts your issue.



(12-01-2020, 05:20 PM)blxckjxck47 Wrote:
(11-30-2020, 02:33 PM)hunt363 Wrote: This is an awesome recreation of the PS5 UI! Only problem is, it doesn't work well with anything but square covers. Would it be possible for you to make a version for tall covers? Like the Steam covers that come in 600x900. Since a lot of people use tall covers.
i second this.

The Portrait Covers version of the theme should work with Steam Covers. Let me know how you get on.

I managed, the problem is that I edited the columns and saved the file, but when I entered the application, it went back to 10, but I managed to solve it and save it in 12 columns, thank you very much.


RE: PS5ish - A PS5 UI Inspired Theme - Gregnator - 12-01-2020

Seeing I only got Playnite last night, and I see some having issues with the image resolutions, here are 20 games done manually.
People can use it as templates if they want, everything is labeled correctly, all they have to do is just replace their existing images with these

PACK UPDATE 107 games now supported:

PACK UPDATE! 107 games/apps supported for this skin.
Attachment shows the games/apps in question. Works perfect for this skin :3

Download here: https://drive.google.com/drive/folders/1JdTz2Mm1prSZy8SwSGric4Rjzb1-b4PA?usp=sharing


RE: PS5ish - A PS5 UI Inspired Theme - SeeDborg - 12-01-2020

Feel free to use mine too if you want : https://imgur.com/a/EYAzgHW

Maybe we should do something with the square banners, I'm trying to launch it here : https://playnite.link/forum/thread-454.html


To the creator of the skin : thanks, it's wonderful. But I'm having the problem of the cut covers too, even though I edited the number of columns to 12 in the json file...


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 12-02-2020

(12-01-2020, 11:07 PM)SeeDborg Wrote: Feel free to use mine too if you want : https://imgur.com/a/EYAzgHW

Maybe we should do something with the square banners, I'm trying to launch it here : https://playnite.link/forum/thread-454.html


To the creator of the skin : thanks, it's wonderful. But I'm having the problem of the cut covers too, even though I edited the number of columns to 12 in the json file...

Send me a screenshot and I'll try and figure it out. With regards to square covers I've just been using the Playstation store or Microsoft store. I'll add a tutorial of how to get them to help people. But yes, having a proper collection of them in one place would be great! Or an extension to playnite that would scrap for square covers in the meta data.


RE: PS5ish - A PS5 UI Inspired Theme - davidkgriggs - 12-02-2020

(12-01-2020, 07:17 PM)Gregnator Wrote: Seeing I only got Playnite last night, and I see some having issues with the image resolutions, here are 20 games done manually.
People can use it as templates if they want, everything is labeled correctly, all they have to do is just replace their existing images with these.

Pack 1 contains:

- A Way Out
- Among Us
- Beyond Two Souls
- Castle Crashers
- City Game Studio
- Control
- Controller Companion
- Democracy 4
- Detroit Become Human
- Film Maker Tycoon
- Hades
- Horizon Zero Dawn
- Netflix
- Plex
- Paladins
- Rocket League
- Sands of Salzaar
- This War of Mine
- Visual Novel Maker
- Wallpaper Engine

The reason I only put 20 in the pack is because I honestly don't want to overstep. But I have more if people do want more.
Just want to help out :3

Zip with art here:
https://workupload.com/file/tjVQwNtQxDB

Great effort with these and feel free to upload more. I have added a guide to grab images more easily so hopefully this helps everyone, they can choose how to get their images that way.


RE: PS5ish - A PS5 UI Inspired Theme - Gregnator - 12-02-2020

(12-02-2020, 10:52 AM)davidkgriggs Wrote:
(12-01-2020, 07:17 PM)Gregnator Wrote: Seeing I only got Playnite last night, and I see some having issues with the image resolutions, here are 20 games done manually.
People can use it as templates if they want, everything is labeled correctly, all they have to do is just replace their existing images with these.

Pack 1 contains:

- A Way Out
- Among Us
- Beyond Two Souls
- Castle Crashers
- City Game Studio
- Control
- Controller Companion
- Democracy 4
- Detroit Become Human
- Film Maker Tycoon
- Hades
- Horizon Zero Dawn
- Netflix
- Plex
- Paladins
- Rocket League
- Sands of Salzaar
- This War of Mine
- Visual Novel Maker
- Wallpaper Engine

The reason I only put 20 in the pack is because I honestly don't want to overstep. But I have more if people do want more.
Just want to help out :3

Zip with art here:
https://workupload.com/file/tjVQwNtQxDB

Great effort with these and feel free to upload more. I have added a guide to grab images more easily so hopefully this helps everyone, they can choose how to get their images that way.
Thank you, I'll look around to upload some more then :3
Also thank you for the guide how to grab images more efficient.

PACK UPDATE! 107 games/apps supported for this skin.
Attachment shows the games/apps in question. Works perfect for this skin :3

Download here: https://drive.google.com/drive/folders/1JdTz2Mm1prSZy8SwSGric4Rjzb1-b4PA?usp=sharing