Simple Styled Text with Stars Effect

Advertisement

This Photoshop tutorial will show a simple way to create a nice text effect using Layer Styles, then modify some brush settings to add stars to the background.


Final Image

Simple Styled Text with Stars Effect

Tutorial Details

  • Program: Adobe Photoshop CS6 (CS2+ versions will work as well)
  • Estimated Completion Time: 30 minutes
  • Difficulty: Beginner

Resources


Step 1

Created a new 500 x 300 px document with all the default settings, then fill the Background with the color #1a142c.

Simple Styled Text with Stars Effect 1

Create a new layer and call it “Center Glow”.

Simple Styled Text with Stars Effect 2

Pick the Elliptical Marquee Tool, then click and drag to create an ellipse in the center of the document as shown below.

Simple Styled Text with Stars Effect 3

Fill the ellipse with the color #6d56b2.

Simple Styled Text with Stars Effect 4

Go to Select -> Deselect (Ctrl/Cmd + D) to remove the selection. Then, go to Filter -> Blur -> Gaussian Blur, and set the Radius to 28. This will feather the edges of the ellipse.

Simple Styled Text with Stars Effect 5

Change the “Center Glow” layer’s Opacity to 70%.

Simple Styled Text with Stars Effect 6

Step 2

Pick the Horizontal Type Tool, then type the first letter of the word you will be creating. The font used is KabelBd, the color is White, and the font Size is 75 pt.

Simple Styled Text with Stars Effect 7

Double click the text layer to apply the following Layer Style.

- Stroke: Change the Size to 1, the Position to Inside, and the Color to White.

Simple Styled Text with Stars Effect 8

- Gradient Overlay: Click the Gradient box to create the gradient.

The gradient uses two colors: #8061da to the left, and #ffffff to the right.

Simple Styled Text with Stars Effect 9

- Outer Glow: Change the Opacity to 70%, the color to #ae93fe, and the Size to 3.

Simple Styled Text with Stars Effect 10

- Drop Shadow: Change the Opacity to 60%, uncheck the Use Global Light box, and change the Angle to 144.

Simple Styled Text with Stars Effect 11

This is what the text should look like.

Simple Styled Text with Stars Effect 12

Step 3

Right click the text layer and choose Copy Layer Style.

Simple Styled Text with Stars Effect 13

Create a new layer below the text layer you have, then add the next letter.

Simple Styled Text with Stars Effect 14

Right click the secone letter’s text layer, and choose Paste Layer Style. This will apply the same layer style to the new text layer.

Simple Styled Text with Stars Effect 15

Keep on adding the rest of the letters, and paste the layer style to each one you create. You can place them on top of and below each other as you like.

Simple Styled Text with Stars Effect 16

Step 4

Create a new layer below all text layers and call it “Stars”. Pick the Brush Tool, then choose the “5” star brush from the brush pack.

Simple Styled Text with Stars Effect 17

Open the Brush panel (Window -> Brush), and modify the brush settings as shown below:

Brush Tip Shape:

Simple Styled Text with Stars Effect 18

Shape Dynamics:

Simple Styled Text with Stars Effect 19

Scattering:

Simple Styled Text with Stars Effect 20

Step 5

Change the “Stars” layer’s Fill value to 0.

Simple Styled Text with Stars Effect 21

Double click the “Stars” layer to apply a Stroke effect, by changing the Size to 1, the Position to Inside, and the color to #6c51c2.

Simple Styled Text with Stars Effect 22

Click and drag slightly to add stars around the text. The settings will help you create stars with different sizes and angles.

Simple Styled Text with Stars Effect 23

You can use the Eraser Tool to remove any unwanted parts, then recreate them, until you like the final result.

Simple Styled Text with Stars Effect 24

And that’s it!

Hope you enjoyed the tutorial and found it helpful.

Simple Styled Text with Stars Effect

Source files

Source files for this tutorial are available to Premium members at our site Pixolution.
Get a Premium Membership now.

If you are already a Premium member you can login here.

Advertisement


8 Responses

  1. Kaira says:

    Thanks for the tutorials, they are really helping me… All the way from South Africa!

  2. ri mo says:

    my stars keep getting filled in. they are not empty in the middle like yours. in other words they are not just a stroke but a full star. Can you explain what I am doing incorrectly, please?

    • seb says:

      this effect uses the fill effect with the stroke being at size ‘1’, make sure your stroke is on the inside and the fill level of ‘the star’ layer is fill ‘0%’

  3. Felica Legg-Curl says:

    Instead of using a solid star for the brush, I just used the hollow star and skipped the stroke. Make it white and overlay and it gets close to the same effect.

  4. multimedia says:

    where did you get that brushes can you please give me the link?

  5. digital arts says:

    so useless without giving the links of the brush.

  6. olineman says:

    Great job! Tutorial is well done.