How to Create Suspended Text Effect In Photoshop

This tutorial explains how to create a nice colorfull suspended text effect.

Final Image Preview

---

Note: Original tutorial published on Photoshopstar.com had too many errors. Being one the most popular tutorials, tutorial was rewritten and now published.

Step 1

First create a new document, 1000×500 pixels, with a black background. Then, create your text in white. The font used is Verdana, and the size is 120pt. Choose Bold from the Font Style selection box next to the Font Family box in the Options bar.

---

Step 2

Create a new layer on top of the Background layer and call it “Gradient”. Select the Gradient Tool, and set the Foreground color to White. Create a Foreground to Transparent gradient from top to bottom.

Press the Ctrl key, and click on the text layer thumbnail (icon) to create a selection.

Select the “Gradient” layer so that it is the active layer, and press Ctrl + J to copy the selection and paste it in a new layer, call the new layer “Gradient Letters”. Then, click on the eye icons next to the text and “Gradient” layers to make them invisible.

---

Step 3

Pick the Rectangular Marquee Tool, and click the Intersect with Selection icon in the Options bar. Reselect the text (Ctrl + Click on the text layer thumbnail), then draw a rectangle around the first letter.

This will make the letter S the only selected letter.

Create a new layer on top of the “Gradient Letters” layer and call it “Colored Letters”, then change its Blend Mode to Screen. Fill the selection you created with the color #ff0000, then press Ctrl + D to get rid of the selection.

Repeat the same process to each letter. (Ctrl + Click on the text layer thumbnail to create a selection, draw a rectangle around the letter you want to color, fill in the selection, and press Ctrl + D to get rid of the selection at the end.) The colors used here are as follows:

S – #ff0000
U – #ff7e00
S – #fffc00
P – #a2ff00
E – #06ec00
N – #00d8ff
D – #004eff
E – #7200ff
D – #f000ff

This is what you should get:

---

Step 4

Set the Fill value for both the “Gradient Letters” and “Colored Letters” layers to 60%, and duplicate each one of them.

Select the original “Colored Letters” layer, then go to Filter > Blur > Gaussian Blur, and set the Raduis to 5. Do the same thing for the original “Gradient Letters” layer.

Merge all 4 layers together (select them all, then go to Layer > Merge Layers).

---

Step 5

Now, create a selection from the original text layer again (Ctrl + Click on the original text layer’s thumbnail), use the Rectangular Marquee Tool, and click the Intersect with Selection icon in the Options bar, then draw a rectangle around the first layer.

Once the letter is selected, press Ctrl + J to copy it and paste it in a new layer.

Repeat the same process for each letter. Don’t forget to select the “Colored Letters copy” layer after you press Ctrl + J each time.

Once you’re done, you should have each letter in a separate layer. Remove the eye icon next to the “Colored Letters copy” layer to make it invisible.

---

Step 6

Set the Foreground color to #e5ffff, and pick the Pen Tool. Make sure to clik the Paths icon in the Options bar as well.

Create a new layer on top of all layers and call it Rope. Draw a path as shown below:

Choose a hard round brush and set its Size to 3 px. Then, pick the Pen Tool once again, right click on the path you’ve created, and choose Stroke Path.

Use the settings below:

This should stroke the path with the brush you modified. Hit Enter to get rid of the path.

Duplicate the “Rope” layer, then select the original one, and apply the Gaussian Blur Filter once again (You can press Ctrl + F to do so).

Drag the two “Rope” layer so that they are under all the letters’ layers.

---

Step 7

Rotate and move the letters to place them on the Rope.

Ctrl + Click the “Rope” layer’s thumbnail to create a selection.

Pick the Eraser Tool, and select the Letters layers, one by one, to erase the outer edges so that the letter looks like its really hung on the Rope.

This is how the text should look like:

Now choose a hard round brush for the Eraser Tool, set its size to 5 px, and again, select the Letters layers one by one, to erase the parts where the Rope and the Letter meet.

You should end up with a result similar to this.

Step 8

We’re going to make the background more colorful. So create a new layer on top of the Background layer and call it “BG Colors”. Then, select a soft round brush, and scatter some different sized spots on your canvas using different bright colors, for example #fe5a00, #ffe100, #7cff00 and #00fff5.

Use the Eraser Tool with a soft round brush to erase a bit of the colors at the center (around the text).

Set the “BG Colors” layer’s Opacity to 25%. And we’re done!.

---

Final Image

Stars Candy Text Effect In Photoshop

This Photoshop tutorial will show you how to use a stars-candy texture to create a nice stars candy text effect.

---

Final Image Preview

Step 1

Open the “hetedeik.png” image from the 8 wooden patterns set, then go to Edit -> Define Pattern.

Create a new 1024 x 768 px document, and fill the Background with the wood pattern.

Place the Grungy Cracked Wall texture on top of the Background, and change its layer’s Blend Mode to Soft Light.

