Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Glowing Text with Space Background

In this tutorial, I will show you the steps I took to Create this Unique Glowing Text with Space Background in Adobe Photoshop CS5. We will use techniques such as layer blending, filter effect, custom brushes and transform tools to create this text effect. This is an beginner to intermediate level Photoshop tutorial, let’s get started! Layered PSD file included.

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1280px by 1024px(RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color thenew background layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next we have to type the word ‘SPACE’ on the canvas. Select the Horizontal Type tool (T). Select a font, size and color in the Character panel. I used this VAL font from FontFabric, VAL rounded font is perfect fot any type of graphic design – web, print, motion graphics, logos, pictograms.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Click in the canvas and type ‘SPACE’. Press Enter to apply the text.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Add Stroke:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and select the Soft Round brush from Brush Tool (B).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Use this brush to paint above the text with #AC009F color as shown.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between the brush’s layer and the text’s one in theLayers panel to create a clipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and select the Soft Round brush to paint on the text’s layer on the left side.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

The brush’s color is #00B6FF (set Opacity to 60% in Options bar).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) the way we did before and click between layers in the Layers panel to create a clipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create the next new layer and select the Soft Round brush indicated for the previous example to paint on the text’s layer on the right side with #CA1472 color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create aclipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Combine in a group all the layers composing the text and the brush’s layers (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new groupicon from bottom part of the Layers panel).

Let’s rasterize the group we’ve got (select the group in Layers panel and press CTRL+E to Merge Down)

Create a new layer and select the Soft Round brush to paint the background as shown.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Place the layer under the text’s one.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 50% for this layer and set the Blending mode to Lighten.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and insert some white spots, which will eventually become our stars, applying the Hard Round brush of white color. Choose different Size and a different Opacity value for brush.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Place the layer under the text’s one.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Insert the mask on the last made layer by choosing Add layer mask on the bottom part of the Layers paneland choose the Soft Round brush of black color (set Opacity to 70% in Options bar).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Paint in the mask using this brush to hide out smoothly the stars elements.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and choose the Soft Round brush to continue painting the stars, placing the layer under the text’s layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create aclipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Linear Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

On the next new layer we’ll apply the Soft Round brush to paint the background, situating this layer under the text’s layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Hard Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Insert the mask on the recently made layer by choosing Add layer mask on the bottom part of the Layers panel .

Apply also in the mask the next filter: Filter > Render > Clouds.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next we have to represent a kind of luminescence behind the text’s layer. In this case create a new layer and select on it the Soft Round brush to paint the background behind the text’s layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Place this layer under the text’s one.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 50% for this layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next we’ll make a copy of the layer containing the word ‘SPACE’. Apply on the copy’s layer the next filter: Filter > Blur > Radial blur.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 70% for this layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Levels to adjust tonal range.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Adjusting black and white points with Levels Input sliders. Input slider must be in the next position (102 and255).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Insert the mask on the made layer by choosing Add layer mask on the bottom part of the Layers panel and press CTRL+I in the mask to Inverse the color. Choose the Soft Round brush of white color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Paint in the mask using this brush to change the visibility of the layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create aclipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Using the Ellipse Tool (U), we can draw several small ellipses of white color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Each layer containing the ellipse has the same parameters with the other layers. Set Fill to 50% for this layer and change the Blending mode to Overlay.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Insert the mask now on each of the layers containing the ellipses and select the Soft Round brush of black color (brush’s Opacity – 30%).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Paint in the maks to hide the ellipses’ layers as shown. On the indicated ellipse we’ll insert the inverted mask (Ctrl+I) the way described before and paint in the mask with a white brush to change the visibility of the layer.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next step we’ll download set of brushes for Adobe Photoshop, named: light_brushes_2. Copy the brushes file toC:\Program Files\Adobe\Adobe Photoshop X\Presets\Brushes folder (Adobe Photoshop X been your version of Photoshop).

Create a new layer and load the downloaded brushes, select the next brush to represent a shining effect ofwhite color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Apply the brush with a different Opacity value.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Overlay.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Make a copy of the last made layer and set the Blending mode for this layer to Lighter Color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and represent the luminescence here, applying the Soft Round brush of white color (brush’s Opacity – 15%) the way shown next picture.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 85% for this layer and change the Blending mode to Soft Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and choose here the Soft Round brush of white color (brush’s Opacity- 15%) to represent a brighter luminescence.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next we’ll draw a kind of beam, creating the new layer and selecting the Rectangular Marquee Tool (M) to represent a selection as shown.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Inside the selection we’ll paint with Soft Round brush of #84026E color.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Using the Free Transform (Ctrl+T) command, we’ll change the line’s sizes and place it like it is shown next image.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Vivid Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and apply here the Soft Round brush of white color to paint the beam as shown.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create aclipping mask.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Vivid Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Combine in a group all the layers containing the beam and the brushes (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel

Insert the mask on the made group by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 20% in Options bar).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Paint in the mask using this brush to hide the edges of the beam.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Make a copy of the got group. Press CTRL+SHIFT+U on the basic copy’s layer to Desaturate it. Hide additionally in the mask with a brush of black color (in the mask on the group’s copy). Using the Free Transform (Ctrl+T)command, we can displace the copy the same way shown next image.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Now we have to make three copies of the very first created group and apply the Free Transform (Ctrl+T)command to change the copies’ sizes, situating them the same way demonstrated next picture.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer again and apply here the Soft Round brush indicated before of white color (brush’sOpacity – 30%) to represent luminescence effect on the painted zones.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Overlay.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Create a new layer and apply the Soft Round brush to paint the background in blue on its left side and yellowon the right side. Both colors have the Opacity – 15%.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set the Blending mode for this layer to Saturation.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Draw an ellipse the same way we did in the previous example, using the same Ellipse Tool (U).

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 11% for this layer and change the Blending mode to Vivid Light.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Make a copy of the recently made layer with the small ellipse on it and choose the Free Transform (Ctrl+T)command to make the copy smaller and place it as on the next picture it is demonstrated.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Insert the mask on the same layer and paint in the mask with Soft Round brush of black color (brush’s Opacity – 20%) to hide the ellipse between the letters P and A.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

We’ve got the next result:

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Next we’ll represent the pattern. Create a new document (Ctrl+N) with the size 1px by 2px (RGB color mode) at a resolution of 72 pixels/inch. Choose the Pencil Tool (B), set Size to 1px in Options bar to represent the pattern. Apply on the top side black color and grey on the bottom part.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Choose Edit > Define Pattern. Enter a name for the pattern in the Pattern Name dialog box.

Get back to the main document and represent a new layer (Create new layer) and choose Edit > Fill. In theFill dialog box, for Use, choose Pattern, select recent created pattern from the pop-up panel, and click OK.

Create a Unique Glowing Text with Space Background in Adobe Photoshop CS5

Set Fill to 60% for this layer and change the Blending mode to Soft Light. We’re done!

Glowing Text with Space Background

 

Thanks to adobetutorialz

Facebook Like

We are in social

Zizaza Twitter social profile

Blogspot zizaza free design ocean blog

Pinterest zizaza free design ocean profile

Facebook Zizaza - design ocean page

Deviantart Zizaza design ocean biggest free icon storage group

Zizaza design ocean home page