Jump to content

UI PSDs


afish674
 Share

Recommended Posts

This may seem like a silly question. But I often find free sets of buttons or music / video player skins in .psd format. (For example:http://zerobundle.com/?ref=zb_news) How do you use these? Presumably for the buttons you just use Photoshop's slice tool to trim around them and export them as images? But for the music player skins and buttons that look like switches this would not work. preview2.jpg There must be some form of animation or something involved in CSS or JavaScript. For it to look like a switch moves from "on" to "off". Or in the case of a music player it often gives an image of the skin as it would look playing one song, with that song's title, an indicator of buffering and where the playhead is etc. This is obviously static. How would you go about making it so that the buffering indicator works properly, the right song displays etc? music_player_ui_by_mimzy71-d4a2jzh.png I'm quite new to web design (been doing it for about 6 months) and would like to learn how to utilise these features but I fear it maybe a bit over my head. I can do HTML, CSS and I'm just learning JavaScript at the moment. Thanks for your help Anthony.

  • Like 2
Link to comment
Share on other sites

yes you need to save those as web friendly format. those button can be save as one image (on and off) after that you can use css spritehttp://w3schools.com/css_sprite.asp

Link to comment
Share on other sites

sorry!here it ishttp://w3schools.com/css/css_image_sprites.asp

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...