Lucky
International Cricketer
Hi Guys,
I will try and share some of my knowledge of Photoshop with you.
I had started using Photoshop when designing bats etc for BLIC/RPIC.
I will keep updating my thread and if you guys want to find out a way to do a particular thing or make a particular effect. Please just post here.
You could use these tutorials in many ways, but if there is something you want to know, as I said before. You can ask
For the first tutorial, I thought it might be a good idea to show you how to create a simple little button.
I love the Lime Green colour. So I have decided to use that in this tutorial.
Simple Button
Ok. For this tutorial you will need to open a new image 300*300.
Now you will need to fill it with a light/creamish white colour.
I decided to pick the colour #D2D2D2. Now fill the background with that colour.
Your image should now look like this.
Now, click on the rounded rectangle tool (or if you wish, the rectangle tool).
Now drag the cursor over the background and make a rectangle.
It should be similar to the one in my image.
Now, you will have a Shape 1 Layer (the layer with the rectangle).
Double Click on that layer to open the effects for that layer.
Now go to "Gradient Overlay"
Now. Create a custom gradient, by adding your own colours. Click on the bar, and then on one side add the colours as I have done. Click Ok.
You should have something similar to this.
Now Press Control and Click on the "Shape 1" layer. It should now be selected. Now Click on the new layer button.
Now with "Layer 1" Selected. Click on Select, Modify, Contract and then Contract by say 6 pixels.
Fill the selection with any colour. In this case, I used Black.
Now, as you did before. Add Gradient Overlay Settings. Use any colours you want or use the ones same as mine.
Now is the time to add some effects to the Green Block. Again, double-click on the "Layer 1". Click on Bevel and Emboss. Add similar settings.
Now what I usually do, is delete the background layer. And then merge the image. This can be done by pressing "Control+Shift+E".
Now, we can add some burn and dodge effects to give the button a more professional look
.
And some Burn Effects now. You may wish not too add these effects and that is okay.
Now all you have to do is add some text. And on that text you can also add some effects as to what you want.
Here is the final result.
There are many variations etc and you can play around to get different images. You can try different shapes, gradients etc.
If anyone want's to know how to mkae this background in photoshop I will post it up here
I will post another tutorial up soon.

Lucky
I will try and share some of my knowledge of Photoshop with you.

I had started using Photoshop when designing bats etc for BLIC/RPIC.
I will keep updating my thread and if you guys want to find out a way to do a particular thing or make a particular effect. Please just post here.
You could use these tutorials in many ways, but if there is something you want to know, as I said before. You can ask

For the first tutorial, I thought it might be a good idea to show you how to create a simple little button.
I love the Lime Green colour. So I have decided to use that in this tutorial.
Simple Button
Ok. For this tutorial you will need to open a new image 300*300.
Now you will need to fill it with a light/creamish white colour.
I decided to pick the colour #D2D2D2. Now fill the background with that colour.
Your image should now look like this.

Now, click on the rounded rectangle tool (or if you wish, the rectangle tool).
Now drag the cursor over the background and make a rectangle.
It should be similar to the one in my image.

Now, you will have a Shape 1 Layer (the layer with the rectangle).
Double Click on that layer to open the effects for that layer.
Now go to "Gradient Overlay"
Now. Create a custom gradient, by adding your own colours. Click on the bar, and then on one side add the colours as I have done. Click Ok.
You should have something similar to this.

Now Press Control and Click on the "Shape 1" layer. It should now be selected. Now Click on the new layer button.

Now with "Layer 1" Selected. Click on Select, Modify, Contract and then Contract by say 6 pixels.

Fill the selection with any colour. In this case, I used Black.

Now, as you did before. Add Gradient Overlay Settings. Use any colours you want or use the ones same as mine.

Now is the time to add some effects to the Green Block. Again, double-click on the "Layer 1". Click on Bevel and Emboss. Add similar settings.

Now what I usually do, is delete the background layer. And then merge the image. This can be done by pressing "Control+Shift+E".

Now, we can add some burn and dodge effects to give the button a more professional look


And some Burn Effects now. You may wish not too add these effects and that is okay.

Now all you have to do is add some text. And on that text you can also add some effects as to what you want.
Here is the final result.

There are many variations etc and you can play around to get different images. You can try different shapes, gradients etc.

If anyone want's to know how to mkae this background in photoshop I will post it up here


I will post another tutorial up soon.

Lucky
Last edited: