Create a Star Wars text in Photoshop

In this tutorial, I will show you how to create a Star Wars style text using several styles of a space texture layer and a starburst brush. Let’s start!

Final result

1. Creating the background

Step 1

Create a new document in Photoshop (Ctrl + N) sized 950×550 pixels.

Place the starry sky image on a layer above the background layer and resize the image as needed.

Note: convert the image into a smart object.

Step 2

Double click on the starry sky layer to apply the style. “Overlay color” (Color Overlay). Set the blending mode Multiplication (Multiply) and set the color to # a6a6a6 ..

Step 3

This will darken the image a bit. Click on the icon Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and create a fill layer by selecting Colour (Solid Color).

Step 4

Use the color # fced82. Change blending mode (Blend Mode) adjustment layer on Multiplication (Multiply) and reduce Opacity (Opacity) up to 25%.

2. Creating text

Step 1

Install the font “SF Distant Galaxy” and write STAR WARS. Make the letters S and T upper and lower case. After that open the panel Symbol (Window> Character / Window> Character) and adjust the font as follows:

  • Font color (Color): # f2ece6
  • The size (Size): 200 pt
  • Leading (Leading): 155 pt
  • Tracking (Tracking): 50

Step 2

You also need to configure Kerning (Kerning) between separate letters. To do this, put the cursor between them and change the value at your discretion:

In my case, the following values ​​are used:

  • ST: -50
  • AR (in both words): 50
  • RS: -50

3. Correction of text form

Step 1

As soon as you finish working with the text, convert it into a vector shape. To do this, go to the menu Text> Convert to curves (Type> Convert to Shape).

Step 2

Choose a tool Arrow (Direct Selection Tool) and select two anchor points at the end of the letter R located at the top

Step 3

Use the right arrow key to drag horizontally a part of the letter R to the edge of the letter S located under it.

Step 4

Select the two anchor points on the left side of the letter S, located at the top, and use the arrow key to the left to drag horizontally a part of the letter S to the edge of the letter W located under it.

Step 5

Create a copy of the text layer (Ctrl + J) and reduce fill (Fill) to 0%. Then create another copy.

4. Styling the source shape layer (Shape layer)

Double-click on the original shape layer to apply the following styles:

Step 1