---

Step 2

Use the Horizontal Type Tool (T) to create your text in Black. The font used is ‘Hobo Std’, and the size is 200 pt.

Go to Edit -> Transform -> Warp, choose Arc from the Warp drop down menu, and set the Bend value to 30. Hit Enter to accept the changes.

Duplicate the text layer, and make the original one invisible (by clicking the eye icon next to it).

Right click on the copy text layer and choose Rasterize Type.

The text is no longer editable now, so make sure to modify the text before this step.

---

Step 3

Use the Lasso Tool to select the first letter. Make sure the copy (rasterized) text layer is selected (active).

Press Ctrl/Cmd + J to duplicate the letter to a separate layer, then rename the duplicated layer to whatever letter it has.

Do the same thing for the rest of the letters. Don’t forget to select the rasterized text layer each time before pressing Ctrl/Cmd + J.

---

Step 4

Place the Sweet Stars texture on top of all layers, rename its layer to “Texture”, and make the rasterized text layer invisible, so that only the separate letters layers are visible.

Duplicate the “Texture” layer then make it invisible. Resize (Edit -> Transform -> Scale) the texture (in the “Texture copy” layer) so that it almost covers one letter only.

Press Ctrl/Cmd key, and click on the first letter layer’s thumbnail (icon) to create a selection.

Use the Polygonal Lasso Tool OR the Magnetic Lasso Tool (L), whichever one you prefer, to Add missing parts of the stars on the edges or Subtract those extra ones from the selection you have (click the Add to Selection or Subtract from Selection icons in the Options bar to do so).

This doesn’t have to be perfect, and it’s fine if you forgot some parts, as you can still fix those in the following Steps. Just try to cover as much stars as possible, and take your time in this Step.

Once you’re done, click the “Redifine Edge” button in the Options bar.

Modify the Smooth and Contrast values till the edges are soft, then click OK.

Press Ctrl/Cmd + J to duplicate the selected texture on a separate layer. You can make the “Texture copy” layer invisible to see how the texture looks, but don’t forget to make it visible once again (by clicking in the empty square next to the layer) before moving on to the next step.

---

Step 5

Move the texture to cover the next letter. You can as well rotate it (Edit -> Transform -> Rotate), and always hit Enter to accept changes when you’re done.

Repeat the same steps till you have a texture for all of the letters, each one on a separate layer.

Now, use any of the Lasso Tools to select a couple of stars from the texture. Choose ones that are not missing any parts, in different agles and colors, to add them to the letters.

Redifine the selection Edges, then press Ctrl/Cmd + J to duplicate those stars into a separate layer, and rename it to “Stars”. Once you’re done, make the “Texture copy” layer invisible.

---

Step 6

Select a star using the Lasso Tool, duplicate it to a separate layer (Ctrl/Cmd + J), then move it around to fill in the empty edges. You can make as many copies as you need of each star, and you can rotate and scale them as well. Try to cover all the empty areas in the letters’ texture.

You can use the Eraser Tool to get rid of any unwanted parts.

This step might take a while, but it’s important to make sure no areas are empty or incomplete, so take your time.

When you’re done, select all the Stars texture layers, and press Ctrl/Cmd + E (Layer -> Merge Layers) to have the texture in one layer. Rename the merged layer to “Stars-Final”.

Make all other text layers invisible.

You might notice some areas that still need to be erased, so go ahead and do so.

---

Step 7

Duplicate the “Stars-Final” layer.

Set the Foreground and Background colors to Black and White, then go to Filter -> Noise -> Add Noise, and change the values as shown below:

Change the “Stars-Final copy” layer’s Blend Mode to Soft Light.

Go to Image -> Adjustments -> Hue/Saturation (Ctrl/Cmd + U), and set the Saturation to -80.

Go to Filter -> Blur -> Gaussian Blur, and set the Raduis to 5. This will soften the texture

---

Step 8

Double click on the “Stars-Final” layer to add some shadows. Start with Drop Shadow, and use the default values.

Then, add Inner Shadow. Change the color to #a7a7a7, and the Distance to 0.

This will add depth to the texture.

Click the Create a new fill or adjustment layer icon down the Layers panel, and choose Photo Filter.

Choose the Sepia Filter.

Create a new layer right below the Photo Filter Layer and call it “Radial Gradient”. Set the Foreground color to #595959, choose the Foreground to Transparent Gradient, and check the Reverse box. Create a Radial Gradient from the center of the document to one of the corners, and change the layer’s Blend Mode to Overlay and its Opacity to 80%.

Finally, click the Ceate a new fill or adjustment layer icon again, but this time choose Levels, and make sure to place the Levels layer right on top of the Background layer.

change the Highlights value to 235 to brighten up the Background a bit, and that’s it!

Final Image

This is the final result. You can use the same technique with any other type of candy or food texture to create other delicious text effects!