How to Create the Wheel of Fortune in Adobe Photoshop

In this tutorial we’re going to take a close look at the process of creating the Wheel of Fortune in Adobe Photoshop, using shapes and layer styles.

How to Create the Wheel of Fortune in Adobe Photoshop

How to Create the Wheel of Fortune in Adobe Photoshop

Find more great Game Graphics on GraphicRiver.

Tutorial Assets

The following assets will be used during this tutorial:

Before you start, download and install the font. It will help you get the same result.

1. How to Create a Base for the Wheel

Step 1

Pick the Default Foreground and Background Colors (D). After that, pick the Switch Foreground and Background Colors (X).

Open Photoshop (I use Photoshop CS6), go to File > New, and create a 2520 x 2620 px New Document (set the Background Contents as Background Color). Set the vertical and horizontal guides to the center of the document.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 2

Go to Layer > New > Group to create a new Group with the name Back.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 3

Pick the Ellipse Tool (U) and create a rounded shapewhose size is 1788 x 1788 px. Move it to the center of the document. Double-click the layer to apply the following Layer Styles.Add a Stroke with these settings:

  • Size:4 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 30%
  • Fill Type: Color
  • Color:#000000

How to Create the Wheel of Fortune in Adobe Photoshop

Step 4

Now add a Gradient Overlay:

  • Blend Mode: Normal
  • Opacity:100%
  • Click on theGradientand set:#5b5b5bat 0%,#e9e9e9at 25%,#5b5b5bat 50%, #e9e9e9e at 75% and#5b5b5bat 100%
  • Style: Angle
  • Angle: 0°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 5

Add anOuter Glowwith these settings:

  • Blend Mode: Lighter Color
  • Opacity: 87%
  • Noise:0%
  • Color:#023c8d
  • Technique: Softer
  • Spread: 0%
  • Size:17 px
  • Contour:Linear
  • UncheckAnti-aliased
  • Range:35%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Rename the layer as Silver Frame.

Step 6

Now we will create a golden frame. Pick the Ellipse Tool (U) and click on the document area. Photoshop will open a dialog. Set the Size as 1705 x 1705 px. Move the shape to the center of the document.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 7

Double-click with your mouse to open the Layer Style dialog. Add a Stroke with these settings:

  • Size:8 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 50%
  • Fill Type: Color
  • Color:#360000

How to Create the Wheel of Fortune in Adobe Photoshop

Step 8

Now add an Inner Glow:

  • Blend Mode:Overlay
  • Opacity: 52%
  • Noise: 0%
  • Color:#f5f5f6
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 3px
  • Uncheck theAnti-aliased
  • Range: 50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 9

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Opacity:100%
  • Click on theGradientand set:#fff64eat 0%,#e29302at 25%, #fff64e at 50%,#e29302at 75% and#fff64eat 100%
  • Style: Angle
  • Angle: 90°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 10

Don’t forget about aDrop Shadow:

  • Blending Mode: Multiply
  • Color:#000000
  • Opacity:40%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance: 15 px
  • Spread: 0%
  • Size:15 px

How to Create the Wheel of Fortune in Adobe Photoshop

Rename its layer to Golden Frame.

Step 11

Pick the Ellipse Tool (U) and create a new rounded shape whose Size is 1624 x 1624 px. Move the shape to the center.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 12

Apply an Inner Shadow:

  • Blend Mode: Multiply
  • Color: #000000
  • Uncheck the Use Global Light box before setting theAngle: 90°
  • Distance:10 px
  • Choke:33%
  • Size:45 px
  • Contour: Linear
  • Check the Anti-aliased
  • Noise:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 13

Also add a Color Overlay with these settings:

  • Blend Mode: Normal
  • Color: #362d3d
  • Opacity:100%

How to Create the Wheel of Fortune in Adobe Photoshop

Rename the layer as Inner Area.

Step 14

Now we need to create lamps. Pick the Ellipse Tool (U) and create two rounded shapes whose sizes are 60 x 60 px. Move these circles to the center of the wheel, but the first one should be above the center by 704 px, and the second one below the center by 704 px. Select them and Merge (go to Layers > Merge Shapes or press Control-E). Rename the layer to Double Lamps.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 15

Duplicate the Double Lamps layer, go to Edit > Transform Free Path (Control-T), and rotate this one by 22.5°. Repeat the action fewtimes. As a result, you will get the following picture:

How to Create the Wheel of Fortune in Adobe Photoshop

Step 16

Select all copies of Double Lamps layer and Merge them into one layer. For this, go to Layers > Merge Shapes or press Control-E. Duplicate the new layer. Rename all of them: the upper layer to Light and the lower one toBase.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 17

Double-click with your mouse on Base layer to apply the following layer styles. Add a Bevel & Emboss using the following values:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth:103%
  • Direction: Up
  • Size:18 px
  • Soften:4 px
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Altitude:60°
  • Gloss Contour: Linear
  • Uncheck theAnti-aliased
  • Highlight Mode: Color Dodge
  • Highlight Color:#ffffff
  • Opacity:65%
  • Shadow Mode: Color Dodge
  • Shadow Color:#ffffff
  • Opacity:87%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 18

Add an Inner Glow:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Noise: 0%
  • Color:#ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 4%
  • Size: 8px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Range: 55%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 19

Now add a Satinstyle:

  • Blend Mode: Multiply
  • Color: #000000
  • Opacity:36%
  • Angle: 0°
  • Distance:6 px
  • Size:16 px
  • Contour: Linear
  • Uncheck theAnti-aliased and Invert

How to Create the Wheel of Fortune in Adobe Photoshop

Step 20

Add a Color Overlay:

  • Blend Mode: Normal
  • Color:#000000
  • Opacity:100%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 21

Add aDrop Shadow with these settings:

  • Blending Mode: Normal
  • Color:#ffffff
  • Opacity:75%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance:6 px
  • Spread: 0%
  • Size:5 px

How to Create the Wheel of Fortune in Adobe Photoshop

Step 22

Double-click on the Light layer to apply the Layer Styles. Add a Stroke:

  • Size:2 px
  • Position: Inside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Color
  • Color:#f8f6d2

How to Create the Wheel of Fortune in Adobe Photoshop

Step 23

Add an Inner Glow:

  • Blend Mode:Normal
  • Opacity: 100%
  • Noise: 0%
  • Color:#f7f394
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 15 px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Range: 30%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 24

Now add a Color Overlay:

  • Blend Mode: Normal
  • Color:#ffffff
  • Opacity:100%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 25

Add an Outer Glow:

  • Blend Mode:Hard Light
  • Opacity: 96%
  • Noise:0%
  • Color:#fff754
  • Technique: Softer
  • Spread: 0%
  • Size: 54 px
  • Contour:Linear
  • UncheckAnti-aliased
  • Range:40%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

That’s all. We will create colored sectors in the next part of the tutorial.

2. How to Make Sectors

Step 1

Close the Back group. Go to Layer > New > Group to create a new Group with the name Sectors.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 2

Pick the Ellipse Tool (U) and create a rounded shapewhich size is 1520 x 1520 px. The center of the shape should match the center of the document. Pick the Rectangle Tool to draw a new rectangle shape which overlaps the right side of the circle. Select both layers and merge them. You get one layer with twopaths. Pick the Path Selection Tool (A) and select the rectangle shape. Go to Path Selection Tool panel, click on thePath Operations icon, and set Subtract Front Shape.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 3

Go back to Path Operations and chooseMerge Shape Components. Rename the layer to Half Circle.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 4

Pick the Rectangle Tool (U) and create the same rectangle shape (it’s optional, but this one must be higher than a half of the circle). It should be centered vertically (press Control-A to select the document, and then pick the Move Tool (V) and click on the Align Vertical Center icon). The right side of the shape should align with the vertical guide.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 5

Go to Edit > Free Transform (or press Control-T), change the Reference Point Location to the middle left, and set Rotation to -36°. Press Enter to apply the transformation.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 6

Select the transformed and Half Circle layers. Merge them (go to Layers > Merge Shapes or press Control-E). Pick the Path Selection Tool (A) and select the rectangle shape. Go to Path Selection Tool panel, click on Path Operations icon, and set Intersect Shape Areas. Go back to Path Operations and chooseMerge Shape Components. Rename the layer to Sector1.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 7

