Lost in Space Typography



Step 1

Open Photoshop and create a new document. I used 2560x1440 pixels. Then with the Gradient Tool (G) fill the background with a radial gradient with 2 shades of purple (3d2626) Lighter and (060404) darker.
Lost in Space Typography in Photoshop

Step 2

With the Elliptical Marquee Tool (M) create an ellipse selection. Add a new layer and select the Gradient Tool (G). Use black and a very light grey for the colors. Fill the ellipse selection with the radial gradient. Use the image below for reference.
Lost in Space Typography in Photoshop

Step 3

Go to Edit>Define Brush to create a new brush.
Lost in Space Typography in Photoshop

Step 4

Go to Window>Brushes. Use the image below for the values of the Brush Tip Shape, Shape Dynamics, Scattering, Color Dynamics and Other Dynamics.
Lost in Space Typography in Photoshop

Step 5

Add a new layer and with the Brush Tool (B) and the brush you have just created, paint some spheres on the design. This is a random effect so you won't get the same result as I did.
Lost in Space Typography in Photoshop

Step 6

Add another layer and group this layer. This new layer will be inside a folder in the Layer Palettes. Change the folder's Blend Mode to Color Dodge. Then, with the Brush Tool (B), select white for the color and a big soft brush to paint some areas to highlight them (1-4). Tip: Use the numbers 1-0 to change the opacity of the brush, with 1 being 10% and 0 being 100%.
Lost in Space Typography in Photoshop

Step 7

Add a new layer and with the Rectangular Marquee Tool (M), create a rectangular selection. Fill this selection with a white to black linear gradient using the Gradient Tool (G). After that change the Blend Mode to Color Dodge to create a nice light effect.
Lost in Space Typography in Photoshop

Step 8

Duplicate the light effect layer. Rotate and resize them to create different light effects. Tip: Use the Eraser Tool (E) to blend some of the light effects one they are over one another.
Lost in Space Typography in Photoshop

Step 9

Add a new layer and group this layer so it will be inside a folder. Change the Blend Mode of the folder to Color Dodge. With the Brush Tool (G), using white for the color, select the layer inside the folder and paint some flares (1-3)
Lost in Space Typography in Photoshop

Step 10

Add another layer on top of the others, then with the Gradient Tool (G) fill the layer with a gradient using red, yellow, green and blue for the colors. Change the Blend Mode of this layer to Overlay.
Lost in Space Typography in Photoshop

Step 11

Create a new layer and fill it with a checkerboard pattern. You can download it here. Then go to Filter>Blur>Gaussian Blur, use 10 pixels for the Radius. After that change its Blend Mode to Color Dodge.
Lost in Space Typography in Photoshop

Step 12

Select the pattern layer and go to Filter>Liquify. Use the Twirl Clockwise Tool (C) and the Bloat Tool (B) to deform the pattern layer.
Lost in Space Typography in Photoshop

Step 13

Select all layers and click Command(mac)/Control PC + Alt + Shift + E to create a layer with all the layers merged in it. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. Then change the Blend Mode to Screen and the Opacity to 50%. Once again click on Command(mac)/Control PC + Alt + Shift + E to create a layer with the final design.
Lost in Space Typography in Photoshop

Step 14

To create the text effect we will add a new layer for a new background. You can duplicate the same layer from the Step 1 and just change the colors, instead of a purple hue I used a brown. The light one is 3b2500 and the dark 130f08.
Lost in Space Typography in Photoshop

Step 15

Select the Horizontal Type Tool (T) and type "Lost in Space" like a did in the image below. Make the words "Lost" and "Space" much bigger than the "In". Then change the font to VAL. You can download it here (http://fontfabric.com/?p=585). Use white for the color.
Lost in Space Typography in Photoshop

Step 16

Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the Blend Mode, black for the color, -90º for the angle, 0 for Distance and Spread and 30 for Size.
Lost in Space Typography in Photoshop

Step 17

Select now Inner Shadow. use Color Dodge for the Color with White, 100% for the Opacity, 2 pixels for the DIstance, 1 for Choke and 5 pixels for Size.
Lost in Space Typography in Photoshop

Step 18

Move the layer with the design merged to be on top of the other layers, more specifically on top of the text layer. Then go to Layer>Create Clipping Mask.
Lost in Space Typography in Photoshop

Step 19

Go to Google Images and search for some eclipse photos, I found this amazing one at http://www.cardiff-astronomical-society.co.uk/ECLIPSE2006\DSCF0841.JPG. Copy it and paste it in your design. Go to Image>Adjustments>Levels. Increase the black input. Change the Blend Mode to Screen. Also go to Filter>Blur>Gaussian Blur. Use 5 pixels for the Radius.
Lost in Space Typography in Photoshop

Step 20

Duplicate the eclipse layer and position it on top of the other ones that were in the design, the difference is that now it will look like the lights are coming out of the text.
Lost in Space Typography in Photoshop

Conclusion

Merge all the layers again and you can add a little noise (Filger>Noise>Add Noise). The effect is very simple and won't take you more than 20-30 minutes to achieve it. But it's a nice exercise for those willing to play with light effects, also clipping mask and text effects in Photoshop.

Download the Photoshop file

Glorious Starburst



Creating the Background Swirl

The first thing we’re going to do is create a new document with the following settings:
Picture 1
Now we’re going to add a gradient in the background from black to white.  First hit the letter “D” on the keyboard to reset the foreground and background colors to default.  Then, select the Gradient Tool (G) and drag from the bottom of the window to the top.  You should come up with something like this:
Picture 2
Next we’re going to select Filter > Distort > Wave in the menu bar and use the following settings.  You can change these to generate various effects.
Picture 3
Now choose Filter > Distort > Polar Coordinates, and use the default settings.  This is what it will look like:
Picture 4
With the layer selected choose Filter > Distort > Twirl and set the angle to about 140 degrees.
Picture 6
This is what we should have so far:
Picture 7
Now that we have our swirl base we’re going to add some cool colors.  To do this select the little circle at the bottom of the layers palette and select Gradient.
Picture 8a
After this select the rectangle to the right of the word “Gradient:” and select the gradient that looks like a rainbow and select ok.
Picture 9
Then, with the “Gradient Fill” box still selected, set the style to Angle and click ok.
Picture 10
[private_Royal]
Set this gradient layer blending mode to Color.  Lets also add some more intensity to the color swirl by duplicating the original layer by selecting the original layer and pushing Command + J on the keyboard and then settings this duplicated layer to a blending mode of Overlay.
Picture 11
The layer order should be (from top to bottom) gradient, duplicated layer, original swirl layer. The result should look something like this:
Picture 8
Now we’re going to add the “King” text.  Select the Type Tool and type “King.”  We are going to be using the font Billboard.  You can use whichever font you’d like but try to choose a thick one.
Picture 12
Now, we’re going to group all of our background layers (the gradient, the original swirl, and the duplicated swirl layer).  Select all of these layers in the layer palette and push Command + G on the keyboard.  Make sure you don’t group the text with it. Duplicate the group by right clicking the group in the layers palette and selecting “duplicate group” name the group whatever you’d like and push OK.
Picture 13
Now, right click on the duplicate group and select “Merge Group.” The reason we do this is because we want to perserve our original artwork and we’ll  be using the flattened group to put inside the text.  Make sure the flattened group is above the text layer now.
Picture 14
Now, Command + Left Click the thumbnail of the King text layer and you’ll see what we call “dancing ants” around the letters of K I N and G.  Next, with the duplicated layer group (Group 1 copy)  selected in the layers palette, choose Layer > Layer Mask > Reveal Selection from the menu bar. We’re going to name this layer “text”
Picture 15
We can also now delete the actual text layer so we’re only left with the following layers:
Picture 16
Now, we’re going to add some effects to the masked text.  Select the “text” layer in the layers palette and select  Layer  > Layer Style > Blending Options and enter the following settings:
Picture 17
Picture 18
This is what we have so far:
Picture 19

Adding Gloss to the Text

Now we’re going to add the gloss to the text.  Simply make sure the foreground color is set to white and with the Pen Tool click and draw a wave above the top portion of the text.  Name this layer “shine.”
Picture 20
Now create a new layer above this “shine” layer and highlight them both in the layers palette by holding the shift key and clicking them.  Once both layers are highlighted in the layers palette, select Layer > Merge Layers. Name this newly merged layer “shine” again to keep things organized.  Now, Command + Left Mouse Click on the shine layer and select  Select > Modify > Contract and set to 3 pixels and push ok.
Picture 21
With the text layer highlighted in the layers palette select Layer > Layer Mask > Reveal Selection. This will make sure the shine is within the letters.
Picture 22
Now, create a new layer above the shine layer and Shift + Left mouse click both layers (the new layer and the shine layer) in the layers palette so they are both highlighted and hit Command + E on your keyboard.  This will flatten the new layer and the shine layer into a single layer.  Again, name this layer “shine”
Adding the Gradient Mask to the newly flattened shine layer is pretty easy.  Push “D” on your keyboard to make sure the foreground and background colors are set at default.  Then,  with the shine layer selected click the “Add layer mask” button at the bottom of the layer palette which looks like a little white circle within a square.
Picture 23
Select the Gradient Tool (G) and make sure the following settings are in the menu bar:
Picture 24
and click and drag from the top of the image down.  Play until you get an effect like this:
Picture 25
Then adjust the transparency as desired.  This is what we should have so far:
Picture 26

Creating Glow Intensity:

Now we’re going to create new layers and paint white on them with differing brush sizes, that all have a hardness of 0%. So create a new layer immediately above our flattened background swirl layer and select the brush tool (b). With a size of about 191 pixels with a hardness of 0% and a color of white click to draw a big dot.  Select this layer to Overlay and notice how it makes the background pop.  Do this until you get the desired effect.  It’s a subtle difference but can make an image really stand out!
Picture 27

Creating Dust Particles:

We’re going to use the same technique as above with the glow intensity dots to create our dust particles.  Create a new layer immediately above the glow intensity layers but this time select a brush with diameter of 23 pixels and a hardness of 75%.  Then, select the following brush settings:
Picture 28
Picture 29
Picture 30
Now click and create different dust particles.  When you’re done set this layer to Overlay.
Picture 31

Creating Glowing Handwriting:

The last step we’re going to do is add some handwriting text that glows.  First select the Pen Tool (P). Make sure the following settings
Picture 32
Also, select the brush tool and make sure the brush settings are set to a width of 4px and a hardness of 80% and make sure the color is set to white.  You’ll see why we choose these settings in this next step.
Then click and using a mouse, pen tablet, or touch pad, draw the word “tutz” at the bottom right of the word “KING.”
Then, create a new layer above all other layers and with the pen tool selected right click and select “stroke path” make sure you select the box “simulate pressure” and push OK.
Picture 33
This is what we have so far:
Picture 35
The final step is to add a glow to the “tutz” we just added.  To do this make sure the tutz layer is selected and select Layer > Layer Style > Outer Glow. Enter the following settings:
Picture 36
Good job!  You’ve made it and you’ve learned a lot along the way.  Using the simple steps taught in this tutorial you can take your graphic design projects to the next level.

Final Image:

Final