Open a new document, 256×256px, and transparent background.

You will need to add grids. They are very useful, and can even be addictive, since they are of great help.

To place them, you will need to activate the rules (Ctrl + R).

Click and hold the mouse above the rule and drag it towards the center of the document. The grids will appear automatically.

In the following image you will see the values of the grids, vertical and horizontal.

With ((Elliptical Marquee Tool)) and Alt pressed,  draw a selection as the one you see below.

Fill it in with black.

Double click the layer to open ((Layer Styles)) and apply ((Gradient Overlay)).

Accept the changes and see the results.

Right click the name of the layer and choose ((Convert To Smart Object)) from the drop down menu.

Right click and select ((Rasterize Layer)).

Duplicate the layer (Ctrl + J).

To the duplicated layer apply ((Edit))-((Transform))-((90º CCW)).

At the moment you will have 2 thread plates, one vertical and the other horizontal.
Duplicate these layers to get this result.

It is important that each thread plate  fits with the center, where the grids cross..

Temporary, add a new background layer and fill it in with grey.

Select all the thread plates and press Ctrl + E to unify them.

Select the unified layer and press Ctrl + T to activate ((Free Transform)).

Then place 45º as rotation value (pointed with a red arrow in the image below).

Eliminate the layer with the grey background.

With ((Rectangular Marquee Tool)), trace the following selection.

It is important that the selection is well centered.

Save the ((Pattern)). ((Edit))-((Define Pattern)).

Open  anew document, 350×150px, and white background.

Double click the white layer to apply ((Layer Styles)).

((Blending Options)).

((Gradient Overlay)). Use these colors: #5a5555, #909191, and #5a5555.

((Pattern Overlay)). Select the Pattern that you saved in the previous document.

Accept the changes.

Create a ((New Layer)) and fill it in with black.

Apply ((Filter))-((Noise))-((Add Noise)).

Change the layer mode to ((Screen)).

Finally apply ((Filter))-((Blur))-((Motion Blur)).

This is the final result.

Open a new document, 400×300px, and white background.

Create a ((New Layer)).

Choose #3885c0 as the foreground color.

Select ((Shape Tool)) and, from the options bar, choose the standard shape.

Now go to ((Layer))-((Layer Style))-((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Inner Glow)).

((Gradient Overlay)).

((Stroke)).

After applying the wide variety of ((Layer Styles)) you will see this:

In a new layer, add a text, element, or logo to which you will be able to apply ((Layer Styles)) as well. In this case I added the Design Owners logo.

Double click the layer to go to ((Blending Options)).

((Bevel and Emboss)).

((Stroke)).

This will be the final result.

Open a new document, 450×470px, and transparent background.

Fill it in with color #0B5F07.

For the next 4 steps it will be necessary that you use grids.

In order to place them you need to have the rules activated (Ctrl + R).

Click and hold the rule and drag it towards the center of the document; the grids will appear autoatically.

Place a vertical and a horizontal one.

Choose #11630E as the foreground color.

Select ((Elliptical Marquee Tool)), place the arrow where the grids cross and trace a selection with Alt + Shift pressed, so that itgrows proportionally from the center.

Create a ((New Layer)).

Fill in the selection with color #11630E.

Thace a circular selection as the one you see below.

Fill it in with color #1A6916.

Trace another circular selection, smaller than the other one.

Fill it in with color #1C7018.

Trace an even smaller circular selection.

Fill it in with color #1F781A.

Trace another (smaller) circular selection.

Fill it in with color #22841D.

Create a ((New Layer)).

Trace another circular selection and fill it in with.

Double click the layer to open ((Layer Styles)).

((Outer Glow)).

Accept the changes.
Create a ((New Layer)).

Draw a circular selection a little bit bigger than the one that appears before.

Create a ((New Layer))

Fill it in with white.

Double click the layer to open ((Layer Styles)).