Duplicate the Sector 1 layer, select New Layer, go to Edit > Free Transform to transform this one. Change the Reference Point Location to bottom right and set Rotation to 36°. Apply the transformation. Rename the layer to Sector2. Repeat this step 8times (the Reference Point Location should match with the center of the document) and rename each layer with a unique name. You will get a full circle divided intoten sectors. Group all layers together and rename the new one to Sectors Solid.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 8

Change the color of each sector according to the image.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 9

Double-click on the Sector1 layer to apply the following Layer Style. Add a Stroke:

  • Size:6 px
  • Position: Inside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type:Color
  • Color:#181818

How to Create the Wheel of Fortune in Adobe Photoshop

Apply the same style to the other sectors.

Step 10

Close the group. Create a new 1530 x 1530 px rounded shape below the Sectors Solid group and name itShadow. Open theLayer Style dialog. Choose an Outer Glow and set the following settings:

  • Blend Mode:Screen
  • Opacity: 75%
  • Noise:0%
  • Color:#000000
  • Technique: Softer
  • Spread: 60%
  • Size: 10px
  • Contour:Linear
  • UncheckAnti-aliased
  • Range:50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 11

Add a Drop Shadow:

  • Blending Mode: Multiply
  • Pick the color#000000
  • Opacity:75%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance:5 px
  • Spread: 11%
  • Size:40 px

How to Create the Wheel of Fortune in Adobe Photoshop

Step 12

Duplicate the Shadow layer and move it above the Sections Solid group. Name itGradient.Right-click on the layer and select Clear Layer Style. Double-click to apply new ones. Add an Inner Shadow with the following settings:

  • Blend Mode: Multiply
  • Color:#000000
  • Uncheck theUse Global Lightbox before setting anAngle: 120°
  • Distance:0 px
  • Choke:20%
  • Size:200 px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Noise:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 13

Add a Gradient Overlay:

  • Blend Mode: Linear Dodge (Add)
  • Opacity:50%
  • Gradient:from #ffffffto #ffffff
  • Style: Radial
  • Angle: 90°
  • Scale: 87%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 14

Now we need to create metal rounded elements. Pick the Ellipse Tool (U) and create 10 rounded shapes whose sizes are 36 x 36 px. Move them manually to the end of each black line (or use the method we used for the lamps). Merge all of them.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 15

Then double-clickon the layer to open the Layer Style window. Add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth:103%
  • Direction: Up
  • Size:18 px
  • Soften:4 px
  • UncheckUse Global Light boxbefore setting theAngle:90°
  • Altitude:60°
  • Gloss Contour: Linear
  • Uncheck theAnti-aliased
  • Highlight Mode: Color Dodge
  • Highlight Color:#ffffff
  • Opacity:65%
  • Shadow Mode: Color Dodge
  • Shadow Color:#ffffff
  • Opacity:87%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 16

Add a Contour:

  • Contour: Half Round
  • Uncheck Anti-aliased
  • Range: 73%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 17

Now add an Inner Shadow:

  • Blend Mode: Difference
  • Color:#ffffff
  • Opacity: 58%
  • Uncheck theUse Global Lightbox before setting anAngle: -90°
  • Distance:7 px
  • Choke: 20%
  • Size:18 px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Noise:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 18

Add an Inner Glow:

  • Blend Mode:Overlay
  • Opacity: 30%
  • Noise: 0%
  • Color:#ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 4%
  • Size: 8px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Range: 55%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 19

Add a Satin stylewith these settings:

  • Blend Mode: Multiply
  • Color:#000000
  • Opacity:36%
  • Angle: 0°
  • Distance:6 px
  • Size:16 px
  • Contour: Linear
  • Uncheck theAnti-aliasedandInvert

How to Create the Wheel of Fortune in Adobe Photoshop

Step 20

Apply a Color Overlay:

  • Blend Mode: Normal
  • Color:#b8b8b8
  • Opacity:100%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 21

Don’t forget about an Outer Glow:

  • Blend Mode:Multiply
  • Opacity: 57%
  • Noise:0%
  • Color:#000000
  • Technique: Softer
  • Spread: 0%
  • Size: 6px
  • Contour: Linear
  • UncheckAnti-aliased
  • Range:100%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 22