Add style Stamping (Bevel Emboss) with the following settings:

  • Style (Style): Embossing (Stroke Emboss)
  • The size (Size): 3
  • Gloss contour (Gloss Contour): Inversion – according to Gauss (Gaussian Inverse)
  • put a tick in the box “Smoothing“(Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Method (Technique): Smooth (Smooth)
  • Shadow mode (Shadow Mode): Multiplication (Multiply)

Step 2

Add style Circuit (Contour) with the following settings:

  • Circuit (Contour): wavy bias (Rolling Slope – Descending)
  • put a tick in the box “Smoothing” (Anti-aliased)

Step 3

Add style Stroke (Stroke) with the following settings:

  • The size (Size): 10
  • Position (Position): Centered (Center)
  • Type of strokes (Fill type): Gradient (Gradient)
  • Style (Style): Mirror (Reflected)
  • Gradient – Golden Dial Top X11 (use # e1ca71 instead of # f5e5a6 color)

Step 4

Add style Inner shadow (Inner Shadow) with the following settings:

  • Opacity (Opacity): 50%
  • Bias (Distance): 0
  • The size (Size): 1
  • Blend mode (Blend Mode): Multiplication (Multiply)

Step 5

Add style Gradient overlay (Gradient Overlay) with the following settings:

  • Click on the window Gradient (Gradient) to create gradient
  • Blend mode (Blend Mode): Normal (Normal)
  • Style (Style): Linear (Linear)

Step 6

You can open the gradient editor and click at the bottom of the gradient scale to add control points (Color Stops). For each control point you can change the value colors (Color) and positions (Location).

You can also click on the top control points of the gradient scale and change them. opacity (Opacity) and position (Location).

The values ​​that I used are as follows (from left to right):

Color – Position

  • # ede1b1 – 5%
  • # ecd98f – 75%
  • # e1ca71 – 88%
  • # be8936 – 100%

Finally, decrease the value. opacity (Opacity) for the left control point up to 5%.

So, we added a stroke and the main fill to the first text layer.

5. Styling the first copy of the shape layer.

Double click on the first copy of the shape layer and apply the following styles:

Step 1

Add style Stroke (Stroke) with the following settings:

  • The size (Size): 10
  • Position (Position): Centered (Center)
  • Type of strokes (Fill type): Gradient (Gradient)
  • Style (Style): Mirror (Reflected),
  • Blend mode (Blend Mode): Overlap (Overlay)
  • Angle (Angle): 90
  • Stroke Type (Fill Type): Gradient (faucet 110)

Step 2

Add style Gradient overlay (Gradient Overlay) with the following settings:

  • Blend mode (Blend Mode): Hard light (Hard Light)
  • Style (Style): Linear (Linear)
  • Gradient (Gradient): Gold Dial Tops X7 – angled
  • put a tick in the box “Inversion“(Reverse)

Without closing the style window, try changing the position of the gradient on the canvas within the text.

Step 3

Add style Pattern overlay (Pattern Overlay) with the following settings:

  • Mode (Blend Mode): Overlap (Overlay)
  • Pattern (Pattern): metal_6-512px.jpg

In this way, the stroke and fill colors will become brighter.

6. Styling the second copy of the shape layer.

Double click on the second copy of the shape layer and apply the following styles:

Step 1

Add style Stamping (Bevel Emboss) with the following settings:

  • Style (Style): Embossing (Stroke Emboss)
  • The size (Size): 3
  • Circuit gloss (Gloss Contour): Ring (Ring)
  • put a tick in the box “Smoothing“(Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Method (Technique): Smooth (Smooth)
  • Shadow mode (Shadow Mode): Multiplication (Multiply)

Step 2

Add style Circuit (Contour) with the following settings:

  • Circuit (Contour): deep notch (Cove – Deep)
  • put a tick in the box “Smoothing” (Anti-aliased)

Step 3

Add style Stroke (Stroke) with the following settings:

  • The size (Size): 10
  • Position (Position): Centered (Center)
  • Type of strokes (Fill type): Gradient (Gradient),
  • Style (Style): Mirror (Reflected),
  • Blend mode (Blend Mode): Overlap (Overlay)
  • Angle (Angle): 5
  • Type of strokes (Fill Type): Gradient (Golden Dial Top X11)

Thus, we made the effect more vivid and noticeable.

7. Adding an external glow

Step 1

Duplicate the second copy of the shape layer. (Ctrl + J), click on the copy with the right mouse button and select Rasterize Layer Style (Rasterize Layer Style).

Name the resulting layer “Glow” and reduce it. fill (Fill) to 0%.

Step 2

Double click on the layer to apply the style. External glow (Outer Glow) with the following settings:

  • Blend mode (Blend Mode): Linear light (Linear Light)
  • The size (Size): 3
  • Colour (Color): # e7bf2a

As a result, a light glow will appear around the text.

8. Add highlights

Step 1

Set foreground color to # ead994, select tool “Brush” (Brush) and from a set of brushes Stars and Shines select brush SF-12.

Step 2

Open the brush panel through the section Window> Brush (Window> Brush) and change the settings Shape dynamics (Shape Dynamics), as shown in the screenshot below:

  • Size fluctuation (Size Jitter): 15%
  • Minimum diameter (Minimum Diameter): 0%
  • Angle swings (Angle Jitter): 100%
  • Shape oscillation (Roundness Jitter): 0%

Step 3

Decrease the size Brush (Size) at your discretion, create a new layer at the very top and name it “Flares”. Set it to overlay mode. Linear light (Linear Light).

Then draw star highlights on the edges of the text.

Final result:

Congratulations! We are done!

In this tutorial, we used the cosmic texture as a background, changing its color scheme using layer styles and adjustment layers.

Next, we typed the text and changed some of its settings, such as Tracking (Tracking) and Kerning (Kerning).

After that, we transformed the text into a figure and worked with individual ends of the extreme letters. As soon as we finished working with the letters, we created a couple of copies of the layer and applied different styles to each of them to improve the overall look of the effect.

Finally, we adjusted the “Flash” brush and added a few highlights and flashes along the edges of the text.

Like this post? Please share to your friends: