Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Floating Tag

Floating Tag


image 1

Step1: Setting up your work space.

Create a new image using the dimension  800 x 600. Set the background color to white. Create a new layer, Layer > New > Layer... (Shift+Ctrl+N).  Set the foreground color to #94e803

Step2: Creating the rectangle and the shadow.

Click on the Rounded Rectangular Tool image 2 and create the rectangle below.

image 3

Create a new layer, Layer > New > Layer... (Shift+Ctrl+N). Make sure this layer in under the button layer. Click on the Polygonal Lasso Tool image 4 using the setting below

image 5

Create the Lasso below

image 6

Click on the Paint Bucket image 7 and fill the selection with black, as shown below.

image 8

Click on the shadow layer and change the Opacity to 32% as shown below.

image 9

Finished:

That is it. Hope it came out to what you expected.

Floating Tag



Author's URL: Mark
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Floating Tag"

Captcha