Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them.  Home Photoshop Photoshop Basics Beginners Guide to Create Glossy Effect

Beginners Guide to Create Glossy Effect


Start by creating a new file of your choice. Fill the background with Linear gradient selecting #2E8FC0 as foreground and #2181BF as background. Use Ellipse tool to draw a white color circle as shown:

image 1

Select this layer by pressing control and clicking on its layer name in layer palette. Set the foreground color to #ECF1EF & background color to #C5C8C0. Click on gradient tool and fill the selection with these colors. Now, apply inner shadow as shown:

image 2

This will create the base of our lens.

image 3

Again create a smaller white color circle

image 4

Apply Gradient Overlay in it as shown:

image 5

image 6

Create a new layer by pressing shift+control+n together. Now select elliptical marquee tool to draw a smaller oval shape as shown:

image 7

Press "D" to change foreground and background color back to black and white. Press "x" to swap the colors. Now, select gradient tool and fill the selection with linear gradient.

image 8

Now, change the layer mode from normal to screen.

image 9

Select Rounded Rectangle tool image 10 and draw a white colored shape behind the lens base:

image 11

First, rasterize this shape by right clicking on its layer name in layer palette and select rasterize and than control+click on its layer name in layer palette to select it. Set the foreground color to #529FFB and background to #3167E0. Fill the selection with linear gradient. Our glossy lens icon is ready.

Beginners Guide to Create Glossy Effect Tutorial: Final Result



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Beginners Guide to Create Glossy Effect"

Only registered users can write comment

Reader's comments
comments annestacey May 16, 2007 says:
Beginners Guide to Create Glossy Effect
This is a beginner tutorial but it seems that there are some missing steps because I could not get the gradients to work and some of the instructions stated to do something that I didn't know how to do. I've been using Photoshop for a few years and familiar with doing layers and gradients but there seemed to be something missing. Maybe I'll try this one again at a later date.