Photoshop website template button in photoshop

Here we will tell you how to make a Photoshop website template button in photoshop.

[1] Take a new file of 400 pixels, 400 pixels, of resolution 72 dpi in the RGB mode.

Photoshop-website-template-button1

[2] Take the Shape Tool select this one.

Photoshop-website-template-button2

[3] Make the new layer create a shape and fill with White color.

Photoshop-website-template-button3

[4] Now for this white shape, please add the following layer style.

Photoshop-website-template-button4

Photoshop-website-template-button5

Photoshop-website-template-button6

Photoshop-website-template-button7

[5] Take the Pen Tool create a shape like this.

Photoshop-website-template-button8

[6] Now take the Eraser Tool use these settings.

Photoshop-website-template-button9

[7] Then take the Pen Tool again, now right click to select the Stoke Path select the Eraser Tool.

Photoshop-website-template-button10

Photoshop-website-template-button11

Photoshop-website-template-button12

Photoshop-website-template-button13

[8] Now Select Elipse Tool , and create a simple circle.

Photoshop-website-template-button14

[9] For this circle add the following layer styles

Photoshop-website-template-button15

Photoshop-website-template-button16

Photoshop-website-template-button17

Photoshop-website-template-button18

[10] Download the following logo, and open it in Photoshop.

Photoshop-website-template-button19

[11] Now Select Elliptical Marquee Tool, and create a simple circle.

Photoshop-website-template-button20

[12] Take the Gradient Tool use these settings.

Photoshop-website-template-button21

[13] Click and drag your mouse within the circle.

Photoshop-website-template-button22

[14] Change the Blending Mode Soft Light.

Photoshop-website-template-button23

[15] This is my final result.

Photoshop-website-template-button24

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Leave a Reply

You must be logged in to post a comment.