Free online photoshop training

Photoshop tutorials for webdesigners

Make a Windows website refresh page button image

January 17th, 2008 · No Comments

Here we will tell you how to make a Windows-website-refresh-page-button-image in photoshop.

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

Windows-website-refresh-page-button-image1

[2] Now fill the Background with Black Color, then take the Elliptical Marquee Tool and fill the White color.

Windows-website-refresh-page-button-image2

[3] Then go to Blending Option use the following settings.

Windows-website-refresh-page-button-image3

Windows-website-refresh-page-button-image4

Windows-website-refresh-page-button-image5

Windows-website-refresh-page-button-image6

Windows-website-refresh-page-button-image7

[4] Your image should be look like this.

Windows-website-refresh-page-button-image8

[5] Create a new shape with the help of Elliptical Marquee Tool and fill with Black color.

Windows-website-refresh-page-button-image9

[6] Then go to Blending Option use the following settings.

Windows-website-refresh-page-button-image10

Windows-website-refresh-page-button-image11

Windows-website-refresh-page-button-image12

Windows-website-refresh-page-button-image13

[7] Your image should be look like this.

Windows-website-refresh-page-button-image14

[8] Now take the Text and select this font to make the new shape as shown image below.

Windows-website-refresh-page-button-image15

Windows-website-refresh-page-button-image16

[9] Then go to Blending Option use the following settings.

Windows-website-refresh-page-button-image17

Windows-website-refresh-page-button-image18

[10] Your image should be look like this.

Windows-website-refresh-page-button-image19

[11] Create a new shape with the help of Elliptical Marquee Tool and fill with White color.

Windows-website-refresh-page-button-image20

[12] Then change the Blending Mode and set the Opacity.

Windows-website-refresh-page-button-image21

[13] Your final image should be look like this.

Windows-website-refresh-page-button-image22

54      photoshop 3d tutorial
54      5 elements photo shop tutorial

Tags: Web graphics

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment