Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 2, 2011
File Size
887 KB
Link
Thumb
Embed

Stats

Views
891,143 (598 today)
Favourites
2,615 (who?)
Comments
910
Downloads
340,365 (187 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
PixelVision - Skin for Steam by pulseh PixelVision - Skin for Steam by pulseh
:bulletgreen: Steam Community Group

:bulletgreen: 2014.06.29: updated to v2014-0629 (see SPUF thread for details [Link]).

:bulletred: 2014.07.26: v2014-0726 Update for the ongoing Steam Client Beta available - [Link]


Well, it's been a while!

The last time I submitted a deviation was March 2005, if memory serves. And my last skin for Steam was even earlier than that, September 2004!

This was a while back, but it used to only take a few hours in Photoshop to work on a background, then assemble a skin within minutes... All you had to do was place an image and rearrange buttons. Good old Steam v1 [Link] ... Steam's a tad more complicated and time consuming to skin nowadays, but I reckon I did allright for being 7 years out of practice.

It did take some figuring out. The main culprit being the fact that Steam doesn't allow you to change everything right out of the skins folder, which took me several headaches to realise. Apart from that though the learning curve is quite forgiving and similar in nature to css.

The end result is something that I'm quite happy with. I set out with a clear concept in mind, but as things moved along I just kept stumbling upon ideas that improved it. The tabbed browsing was never part of the original concept for example, that came up while watching an old video about Steam's developer mode back before the 2010 UI update -- Steam v3 had tabs at the top, which I had completely forgotten about. The icons came up in a similar manner while I was building the info panels in the Library Details page, something was simply missing. After that, the idea of placing icons next to major titles or headers made its way throughout the skin.

The rest just came by ironing things out towards a Pixel Perfect style which I've always been a big fan of. It's sort of what lead to the name Pixel Vision as well.

Anyway, I wanted to keep this about the skin's creation process, but you can find more Steam-specific information and instructions on the PixelVision thread over at the SteamPowered User Forums - [Link]

Thanks for reading/downloading!
Add a Comment:
 
:iconkill-shot:
You sir rock, i have searched many sites for a half decent skin for steam and all i have found is sheet, like fpsbanana those kids haven't a clue how to make a skin, this is the best i have seen yet, hope to see more of your work sir.Damn 50 words to post this well now, what else can i say, this is just awsome, and i will stick with this skin till steam goes to V5. so i am sure i'm set for a few years to come, but plz ide love to see some more nice work like this in the future.
What do you think?
The Artist thought this was FAIR
74 out of 76 deviants thought this was fair.

:iconmrx3n:
This is definately a good skin for Steam, you've proven you know about VGUI stylesheets. If you keep it updated (Valve likes to break skins with new buttons), I may stick to it. You put a lot of time into changing every aspect of the client, adding a few background images and making the detail view of the library look great!

So, enough saying it's awesome (you probably already know), here are some negative points:

- The images next to the main tabs do not blur when selected
- The colors seem to be a bit bright on the friends list
- The link to open the friends window could be bigger, altough moving it to the top is the right choice
- The fonts seem a bit blurry, like pre-.NET 4.0 WPF fonts

Keep on being awesome.
What do you think?
The Artist thought this was FAIR
56 out of 56 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:icontr3asurenub:
Tr3asurenub Featured By Owner 4 days ago   Photographer
Yeh i cant load any pages after todays update, i can only view my librarys files just fine :>
Reply
:iconpulseh:
pulseh Featured By Owner 2 days ago  Hobbyist Interface Designer
Link to Music Beta update in description :)
Reply
:iconcijik:
cijik Featured By Owner 4 days ago
So today's update implemented Steam Music player. The skin completely screws it up. Will there be a fix?
Reply
:iconpulseh:
pulseh Featured By Owner 2 days ago  Hobbyist Interface Designer
Link to Music Beta update in description :)
Reply
:iconherbis:
Herbis Featured By Owner Jul 12, 2014
Somethins broken
i.imgur.com/Xa8oX4X.png
Reply
:iconpulseh:
pulseh Featured By Owner Jul 13, 2014  Hobbyist Interface Designer
This is an extremely rare bug that I've only come across a handful of times. Usually it's fixed by either rebooting the system or uninstalling the skin and reinstalling it from scratch (or a combination of those). Might be worth rebooting for the system to assimilate the new fonts properly in case that's the problem, then deleting the PixelVision folder from Steam all together and then re-extract it.
Reply
:iconsfhpwnz:
sfhpwnz Featured By Owner Jul 8, 2014  New member
Theres is one very important button missing in the overlay which is "invite to game"!
Reply
:iconpulseh:
pulseh Featured By Owner Jul 9, 2014  Hobbyist Interface Designer
This may vary from game to game but I'm not noticing any buttons missing from the default interface. And if it's not present in the default interface, I can't make it happen I'm afraid.
Reply
:iconf33rk1ll5:
F33RK1LL5 Featured By Owner Jul 5, 2014  Hobbyist General Artist
Nice Abbott and Costello reference! :D
Beautiful skin, the only other that can hold a candle to this is Air.
Reply
:iconikyvrn:
iKyvrn Featured By Owner Jul 4, 2014
Did you update it, I noticed the font size seems smaller. I had this theme before but I restored my Computer so I reinstalled it, and the fonts are much smaller and harder for me to read. I followed the instructions like it said.
Reply
Add a Comment: