The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Glossy Interface

Glossy Interface

Browse Pages: 2  3  4  > >>

Yet another one of my longer tutorials yet I believe, even those new to Photoshop will be able to easily finish this and learn to give depth to an interface.

So let's begin, shall we? Here is a screenshot of the final.

To begin, create a new canvas at a size of 500 x 258 with Black as your color. Then double click the background layer in the Layers Palette and click OK. This will unlock the layer for the next step.

image 1

Now right click on the background layer in the Layers Palette and select, "Blending Options...". Now click on "Gradient Overlay".

image 2

Do not click "OK" yet. Still more to do.

Now click on "Pattern Overlay".

image 3

You may now click OK.

You should now have the below image.

image 4

Next, select the "Ellipse Tool". Draw a circle as illustrated using White as the color. Name this layer "Player Frame".

image 5

Next we will need to move the left anchor point of the "Player Frame" layer. To do this select the "Direct Selection Tool" and select the left anchor point as I have done below. Now, using the right arrow key and "Shift" key on your keyboard, move that anchor point to the right as indicated below.

image 7

Now right click on the "Player Frame" layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

image 8

Do not click "OK" yet. Still more to do.

Now click on "Inner Glow".

image 9

Do not click "OK" yet. Still more to do.

Now click on "Color Overlay".

image 10

You may now click OK.

You should now have the below image.

image 11

Now "Ctrl" click the "Player Frame" layer to create a selection around it. Then, go to the main menu and click on "Select" then "Modify" and then "Contract". Contract by 8 and click "OK". Create a new layer, named "Display" and fill with 604a27. Now deselect the selection.

image 12

Now right click on the "Display" layer in the Layers Palette and select, "Blending Options...". Now click on "Inner Shadow".

image 13

Do not click "OK" yet. Still more to do.

Now click on "Inner Glow".

image 14

Do not click "OK" yet. Still more to do.

Now click on "Satin".

image 15

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

image 16

Do not click "OK" yet. Still more to do.

Now click on "Stroke".

image 17

You may now click OK.

You should now have the below image.

image 18



Author's URL: EmpireDezign
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: 2  3  4  > >>
Share print this page subscribe to newsletter subscribe to rss

The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Glossy Interface"

Captcha