((Gradient Overlay)). Use the following colors: #fff7ae, six times and #e2ba36, five times.

((Bevel and Emboss)).

((Drop Shadow)).

Accept the changes and see the results.

Create a ((New Layer)).

Choose #6e5500 as the foreground color.

Select ((Shape Tool)), choose the shape that appears pointed in the image below, and apply it like this::

Double click the layer to open ((Layer Stlyes)) and apply ((Bevel and Emboss)).

Accept the changes.

Create a ((New Layer)).

Select ((Shape Tool)) and choose the star.

Apply stars in the entire circle.

I recommend you to draw the star one time and then duplicate it by pressing Ctrl + J.

To the layer with all the stars, apply the same values of ((Bevel and Emboss)) that you used for the previous shape.

See the result.

Now select the font Clarendon Blk BT (very used in casinos) and write “7″. If you don’t have the font, you can download it from HERE.

Then go to ((Layer))-((Layer Style))-((Blending Options)).

((Bevel and Emboss)).

((Gradient Overlay)). Use these colors #560300 and #df0000.

((Stroke)). Now use these colors: #d1901c, #f6f960, #d1901c, #f6f960, and #f2c73a.

Accept the changes.

Duplicate the layer with the number “7″ two times (Ctrl + J) and with ((Free Transform)) (Ctrl + T) rotate them, and place them to the flanks of the original layer to get this result.

Create a ((New Layer)) and place it below the “gold medal”.

Select ((Shape Tool)), choose the crown and apply it in the superior part of the logo.

Go to ((Layer))-((Layer Style))-((Blending Options)).

((Gradient Overlay)). Use these colors: #bf9600, #fef9a8, #d59d16, and #ffd974.

((Bevel and Emboss)).

Accept the changes.

This is the final result of the logo.

Open a new document, 340×185px, and transparent background.

Select ((Gradient Tool)), ((Linear Gradient)), to trace a vertical gradient using these colors: #033478 and #000000.

Create a ((New Layer)).

Choose white as the foreground color.

With ((Rectangle Tool)), trace a rectangle as the one you see below.

Double click the layer to open ((Layer Styles)).

((Gradient Overlay)). Use these colors: #62615e, #898582, #ffffff, #ffffff, #aca8a5, #aca8a5, #3c3b40, #3c3b40, #a2a6a5, #a2a6a5, #a2a6a5, #ffffff, #ffffff, and #bdc5d0.

Accept the changes.

Choose #ed2025 as the foreground color.

Select the font Verdana and write “HeavyMetal”.

Stand in the text layer and go to ((Layer))-((Layer Style))-((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Gradient Overlay)). Use: #ed2025 and #640c0b.

Accept the changes.

Add the text and font you want and choose color #696678.

Now go to ((Layer))-((Layer Style))-((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

Accept the changes.

Ctrl + Click the text layer “HeavyMetal” to activate the selection.

Ctrl + Shift + Click the text layer to add selection.

Now go to ((Select))-((Modify))-((Expand)): 8px.

As you will see in the image above there are some irregularities. In order to fix them, select ((Rectangular Marquee Tool)), ((Add To Selection)), and create a trace over the irregularities to cover them.

Then invert the selection ((Select))-((Inverse)).

Finally, stand in the rectangle layer and with the selection active and press delete.

Deselect (Ctrl + D).

Done! An original metallic text to use as a logo.

Open a new document, 450×450px, and white background.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)), pressing and holding Alt + Shift, and draw a selection as shown in the following image.

Double click the layer to open the ((Layer Styles)) window.

((Inner Shadow)).

((Inner Glow)).

((Gradient Overlay)). Use these colors: #000000, #88a4bd and #ffffff.

((Stroke)). Colors: #bcd5ee and #35424d.

Accept the changes and see the results.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)) to trace a circular selection,a s shown in the following image.

Fill it in with black.

Double click the layer to open the ((Layer Styles)) and apply ((Gradient Overlay)). Use these colors: #000000, #000000, #ffffff, #5298d8 and #000000.

Accept the changes.

Now rasterize the 2 circles. Right click the name of the layer with the first circle and choose ((Convert To Smart Object)) from the drop down list. Right click and select ((Rasterize Layer)).

Repeat the second step.

Press and hold Alt and click in the middle of both layers. The said zone is pointed with a red arrow.

Create a ((New Layer)).

With ((Elliptical Marquee Tool)), draw a circular selection as the one that appears below.

Fill it in with white.

Double click the layer to open ((Layer Styles)) and apply ((Gradient Overlay)).

Accept and see the results.

Create a ((New Layer)).

Draw an oval selection in the top side of the button.

Fill it in with white.

Create another ((New Layer)).

Select ((Elliptical Marquee Tool)) and draw the following selection in the center of the button.

Fill it in with #212530.

Double click the layer to open ((Layer Styles)).

((Outer Glow)).

((Inner Glow)).

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)) and draw another selection in the middle of the document.

Fill it in with white.

Double click the layer to go to ((Layer Styles)).

((Inner Glow)).

((Gradient Overlay)). Use these colors: #babcbd and #ffffff.

((Stroke)).

Accept the changes.

Write a text in the button.

Stand in the text layer and go to ((Layer))-((Layer Style))-((Inner Shadow)).

Accept the changes to get this wonderful button.

Before starting, I recommend you to download the following background since it has the particular transparency that DVD boxes have. Click HERE to download it.

Download the PSD of the box by clicking HERE.

Open the PSD of the box and drag the folder that has all the layers of the box towards the wooden background document.

If you downloaded this wooden background you will have to reduce the size of the box. Select the group where the DVD box is and, with ((Free Transform)) (Ctrl + T), reduce the size.

Let’s add the cover of the amazing movie “Scarface”.

You can download thousands of movie covers www.cdcovers.cc

Now I will press Ctrl + A to select the entire cover.

Then Ctrl + C to copy.

Now press Ctrl + V to paste the cover.

Place the Scarface cover between the background and the DVD box. Take a look ate the following image:

This tutorial is cool and easy, see? I hope it was useful for you.

To begin, we will activate the grids. ((View))-((Show))-((Grid)).

Select ((Elliptical Marquee Tool)), ((Add To Selection)) to trace both circles as shown in the image below. Press and hold Alt while you do so.

Then with ((Rectangular Marquee Tool)), ((Add To Selection)), draw a rectangular selection from the middle of the circle to the other side.

You can now remove the grids. Go back to ((View))-((Show))-((Grid)).

Create a ((New Layer)).

Fill in the selection with white.

((Drop Shadow)).

((Inner Glow)).

((Bevel and Emboss)).

((Gradient Overlay)). Use these colors: #aebca8 and #ffffff.

Accept the changes and, if you did everything OK, you should see the following results.

Duplicate this layer (Ctrl + J). Right click the layer and select ((Clear Layer Styles)).

Change the layer style to ((Soft Light)) and reduce the ((Opacity)) to 30%.

Press Ctrl + T to activate ((Free Transform)) and reduce it to its half, vertically. Take a look at the following image.

With ((Rectangular Marquee Tool)), trace a selection as the one you can see below.

Go to ((Edit))-((Cut)), and then ((Edit))-((Paste)). Align the layer to its original position.

Right click the inferior layer and select ((Copy Layer Styles)), then right click and choose ((Past Layer Styles)).

Create a ((New Layer)).

Move the flash cover some pixels to the left.

With ((Rectangular Marquee Tool)), draw a rectangular selection between the cover and the memory as shown in the next 4 images. Fill it in with black.

Double click the layer to apply ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Use these colors: #2e2e2e, #000000, and #2e2e2e.

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Now draw a black square.

Double click the layer to apply ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Use these colors: #aebca8 and #ffffff.

((Stroke)).

Accept the changes.

