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

A Little Window


I've had a few people ask me for a tutorial on the numbered windows that you see in between each step on the tutorial pages, so here it is. Such a small graphic yet one of my longer tutorials.

Here goes...We can begin by selecting the "Rounded Rectangle Tool" and with a radius of 50 draw out the below shape.

image 1

Next we will need to move some anchor points. To do this select the "Direct Selection Tool" image 2 and select the anchor point on the top left as I have done below. Now, using the arrow keys on your keyboard, move that anchor point to the left nine times as illustrated below. Do this to all four corners.

image 3

Now we will create more anchor points to the shape. Select the "Add Anchor Point Tool" image 4 and place a new anchor in the middle of all four sides and move them as described above.

image 5

Now right click the new shape layer and select, "Blending Options...". Now click on "Inner Shadow".

image 6

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

Now right click the globe layer and select, "Blending Options...". Now click on "Outer Glow".

image 7

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

Now right click the globe layer and select, "Blending Options...". Now click on "Bevel and Emboss".

image 8

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

Now right click the globe layer and select, "Blending Options...". Now click on "Color Overlay".

image 9

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

Now right click the globe layer and select, "Blending Options...". Now click on "Gradient Overlay".

image 10

You may now click "OK."

You should now have the following:

image 11

Now select the "Rounded Rectangle Tool" again and with a radius of 40 draw out the below shape. Make certain that the foreground color is 484747.

image 12

Now right click the new shape layer and select, "Blending Options...". Now click on "Drop Shadow".

image 13

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

Now right click the globe layer and select, "Blending Options...". Now click on "Inner Glow".

image 14

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

Now right click the globe layer and select, "Blending Options...". Now click on "Stroke".

image 15

You may now click "OK."

You should now have the following:

image 16

Now select the "Rounded Rectangle Tool" again and with a radius of 15 draw out the below shape. Make certain that the foreground color is 636363.

image 17

Now right click the new shape layer and select, "Blending Options...". Now click on "Drop Shadow".

image 18

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

Now right click the globe layer and select, "Blending Options...". Now click on "Inner Glow".

image 19

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

Now right click the globe layer and select, "Blending Options...". Now click on "Stroke".

image 20

You may now click "OK."

You should now have the following:

image 21

Now select the "Rounded Rectangle Tool" again and with a radius of 15 draw out the below shape. Make certain that the foreground color is D5D5D6.

image 22

Now right click the shape layer and select, "Blending Options...". Now click on "Drop Shadow".

image 23

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

Now right click the globe layer and select, "Blending Options...". Now click on "Outer Glow".

image 24

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

Now right click the globe layer and select, "Blending Options...". Now click on "Inner Glow".

image 25

You should now have the following:

image 26

The Results!!!

I've added some text along with a glare on the upper part of the window. I hope you took something away from this tutorial.

image 27

More Examples

image 28

A Little Window



Author's URL: EmpireDezign
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
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "A Little Window"

Captcha