And the final touch is a Drop Shadow:

  • Blending Mode: Multiply
  • Pick the color#000000
  • Opacity:70%
  • Uncheck theUse Global Light boxbefore setting anAngle:120°
  • Distance: 6px
  • Spread: 0%
  • Size:6 px

How to Create the Wheel of Fortune in Adobe Photoshop

3. How to Make the Central Part of the Wheel

Step 1

Pick the Ellipse Tool (U) and create a rounded shapewhose size is 570 x 570 px. Name itGolden Outer. Move it to the center of the document. Double-click on the layer to apply the Layer Styles. Add a Stroke:

  • Size:8 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 50%
  • Fill Type: Color
  • Color:#000000

How to Create the Wheel of Fortune in Adobe Photoshop

Step 2

Add an Inner Glow:

  • Blend Mode:Overlay
  • Opacity: 52%
  • Noise: 0%
  • Color:#f5f5f6
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 3px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Range: 50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 3

Apply a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Opacity:100%
  • Click on theGradientand set:#fff64eat 0%,#e29302at 25%,#fff64eat 50%,#e29302at 75% and#fff64eat 100%
  • Style: Angle
  • Angle: 90°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 4

Add a Drop Shadow:

  • Blending Mode: Multiply
  • Pick the color#000000
  • Opacity:40%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance: 15px
  • Spread: 0%
  • Size:15 px

How to Create the Wheel of Fortune in Adobe Photoshop

Here’s the result of this step:

How to Create the Wheel of Fortune in Adobe Photoshop

Step 5

Create a rounded shape with the name Inner Bevel. Its size should be 430 x 430 px. Change a Fill to 0%. Apply Bevel & Emboss Layer Style with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth:1000%
  • Direction: Up
  • Size:20 px
  • Soften:0 px
  • UncheckUse Global Light boxbefore setting theAngle:-90°
  • Altitude:30°
  • Gloss Contour: Linear
  • Uncheck theAnti-aliased
  • Highlight Mode: Linear Dodge (Add)
  • Highlight Color:#e5e5e5
  • Opacity:48%
  • Shadow Mode: Multiply
  • Shadow Color:#382f25
  • Opacity:75%

How to Create the Wheel of Fortune in Adobe Photoshop

The settings of theContour should be the default. Here’s the result of the step:

How to Create the Wheel of Fortune in Adobe Photoshop

Step 6

Now we need to create lamps on the golden inner frame. All you need to do is repeat the actions of making lamps (from the beginning of the tutorial).

How to Create the Wheel of Fortune in Adobe Photoshop

Step 7

Let’s make the blue inner button. Create a new 386 x 386 px ellipse shape.Double-click the layer to add a Stroke with these settings:

  • Size:5 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Color
  • Color:#000000

How to Create the Wheel of Fortune in Adobe Photoshop

Step 8

Also add an Inner Shadow:

  • Blend Mode: Normal
  • Color:#000000
  • Uncheck theUse Global Lightbox before setting anAngle: 120°
  • Distance:0 px
  • Choke:100%
  • Size:4 px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Noise:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 9

Add an Inner Glow:

  • Blend Mode:Linear Light
  • Opacity: 75%
  • Noise: 0%
  • Color:#79e6ff
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 62px
  • Uncheck theAnti-aliased
  • Range: 50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 10

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Opacity:100%
  • Gradient:from#0fd5ffto#00227a
  • Style: Radial
  • Angle: 90°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 11

To create a highlight reflection, make a smaller shape, set Fill to 0%,and apply the Gradient Overlay:

  • Blend Mode:Normal
  • Opacity:100%
  • Gradient:from#19e3ffto#ffffff
  • Style:Radial
  • Angle:90°
  • Scale:138%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 12

Pick the Path Selection Tool (A),click on the lower point of the path, and move it to the center of the document. That’s all.

How to Create the Wheel of Fortune in Adobe Photoshop

4. How to Make a Red Marker

Step 1

Go to Layer > New > Group to create a new Group with the name Marker.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 2

Go to Layer > New > Layer and create a New Layer. Pick the Pen Tool (P) to draw a marker shape. Click on theShape button.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 3

