Button Tutorial
So this tutorial will show you how to make a button. I used Adobe Photoshop but I think that it is pretty much the same for all programs.
So first of all, find an image that you want to make a button with. I am going to use this one:
Open the image, select the whole thing (Ctrl + A) and copy it (Ctrl + C). Make a new image (Ctrl + N) and choose the size of button you want. I decided to make a 100x50 sized button:
Ok, now that you have your new image open, paste the picture that you have on your clipboard (Ctrl + V). Now, it is so big that it doesn't even fit in the image. So you need to resize it. You want to transform it (Ctrl + T) and hold the shift button while pulling one of the corners to resize it to the size you want. You should come out with something like this:
Ok, then you want to make the image quality a little better so you can see the features of the picture. You can go into Image > Adjustments > Brightness/Contrast. Play with the slide bars so that you have something you like. Then I always like to sharpen the image a bit so that you can see it clearly. Go into Filter > Sharpen > Sharpen. You can also do Sharpen Edges instead if you don't want it too clear. Mine looks like this now:
Now you are ready to add text. Click on your text tool and type in anything you want. Try and use a small pixel font such as 04b24 (get it
here) and make sure that the style is set to none, NOT crisp!
For this picture, I chose white font color. It looks like this:
Now, you can't really see the text can you? So I am going to add a black border to it. I right click on my text layer and select Blending Options. I then go to Stroke and change the font color to black and the size to 1 px, like this:
So now your button should look something like this:
Looks pretty good so far but I think that it needs a border. Select the whole image (Ctrl + A) and then go up to the Edit menu and select Stroke. Change the color to whatever you want and leave the width at 1px. The screen should look like this:
Now, your image should look something like this:
Beautiful, if you want, you can a second border that is just on the inside of the black border. I did mine in white:
And you're all done! I hope this tutorial helped you!
___Back