In this layer, with ((Line Tool)), 1px, draw 2 horizontal lines in the center, one white, and the other, black.

Finally with ((Rectangular Marquee Tool)), draw 2 black squares. Enlarge the following image to see these details.

Finally, you will be able to add the details you like.

In the following image you will see my final result.

Open a new document, 400×400px, and white background.

Create a ((New Layer)).

Select ((Rectangular Marquee Tool)) and draw a selection as seen in the following image.

Fill it in with black.

Now with, ((Polygonal Lasso Tool)) trace a rectangular selection as the one you see below.

Press delete.

Repeat the previous steps in the lower part of the rectangle.

Then go to ((Filter))-((Distort))-((Shear)).

If you marked the right points in the filter ((Shear)) you will have this result.

Double click the layer to apply ((Layer Styles)).

((Inner Shadow)).

((Bevel and Emboss)).

((Color Overlay)).

((Bevel and Emboss)) – ((Contour)).

Accept the changes.

Create a ((New Layer)).

With ((Elliptical Marquee Tool)), draw a circle as the one you see below.

Fill it in with black.

Double click the layer to apply ((Layer Styles)).

((Gradient Overlay)). Use these colors: #02205d and #0030a9.

((Stroke)).

Accept the changes.

Choose #edecec as the foreground color.

Write the text and reduce the ((Opacity)) to 80%.

Select all the layers except for the background one and press Ctrl + E to unify them.

Double click the unified layer to go to ((Layer Styles)) and apply ((Drop Shadow)).

Accept the changes.

If you wish, you can download this texture and place it in the background. You can download it from HERE.

Well, thi is the final result. Greets!

Open a new document, 400×400px, and white background.

Create a ((New Layer)).

Select ((Rectangular Marquee Tool)) to trace a selection as the one you see below.

Fill it in with black.

Double click the layer to apply ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Use these colors: #adadad and #ffffff.

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Select ((Rectangular Marquee Tool)) again and draw another rectangular selection over the first one.

Fill it in with white.

Go to ((Layer Styles)) and apply:

((Gradient Overlay)). Use these colors: #adadad and #ffffff.

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Choose white as the foreground color.
Select ((Rounded Rectangle Tool)): 15px and draw this rectangle:

Double click the layer to apply the following ((Layer Styles)).

((Bevel and Emboss)).

((Bevel and Emboss)) – ((Contour)).

((Color Overlay)).

Accept the changes.

Create a ((New Layer)).

Choose white as the foreground color.

Select ((Rounded Rectangle Tool)): 10px and then draw the following rectangle.

Before going to the following step, download the mini screen wallpaper by clickng HERE.

Open the image in Photoshop and, with ((Free Transform)) (Ctrl + T), adapt it like this.

Ctrl + Click the rectangle layer to activate the selection.
Invert the selection. ((Select))-((Inverse)).

Stand in the layer where the wallpaper is and press delete.

Create a ((New Layer)).

As you can see in the image below, I added a button and the screen brand’s name.

Ctrl + Click the wallpaper’s layer to activate the selection.

Create a ((New Layer)) and, with ((Brush Tool)), size: 300px, and ((Hardness)) 0%, paint a small shine in the top side of the screen.

We are donw with the creation of the mini LCD screen. I hope you liked it, see you soon!

Open a new document, 200×230px, and black background.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)) and, pressing and holding Alt + Shift, trace the following circular selection.

Fill it in with white.

Double click the layer to apply ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Use these colors: #d9b66e and #e8d2a7.

Accept the changes.

Select ((Elliptical Marquee Tool)) and, pressing and holding Alt, draw the following selection.

Create a ((New Layer)).

Select ((Gradient Tool)) and trace a linear gradient from white to black, vertically.

Change the layer style to ((Screen)).

Create a ((New Layer)).

Choose white as the foreground color.

Now select ((Rounded Rectangle Tool)), ((Radio)): 8px to trace the following rectangle.

Do the following step in the same layer.

Now with ((Elliptical Marquee Tool)), draw a circular selection that fits with the rectangle width and exeeds the head area. Take a look at the following image.

Fill it in with white.

Place the layer underneath the head.

Double click the layer to apply ((Layer Styles)).

((Color Overlay)).

((Stroke)).

Accept the changes.

Ctrl + Click the layer to activate the selection.

Create a ((New Layer)).

Select ((Gradient Tool)), ((Radial Gradient)) and trace a gradient from #BCCFB3 to transparent. The line you have to trace is pointed with a red arrow.

Create a ((New Layer)).

Select ((Polygonal Lasso Tool)) and draw a selection as the one you see below.

Fill it in with white.

Double click the layer to apply ((Layer Styles)).

((Drop Shadow)).

((Stroke)).

Accept the changes.

Now select ((Pen Tool)) and create this following triangular trace.

Ctrl + Click to transform the trace into selection.

Create a ((New Layer)).

Fill it in with black.

Double click the layer to open ((Layer Styles)) and apply ((Gradient Overlay)). Use these colors: #d9b66e and #e8d2a7.

Accept the changes and you will see the final results.

With ((Gradient Tool)), ((Linear Gradient)), trace a gradient from top to bottom using the colors #5c6fff and #bac7fe.

Create a ((New Layer)).

Choose black as the foreground color.

Select ((Rounded Rectangle Tool)), 15px, and trace a rectangle as the one that appears below.

Now go to ((Edit))-((Transform))-((Perspective)) or ((Edit))-((Transform))-((Distort)) to create a perspective similar to the one that appears below.

Duplicate this layer (Ctrl + J).

Place it below the original layer.

Pay attention to the next step: stand in the duplicated layer and press Alt + Down Arrow 20 times exactly (no more, nor less than 20). You will see that the layers are duplicated and moved 1px downwards.

It should look like in the following image. I filled in the 20 layers with red so that you can see the process.

Select 7 of the 20 layers starting from the bottom and press Ctrl + E to unify them in an independent layer.

Now select 10 more and press Ctrl + E.

Finally, you should have 3 layers and the original one. Take a look at the following image.

Now select the bottom layer.

Double click the layer to go to ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Use these colors: #000000 and #323232.

Accept the changes.

Then select the independent layer in the middle and double click it to apply ((Layer Styles)).

((Bevel and Emboss)).

((Gradient Overlay)). Use these colors: #5f5f5f, #0c0c0c, and #5f5f5f.

Accept the changes.

Now double click the independent layer to apply ((Layer Styles)).

((Gradient Overlay)).

Accept the changes.

Now click the original layer, the one on top.

((Bevel and Emboss)).

Inner Bevel, Smooth, 1000, Up, 2, 0 (-120º, +30º)

((Gradient Overlay)). Use these colors: #000000 and #2b2b2b.

Accept the changes and, if you followed the right directions, you should see this:

Before going on, we will download the image with the Mp3 display by clicking here ACÁ.

Open the image and paste it into the document.

With ((Rectangular Marquee Tool)), select the display and go to ((Edit))-((Cut)).

Then go to ((Filter))-((Vanishing Point)). With ((Edit Plane Tool)), trace the perspective in the MP3 player’s base. Once you have done that, press Ctrl + V to paste it. Drag the image of the display  towards the perspective and notice how it fits automatically.
Accept the changes.

Double click the Display layer to apply ((Layer Styles)).

((Inner Shadow)).

((Bevel and Emboss)).

Accept the changes.

In a ((New Layer)), I added some details about the MP· player brand (DO MP3 ; ))

Ctrl + Click the layer where the base is to activate the selection. Then with((Polygonal Lazo Tool)), ((Subtract from selection)), reduce the active selection.

Create a ((New Layer)).

Fill it in with white.

Reduce the ((Opacity)) to 20%.

Finally, we will create the lateral buttons.

Select ((Polygonal Lazo Tool)) to trace the button’s selection.

Fill it in with white.

Double lick the button’s layer and apply ((Layer Styles)).

((Inner Shadow)).

((Gradient Overlay)). Use these colors: #4a4a4a and #ffffff.

Finally, duplicate the button’s layer (Ctrl + J) 2 more times.

This is the final result. I hope you liked it.

Open a new document, 640×480px, and white background.

Place the flag into the document.

Now select ((Elliptical Marquee Tool)) and trace a circle as the one you see below.

Right click the selection and choose ((Layer Via Cut)).

Eliminate the flag layer and leave the one you cut.

It will look like this.

With the selection active, go to ((Filter))-((Distort))-((Spherize)). Amount: 100%, Normal.

Don’t deselect!

With the selection active, choose ((Gradient Tool)) and trace a gradient using the colors #838383 and #ffffff

Change the gradient’s layer style to ((Multiply)).

Create a ((New Layer)).

Choose white as the foreground color.

Select ((Brush Tool)), 164px, ((Hardness)): 0% , then paint a small reflection in the left center of the flag.

Reduce the ((Opacity)) to 75% .

Done!

Open a new document, 256×256px, and white background.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)), and press + Alt, to trace a circle as the one you see below.

Fill it in with black.

Press Ctrl + R to activate the rules.

Click and drag it towards the center to place the guides. Take a look at the following image.

Create a ((New Layer)).

Stand in the black circle and, with ((Elliptical Marquee Tool)), trace a circle as shown in the following image.

Fill it in with any color.

Ctrl + Click to activate the selection of the red circle, then stand in the black circle layer and press delete.

Keep standing in the black circle layer.

Select ((Rectangular Marquee Tool)) and trace a selection as shown below.

Then right click and select ((Layer Via Cut)). Observe how the selection has been cut and placed in a different layer.

Repeat the previous steps with the other 3 layers. Take a look at the result in the following image.

Double click the cut circle layer and apply ((Layer Styles)).

((Bevel and Emboss)).

((Color Overlay)).

((Stroke)).

Accept the changes.

Apply these ((Layer Styles)) to the other 3 parts, modifying ((Color Overlay)):

Green: #11a30e.

Yellow: #bdc302.

Blue: #2628fe.

After applying the same ((Layer Styles)) to the other 3 layers, you will get this result.

Click the red circle layer, to which you already applied ((Layer Styles)).

((Inner Glow)).

((Color Overlay)).

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Trace an interior circle, as the one you see below.

Then go to ((Select))-((Modify))-((Feather)) (5px).

Fill in the selection with color #C7FFFF.

Now select ((Erase Tool)) size: 65px, Hardness: 0%. Erase this layer layer to give a half moon shape. Take a look at the result in the following image.

Duplicate the layer (Ctrl + J).

Change the blending mode to ((Overlay)) and reduce the ((Opacity)) to 70%.

Press Ctrl + T to activate ((Free Transform)) and modify the scale. You will see the values in the folowing image.

Ctrl + Click the red area to activate the selection.

Then go to ((Select))-((Modify))-((Contract)) (1px).

Create a ((New Layer)).

Apply a radial gradient from white to transparent as shown in the image below.

Duplicate the brightness layer 3 more times and then, with ((Flip Horizontal)) and ((Flip Vertical)), which you can find in ((Edit))-((Transform)), place the other duplicated layers.

Create a ((New Layer)).

Select ((Shape Tool)) and choose the curved triangle that comes with Photoshop.

Fill it in with any color.

With ((Free Transform)) (Ctrl + T), rotate the triangle.

Double click the triangle layer to apply ((Layer Styles)).

((Outer Glow)).

((Color Overlay)).

Accept the changes.

Ctrl + Click the triangle layer to activate the selection.

Then go to ((Select))-((Modify))-((Contract)) (2px).

Create a ((New Layer)).

Trace a radial gradient from white to transparent. Check out the results in the following image.

Create a ((New Layer)).

With ((Elliptical Marquee Tool)), trace a circle as shown in the image below and draw a linear gradient as shown in the following image.

You can create an outer shadow to the icon, by simply creating a black circle in the background and applying ((Filter))-((Blur))-((Gaussean Blur))(Radio: 7px). Well, this is my result.

To begin, download the image by clicking HERE and open it in Photoshop.

Create a ((New Layer)).

Select ((Rectangular Marquee Tool)) and draw a selection as the one you see below.

Fill it in with white.

Double click the layer to apply ((Inner Shadow)).

((Gradient Overlay)). Use these colors: #36691a and #7dba1b.

((Stroke)).

Accept the changes.

Create a ((New Layer)).

Select ((Gradient Tool)), ((Radial Gradient)) and trace a gradient from white to transparent in the left side of the button as it shows in the following image.

Change the layer style to ((Overlay)).

Ctrl + Click the layer to activate the selection.

Then, with ((Rectangular Marquee Tool)), ((Subtract From Selection)), reduce half of the selection. Take a look at the following image.

Create a ((New Layer)).

Fill it in with white and reduce the ((Opacity)) to 20%.

Duplicate the button 4 more times. Then drag them all towards the ((Create a New Layer)) button and, with the duplicated layer. press Ctrl + E to unify them in an independent layer. Duplicate this layer 3 more times.

Now add the title to the buttons. I used the font Verdana.

Finally select ((Shape Tool)) and choose any shapes to apply to the buttons.

Open a new document, 400×400p, and white background.

Create a ((New Layer)).

Select ((Elliptical Marquee Tool)) and draw a circle as the one that appears below. You can use Alt + Shift in order for the selection to grow proportionally from the center.

Fill it in with black.

Double click the circle layer to apply ((Layer Styles)).

((Bevel and Emboss)).

((Bevel and Emboss)) – ((Contour)).

((Gradient Overlay)). Use these colors: #8f8f8f, #ffffff, and #ffffff.

Accept the changes and see this result.

Create a ((New Layer)).

Create another circular selection as the one you see below, pressing and holding Alt + Shift.

Fill it in with black.

Open the England flag. You can download it by clicking HERE.

Press Ctrl + A to select it all.

Then Ctrl + C to copy it.

Go back to the original image.

Press Ctrl + V to paste it.

With ((Free Transform)) (Ctrl + T), reduce it and adapt it like this:

Ctrl + Click the layer to activate the selection.

Go to ((Select))-((Inverse)) to invert the selection.

Stand in the flag layer and press delete.

Double click the flag’s layer to open ((Layer Styles)) and apply ((Inner Shadow)).

Accept the changes.

Now create the Pattern.

Open a new document, 100×100px, and white background.

Select ((Rectangular Marquee Tool)) to trace a selection that occupies half the document (horizontally) and fill it in with black.

Deselect (Ctrl + D).

Save the Pattern. ((Edit))-((Define Pattern)).

Ctrl + Click the black circle, the bigger one, to activate the selection.

Create a ((New Layer)).

Go back to the original document and go to ((Layer))-((New Fill Layer))-((Pattern…)).

Accept the first window that pops up, in the second one, select the pattern you have saved and select 3 in  ((Scale)).

Accept the changes.

To the ((New Fill Layer)), change the layer style to ((Overlay)) and reduce the ((Opacity)) to 20%.

Ctrl + Click the second black circle you created to activate the selection.

Create a ((New Layer)) and bring it to the front.

Select ((Brush Tool)), big size (330px), and ((Hardness)), 0%, to paint some details of shines in the superior and inferior areas of the selection. Take a look at the following image.

I guess you noticed in the image above that there’s too much brightness. That’s why I reduced the ((Opacity)) to 60%.

Well, in the following image you will be able to see the final result.