Add an Inner Glow:

  • Blend Mode:Color Dodge
  • Opacity: 40%
  • Noise: 0%
  • Color:#ffffbe
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 2px
  • Uncheck theAnti-aliased
  • Range: 50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 4

Now add a Gradient Overlay:

  • Blend Mode:
  • Opacity:10%
  • Click on theGradientand set:#e90001at 0%,#c20001at 43% and#d5002aat 100%
  • Style: Linear
  • Angle: 90°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 5

Add an Outer Glow:

  • Blend Mode:Multiply
  • Opacity: 75%
  • Noise:0%
  • Color:#000000
  • Technique: Softer
  • Spread: 0%
  • Size: 3px
  • Contour:Linear
  • UncheckAnti-aliased
  • Range:50%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 6

Add a Drop Shadow with these settings:

  • Blending Mode: Normal
  • Color:#000000
  • Opacity:55%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance: 5px
  • Spread: 0%
  • Size:5 px

How to Create the Wheel of Fortune in Adobe Photoshop

Step 7

Create a rounded shape and apply these Layer Styles. Add a Bevel & Emboss using the next values:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth:103%
  • Direction: Up
  • Size:36 px
  • Soften:8 px
  • UncheckUse Global Light boxbefore setting theAngle:90°
  • Altitude:60°
  • Gloss Contour: Linear
  • Uncheck the Anti-aliased
  • Highlight Mode:Color Dodge
  • Highlight Color: #ffffff
  • Opacity:65%
  • Shadow Mode:Color Dodge
  • Shadow Color: #ffffff
  • Opacity:87%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 8

Add aContour:

  • Contour:Half Round
  • UncheckAnti-aliased
  • Range:73%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 9

Add a Stroke:

  • Size:12 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Gradient:from#980420to#410206
  • Style: Linear
  • Angle:90°
  • Scale: 100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create the Wheel of Fortune in Adobe Photoshop

Step 10

Add an Inner Shadow with these settings:

  • Blend Mode: Difference
  • Color:#ffffff
  • Uncheck theUse Global Lightbox before setting anAngle: -90°
  • Distance:14 px
  • Choke:20%
  • Size:36 px
  • Contour: Linear
  • Uncheck theAnti-aliased
  • Noise:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 11

Now add an Inner Glow:

  • Blend Mode:Overlay
  • Opacity: 30%
  • Noise: 0%
  • Color:#ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 4%
  • Size: 16 px
  • Uncheck theAnti-aliased
  • Range: 55%
  • Jitter:0%

How to Create the Wheel of Fortune in Adobe Photoshop

Step 12

Add a Satin styleusing these settings:

  • Blend Mode: Multiply
  • Color:#000000
  • Opacity:36%
  • Angle: 0°
  • Distance:12 px
  • Size:32 px
  • Contour: Linear
  • Uncheck theAnti-aliasedandInvert

How to Create the Wheel of Fortune in Adobe Photoshop

Step 13

And the final point is a Color Overlay:

  • Blend Mode: Normal
  • Color:#b8b8b8
  • Opacity:100%

How to Create the Wheel of Fortune in Adobe Photoshop

5. How to Create a Label

Step 1

Go to Layer > New > Group to create a new Group with the name Labels. Move it below the Marker group.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 2

Pick the Type Tool (T) with these settings:

  • Font: Intro
  • Font Size: 114 pt
  • Color: White
  • SetRight Align Text.

How to Create the Wheel of Fortune in Adobe Photoshop

Step 3

Add aStroke:

  • Size:7 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Color
  • Color:#000000

How to Create the Wheel of Fortune in Adobe Photoshop

Step 4

Duplicate the text layer, and place it using Free Transform (Control-T)on the opposite section with a negative height value. Select both text layers, Duplicate (Control-J), and Rotate them by 36°. Repeat the action 3times. As a result you will get the following picture:

How to Create the Wheel of Fortune in Adobe Photoshop

Congratulations, You’re Done!

In this tutorial we have created a nice Wheel of Fortune using shapes and layer styles.

I have also added a background glow. I used the color #0779bb and a Soft Round Brush. But you can also create a big circle shape and apply a Gaussian Blur filter (goFilter > Blur > Gaussian Blur).

Don’t forget to share your result with us.

How to Create the Wheel of Fortune in Adobe Photoshop