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
951,094 (446 today)
Favourites
2,742 (who?)
Comments
929
Downloads
358,359 (117 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.08.08: v2014-0808 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
89 out of 93 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
68 out of 70 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:icontisserlidtforlangt:
tisserlidtforlangt Featured By Owner 5 days ago
Used your skin for.. I don't even know how many years by now! thanks a bunch.
Reply
:iconi-disregard-gravity:
I-disregard-gravity Featured By Owner 5 days ago  Hobbyist Digital Artist
I have a bit of a special condition here.
My steam folder is on my external drive, so do I move my fonts folder out of my C: and into my external?
Reply
:iconpulseh:
pulseh Featured By Owner 5 days ago  Hobbyist Interface Designer
Not unless your operating system is installed on the external drive which I doubt :) C:\Windows\Fonts is where the fonts should be installed, or you can just extract them to a temporary location, select them all, right click and choose 'Install'. The operating system handles the fonts, not the skin.
Reply
:iconi-disregard-gravity:
I-disregard-gravity Featured By Owner 5 days ago  Hobbyist Digital Artist
Alrighty then everything's int he right place! :D
How do I switch up the fonts and all that or do I not, this is my first Steam skin.
Reply
:iconpulseh:
pulseh Featured By Owner 4 days ago  Hobbyist Interface Designer
If you mean change the font size, you can go to ...\Steam\skins\PixelVision\settings.ini and follow the instructions within to enable certain font related options amongst other things.
Reply
:iconi-disregard-gravity:
I-disregard-gravity Featured By Owner 8 hours ago  Hobbyist Digital Artist
Yea, the font size, that's what I meant, thanks!
Reply
:iconpeacethroughpower:
PEACETHROUGHPOWER Featured By Owner 5 days ago
Thank you SO much for this, I hate Steam's latest menu look, seriously... DX
Reply
:iconpulseh:
pulseh Featured By Owner 5 days ago  Hobbyist Interface Designer
Glad you like it :)
Reply
:iconpeacethroughpower:
PEACETHROUGHPOWER Featured By Owner 5 days ago
Really though, I was looking for a skin to restore what that stupid new update did to make the interface less appealing, seriously... DX  And this fixed it right up, thanks again! :D
Reply
:iconxa0tik:
Xa0tiK Featured By Owner Aug 11, 2014  Professional Interface Designer
Great skin!!! But on resolution 2560x1440 and above all things are too small =(
Reply
Add a Comment: