FanExtra Network

tapethumb200

How to Create a Detailed Reel to Reel Tape Recorder

Hi there. In the following tutorial your will learn how to create a detailed reel to reel tape recorder. You’ll learn how to work with Photoshop’s advanced drawing capabilities, correctly using blending options and create details, textures and lighting from scratch.

Final Image

As always, this is the final image that we’ll be creating:

Step 1

Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK. Enable the Grid (View > Show > Grid) and the Snap to Grid (View > Snap To > Grid). For the moment you need a grid every 5px. Go to Edit > Preferences > Guides, Grid & Slices and focus on the Grid section. Enter 5 in the Gridline Every box and 1 in the Subdivision box. Also, set the color of the grid at #696969. Once you set all these properties click OK. Don’t get discouraged by all that grid. It will ease your work later. You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes.

Step 2

Pick the Rectangle Tool and create a 360 by 105px vector shape. Move to the Layers panel and double click on this new shape to open the Layer Style window. Activate the Inner Shadow and the Gradient Overlay then enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: -90 degrees
Distance: 2px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 3

Keep focusing on the Layers panel, right click on the vector shape created in the previous step and click on Convert to Smart Object. Make sure that this new smart object is selected and go to Filter > Noise > Add Noise. Enter the data shown in the following image and click OK.

Step 4

Set the foreground color at #e6e6e6 and grab the Rectangle Tool. Create a 360 by 250px vector shape and place it as shown below. The Snap to Grid should ease your work. Move to the Layers panel, open the Layers Style window for this new shape and enter the properties shown in the following image.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Step 5

Pick the Rectangle Tool, create a 360 by 5px vector shape and place it as shown below. Open the Layers Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: -90 degrees
Scale: 100%

Step 6

Pick the Rectangle Tool, create a 10 by 355px vector shape and place it as shown in the first image. Continue with the Rectangle Tool, create a 10 by 250px vector shape and place it as shown in the second image.

Step 7

Focus on the two shapes created in the previous step. Start with the black one. Select it from the Layers panel and grab the Direct Selection Tool. Select the bottom, right anchor point and drag it 10px up. Move to the grey shape. Again, select the bottom, right anchor point and drag it 10px up. In the end your shapes should look like in the first image. Open the Layer Style window for the black vector shape and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 180 degrees
Distance: 1px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 180 degrees
Scale: 100%

Step 8

Reselect the black vector shape edited in the previous step, convert it to a smart object and go to Filter > Noise > Add Noise. Enter the data shown below and click OK. Move to the grey vector shape, open the Layer Style window and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 180 degrees
Distance: 1px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 180 degrees
Scale: 100%

Step 9

Move to the Layers panel and select the smart object and the vector shape edited in the previous step. Right click on one of these shapes and click on Duplicate Layers. Obviously, this will duplicate the selected shapes. Select these copies, drag them to the left and place them as show in the first image. Make sure that the copies are still selected and go to Edit > Transform > Flip Horizontal. In the end your copies should look like in the second image.

Step 10

Set the foreground color at #141414 and grab the Ellipse Tool. Create a 145px circle and place it as shown below.

Step 11

For the following steps you will need a grid every 1px. So, go to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box. Pick the Ellipse Tool, create five concentric circles and place them as shown in the following image. Select them, lower the Fill to 0% and open the Layer Style window for one of these shapes. Enter the properties shown in the second image and click OK. Return to the Layers Panel and add the same Layer Style properties for the other four circles. In the end it should look like in the following image.

Stroke Blending Options Settings

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color

Step 12

Pick the Ellipse Tool, create six concentric circles and place them as shown in the following image. Again, select these new vector shapes, lower their Fill to 0% and open the Layer Style window for one of the shapes. Enter the properties shown in the second image and click OK. Return to the Layers Panel and add the same Layer Style properties for the other four circles. In the end it should look like in the following image.

Stroke Blending Options Settings

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color

Step 13

Return to " gridline every 5px". So, go to Edit > Preferences > Guides, Grid & Slices and enter 5 in the Gridline Every box. Reselect the black circle created in the tenth step, make a copy (Control + J) and bring it to front (Shift + Control + ] ). Select it, lower its Fill to 0%, open the Layer Style window and enter the properties shown in the second image. The yellow zeros from the Gradient Overlay image stand for opacity percentage while the white numbers stand for location percentage.

Gradient Overlay Blending Options Settings

Blend Mode: Linear Light
Opacity: 100%
Style: Angle
Angle: -135 degrees
Scale: 100%

Step 14

Leave the Photoshop file and open Illustrator. Hit Control + N to create a new document. Enter 230 in the width and height box then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the "Align New Objects to Pixel Grid" box is unchecked before your click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed. Pick the Ellipse Tool(L) and create a 225px circle. Fill it with none but add a 10pt stroke. Set its color at R=150 G=150 B=150, align it to inside and go to Object > Path > Outline Stroke.

Step 15

Pick the Ellipse Tool(L) and create an 85px circle. Fill it with R=150 G=150 B=150 and place it as shown in the following image.

Step 16

Pick the Rectangle Tool(M), create a 25 by 75px shape and place it as shown in the first image. Focus on this new shape and switch to the Direct Selection Tool(A). Select the top, left anchor point and drag it 5px to the right then select the top, right anchor point and drag it to the left. In the end your shape should look like in the second image.

Step 17

Reselect the shape created in the previous step and make a copy in front (Control + C > Control + F). Select it, drag it down and place it as shown in the first image. The Snap to Grid should ease your work. Make sure that this copy is still selected and go to Object > Transform > Rotate. Enter a 180 degrees angle and click OK.

Step 18

Reselect the two shapes created in the last two steps, group them (Control + G) and go to Effect > Distort & Transform > Transform. Enter the data shown below, click OK and go to Object > Expand Appearance. Move to the Layers panel, select the resulting group of shapes, turn it into a compound path and fill it with R=150 G=150 B=150.

Step 19

Select all the shapes created so far, open the Pathfinder panel and click on the Unite button.

Step 20

For this step you’ll need the Round Any Corner script. You can find it here. Save it to your hard drive then return to Illustrator and grab the Direct Selection Tool (A). Focus on the compound path created in the previous step, select the anchor points highlighted in the first image and go to File > Scripts > Other Script. Open the Round Any Corner Script, enter a 10px Radius and click OK. In the end your shape should look like in the second image. Select it, hir Control + C and return to the Photoshop file.

Step 21

Hit Control + V and the Paste window will open. Select the Shape Layer button and click OK. Select this new vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 75%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Inner Glow Blending Options Settings

Blending Mode: Normal
Opacity: 25%
Choke: 100%
Size: 2

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Stroke Blending Options Settings

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 22

Pick the Ellipse Tool, create a 65px circle and place it as shown below. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 6px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Angle
Angle: 90 degrees
Scale: 100%

Stroke Blending Options Settings

Size: 5px
Position: Inside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color

Step 23

Set the foreground color at #2b2b2b, pick the Ellipse Tool, create a 15px circle and place it as shown below. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 3px
Spread: 0px
Size: 5px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 3px
Choke: 0%
Size: 0px

Stroke Blending Options Settings

Size: 3px
Position: Center
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 24

Pick the Rounded Rectangle Tool and set the radius at 5px. Create two, 10 by 5px vector shapes and place them as shown in the first image. Select them and make two sets of copies. Select the first two copies and rotate them 60 degrees then select the other two copies and rotate them -60 degrees. In the end it should look like in the second image. Select all six vector shapes and convert them to a smart object.

Step 25

Open the Layer Style window for the smart object created in the previous step and enter the properties shown in the following images. Move to the Layers panel and drag this smart object below the two circles created in steps #22 and #23.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 2px
Choke: 0%
Size: 0px

Color Overlay Options Settings

Blending Mode: Normal
Opacity: 100%

Step 26

Duplicate the vector shape created in Illustrator and the black circle created in step #10. Select these two copies, bring them to front (Shift + Control + ] ) and turn them into a smart object. Open the Layer Style window for this new smart object and enter the properties shown in the following image.

Color Overlay Options Settings

Blending Mode: Normal
Opacity: 100%

Step 27

Reselect the smart object created in the previous step, move it 3px down and to the left then go to Filter > Blur > Gaussian Blur. Enter a 5px radius and click OK.

Step 28

Next, you need to mask the blurred smart object from the previous step. Move to the Layers panel, hold Control and click on the vector shape created in the fourth step. This will load a simple selection around it. Now, with this selection still active, select the blurred smart object and simply click on the Add Layer Mask button from the bottom of the Appearance panel. Get rid of the selection (Control + D), reselect your masked smart object and lower its opacity to 10%.

Step 29

Select all the shapes created in the last nineteen steps and group them (Control + G). Move to the Layers panel, right click on this group and click on Duplicate Group. Select the group copy, drag it to the left, place it as shown in the second image and convert it to a smart object. Select this new smart object and go to Edit > Transform > Flip Horizontal.

Step 30

Pick the Rectangle Tool and create a 140 by 30px vector shape. Place it as shown in the first image, open the Layers Style window and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 750%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 25%
Angle: 90 degrees
Distance: 2px
Choke: 0%
Size: 5px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 31

Pick the Rectangle Tool, create a 60 by 20px vector shape and place it as shown in the first image. Grab the Direct Selection Tool and focus on this new shape. Select the bottom, left anchor point and move it 5px to the right then select the bottom, right anchor point and move it 5px to the left. Open the Layer Style window for this vector shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: -90 degrees
Distance: 1px
Choke: 0%
Size: 1px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 32

Pick the Rounded Rectangle Tool, set the radius at 5px, create an 80 by 25px vector shape and place it as shown in the first image. Grab the Direct Selection Tool and focus on this rounded rectangle. Select the bottom, left anchor points and move therm 5px to the right then select the bottom, right anchor points and move it 5px to the left. Open the Layer Style window for this vector shape and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Stroke Blending Options Settings

Size: 1px
Position: Inside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 33

Pick the Ellipse Tool, create a 50px circle and place it as shown below. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Angle
Angle: -135 degrees
Scale: 100%

Stroke Blending Options Settings

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 34

Reselect the vector shape created in the previous step, convert it to a smart object and go to Filter > Noise > Add Noise. Enter the data shown below and click OK. Duplicate this smart object and drag the copy to the left as shown in the second image.

Step 35

Pick the Rounded Rectangle Tool, set the radius at 5px, create an 10 by 45px vector shape and place it as shown in the first image. Grab the Direct Selection Tool and focus on this rounded rectangle. Select the bottom anchor points and move them 5px to the right. With this vector shape still selected go to Edit > Transform Path > Warp. Select Arch from the Warp menu, check the Orientation button, enter -30% in the Bend box and hit Enter. In the end your vector should look like in the third image.

Step 36

Reselect the vector shape created in the previous step, open the Layers Style window and enter the properties shown in the following image. Make a copy of this vector shape and flip it horizontally. Open the Layer Style window for this copy and inverse the angle used for the Inner Shadow.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 45 degrees
Distance: 2px
Choke: 0%
Size: 1px

Inner Glow Blending Options Settings

Blending Mode: Normal
Opacity: 5%
Size: 3

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 37

Pick the Ellipse Tool, create a 25px circle and place it as shown below. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: -90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Angle
Angle: 90 degrees
Scale: 100%

Stroke Blending Options Settings

Size: 1px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 38

Set the foreground color at #464646, pick the Ellipse Tool, create a 5px circle and place it as shown below. Open the Layer Style window for this new shape and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Step 39

Reselect the two vector shapes created in the last two steps, duplicate them and place the copies as shown in the second image. Select these copies along with all the shapes created in the last nine steps and group them (Control + G).

Step 40

Pick the Rectangle Tool, create a 30 by 5px vector shape and place it as shown in the first image. Make sure that this new shape is selected and switch to the Direct Selection Tool. Select the right anchor points and move them 15px down. In the end it should look like in the second image. Reselect the Rectangle Tool, create a new 30 by 5px vector shape and place it as shown in the third image. Select it and switch to the Direct Selection Tool. Select the left anchor points and move them 15px down. In the end it should look like in the fourth image.

Step 41

Pick the Rectangle Tool, create a 75 by 5px vector shape and place it as shown in the first image. Make sure that this new shape is selected and switch to the Direct Selection Tool. Select the right anchor points and move them 45px down. In the end it should look like in the second image. Reselect the Rectangle Tool, create a new 75 by 5px vector shape and place it as shown in the third image. Select it and switch to the Direct Selection Tool. Select the left anchor points and move them 45px down. In the end it should look like in the fourth image.

Step 42

Pick the Rectangle Tool, create a 5 by 165px vector shape and place it as shown in the first image. Make sure that this new shape is selected and switch to the Direct Selection Tool. Select the top anchor points and move them 30px to the right. In the end it should look like in the second image. Reselect the Rectangle Tool, create a new 5 by 165px vector shape and place it as shown in the third image. Select it and switch to the Direct Selection Tool. Select the top anchor points and move them 30px to the left. In the end it should look like in the fourth image.

Step 43

Open the Layers Style window for the two vector shapes created in the previous step and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 2px
Choke: 0%
Size: 0px

Step 44

Open the Layers Style window for the vector shapes created in steps #40 and #41 and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 15%
Angle: 90 degrees
Distance: 2px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 50%
Angle: 90 degrees
Distance: 2px
Choke: 0%
Size: 0px

Step 45

Select the vector shapes created and edited in the last five steps and group them (Control + G). Select it and drag it in the bottom of the group created in step #39.

Step 46

Set the foreground color at #323232 and pick the Ellipse Tool. Create two, 5px circles and place them as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following images. Move to the Layers panel, select these two circles and drag them inside the group created in step #39. Keep them in the top of the group.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 70%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Step 47

Move to the Layers panel reselect the group created in step #39 and drag it below the group and the smart object created in step #29.

Step 48

For the following steps you will need a grid every 1px. So, go to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box. Set the foreground color at #0f0f0f, pick the Ellipse Tool and create a 29px circle. Open the Layer Style window for these new vector shape and enter the properties shown in the following image.

Bevel and Emboss Options Settings

Style: Outer Bevel
Technique: Smooth
Depth: 70%
Direction: Up
Size: 2px
Soften: 0px

Angle: 90 degrees
Altitude: 30 degrees
Highlight Blending Mode: Normal
Highlight Opacity: 25%
Shadow Blending Mode: Normal
Shadow Opacity: 75%

Step 49

Pick the Ellipse Tool, create a 27px circle and place it as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following images.

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 0 degrees
Scale: 100%

Step 50

Pick the Ellipse Tool, create a 25px circle and place it as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following images.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 51

Set the foreground color at #4b4b4b, pick the Ellipse Tool, create a 3px circle and place it as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Step 52

Set the foreground color at #0f0f0f and pick the Rectangle Tool. Create two, 1 by 3px vector shapes and place them as shown in the first image. Duplicate these rectangles, select the copies, hit Control + T and rotate them 90 degrees. Reselect all four vector shapes and duplicate them. Select the copies and rotate them 45 degrees.

Step 53

Focus on the vector shapes created in the previous step. Delete the bottom rectangle then select the remaining vector shapes and convert them to a smart object. Open the Layer Style window for this new smart object and enter the properties shown in the following image.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Step 54

Set the foreground color at white and pick the Ellipse Tool. Create two, 3px circles and place them as shown in the first image. Select these new vector shapes and make four sets of copies. Select the first set of copies and rotate it 25 degrees. It should should look like in the second image. Select the second set of copies and rotate it 60 degrees, select the third set of copies and rotate it -25 degrees and select the last set of copies and rotate it -60 degrees. In the end it should look like in the third image.

Step 55

Focus on the vector shapes created in the previous step. Delete the three, bottom circles then select the remaining vector shapes and convert them to a smart object. Open the Layer Style window for this new smart object and enter the properties shown in the following image.

Color Overlay Options Settings

Blending Mode: Normal
Opacity: 100%

Stroke Blending Options Settings

Size: 1px
Position: Inside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color

Step 56

Select all the shapes created in the last eight steps and group them (Control + G). Make two copies of the group then place them as shown in the following image.

Step 57

Set the foreground color at #1e1e1e, pick the Rectangle Tool and create a 28 by 14px vector shape. Open the Layer Style window for these new vector shape and enter the properties shown in the following image.

Inner Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Choke: 0%
Size: 0px

Bevel and Emboss Options Settings

Style: Outer Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 1px
Soften: 0px

Angle: 90 degrees
Altitude: 30 degrees
Highlight Blending Mode: Normal
Highlight Opacity: 20%
Shadow Blending Mode: Normal
Shadow Opacity: 50%

Step 58

Pick the Rectangle Tool, create a 26 by 12px vector shape and place it as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following image.

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 0 degrees
Scale: 100%

Step 59

Pick the Rectangle Tool, create a 26 by 11px vector shape and place it as shown in the first image. Open the Layer Style window for these new vector shapes and enter the properties shown in the following image.

Gradient Overlay Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Style: Linear
Angle: 90 degrees
Scale: 100%

Step 60

Select all the shapes created in the last three steps and group them (Control + G). Make four copies of the group then place them as shown in the following image.

Step 61

Set the foreground color at #1e1e1e, pick the Rectangle Tool and create a 3px square. Make sure that this new vector shape is selected and switch to the Direct Selection Tool. Select the top, left anchor point and move it 1px down then select the bottom, left anchor point and move it 1px up. In the end your vector shape should look like in the second image. Select it, make a copy, move it a few pixels to the riht and go to Edit > Transform > Flip Horizontal. Reselect the Rectangle Tool, make sure that the foreground color is still set at #1e1e1e and make a new 3px square. Continue with the Rectangle Tool, create two, 1 by 3px vector shapes and place them as shown in the fifth image. Switch to the Ellipse Tool, set the foreground color at #a70303 and create a 3px circle.

Step 62

Reselect the vector shapes created in the previous step and place them as shown in the first following image. Open the Layer Style window for these small shapes and add the properties shown in the following images.

Drop Shadow Blending Options Settings

Blend Mode: Normal
Opacity: 100%
Angle: 90 degrees
Distance: 1px
Spread: 0px
Size: 0px

Step 63

Return to " gridline every 5px". So, go to Edit > Preferences > Guides, Grid & Slices and enter 5 in the Gridline Every box. Set the foreground color at #002157, pick the Rectangle Tool, create a 410 by 50px vector shape and place it as shown below. Make sure that this new vector shape is selected and switch to the Direct Selection Tool. Select the bottom, left anchor point and move it 25px to the right then select the bottom, right anchor point and move it 25px to the left. In the end your vector shape should look like in the second image. Convert it to a smart object, lower its opacity to 30%, change the blending mode to Multiply and go to Filter > Blur > Gaussian Blur. Enter a 20px radius and click OK.

Step 64

Set the foreground color at #002157, pick the Ellipse Tool, create a 410 by 70px vector shape and place it as shown below. Convert it to a smart object, lower its opacity to 20%, change the blending mode to Multiply and go to Filter > Blur > Gaussian Blur. Enter a 15px radius and click OK.

Step 65

Set the foreground color at black, pick the Rectangle Tool, create a 400 by 20px vector shape and place it as shown below. Make sure that this new vector shape is selected and switch to the Direct Selection Tool. Select the bottom, left anchor point and move it 20px to the right then select the bottom, right anchor point and move it 20px to the left. In the end your vector shape should look like in the second image. Convert it to a smart object, lower its opacity to 35%, change the blending mode to Multiply and go to Filter > Blur > Gaussian Blur. Enter a 10px radius and click OK. Reselect this smart object and make a copy (Control + J). Move to the Layers panel, select this copy, remove the Gaussian Blur effect, change the blending mode to Normal and lower the opacity to 5%.

Step 66

Set the foreground color at black, pick the Rectangle Tool, create a 390 by 15px vector shape and place it as shown below. Make sure that this new vector shape is selected and switch to the Direct Selection Tool. Select the bottom, left anchor point and move it 15px to the right then select the bottom, right anchor point and move it 15px to the left. In the end your vector shape should look like in the second image. Convert it to a smart object, lower its opacity to 40%, change the blending mode to Multiply and go to Filter > Blur > Gaussian Blur. Enter a 5px radius and click OK.

Step 67

Select all the shapes created in the last four step, group them (Control + G) and send the group to back (Shift + Control + [ ).

Step 68

Set the foreground color at #3c8ecf and pick the Rectangle Tool. Create a shape the size of your document (800 by 800px) and send it to back (Shift + Control + [). Open the Layer Style window for this new vector shape and enter the properties shown in the following image.

Gradient Overlay Blending Options Settings

Blend Mode: Overlay
Opacity: 100%
Style: Radial
Angle: 90 degrees
Scale: 150%

Step 69

Pick the Rectangle Tool, create an 800 by 255px vector shape and place it as shown below. Lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image. Finally, move to the Layers panel, select this new vector shape and drag it in the bottom of the Layers panel, right above the vector shape created in the previous step.

Gradient Overlay Blending Options Settings

Blend Mode: Multiply
Opacity: 10%
Style: Linear
Angle: -90 degrees
Scale: 100%

And We’re Done!

Here is how your final result should look.

Member File Download

Download the original .psd file for this tutorial here:

DOWNLOAD .PSD FILE

Leave a comment

0 Comments:

No comments have been posted yet. Be the first!

Leave a Comment:

Related Posts