• 0

Making buttons in photoshop


Question

Hi,

I all too often have to create buttons in photoshop. I was wondering if there was a quicker way on the saving side of things.

Lets just take a simple blank button or icon for example, then on each layer you have a different little icon that goes with the button. Then you show the layer of the icon you want and save the button as an image, you then go back and hide that layer again and show the layer of another icon and save as another button... and so on.

Am I missing out on something here, or is there a quicker way to doing this? I was looking at batch processing, but I don't know if that's what I should use or not.

Help please.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Okay. I have looked at about 100 tutorials on this in the last week, and not one tutorial tells you what to do to FINISH it all off. Example:

You have created a great looking button, and you now have about 4 layers, your canvas is quite big and it is saved as a psd file.

What format do you save it in? How do you make your button the size you want it on the web page, do you flatten the image???

Any help on how to FINISH these button tutorials will be great!!

Well to use it on the internet. Go to file save as. Save it as a png.

Link to comment
Share on other sites

  • 0

@fastboy42: that's how I'd do it. You could look into 'Recording Actions' to batch process them but as you'd have to select different layers I'm not sure if it will work. It's not something I use to be honest. There's lots of tutorials on Google about recording actions and batch processing though so give it a try and see if it works.

@Alessia222: as thatguyandrew1992 said, just save it in whatever format you want - jpg, gif or png, although I always use File>Save For Web.

There's no need to flatten the image, and if you've got a huge canvas with a small pic in the middle select Image>Trim to automatically trim it, or you can select the area you want manually and select Image>Crop. To resize the actual image select Image>Image Size and enter the dimensions you want. Make sure Constrain Proportions is checked and Photoshop will automatically ensure the image shape stays the same, i.e. if you enter the width Photoshop will automatically calculate the height and vice versa.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.