twitter
    Find out what I'm doing, Follow Me :)

How to make 3D spectacular text effect in Photoshop

In this tutorial, I will show you how to make 3D spectacular text effect using simple techniques from Xara3D and Photoshop. We’ll use Xara3D to create the text and Photoshop to decorate the text with different brushes. Let’s get started!

Final Image Preview

How to make 3D spectacular text effect in Photoshop CS4
Start by creating each letter separately in a 3D program, I use Xara3D (download the Xara3D 6 trial to your Desktop, run the installer file and follow the on-screen instructions), and import them into a Photoshop document.

Create a new file in Xara3D and then start representing by one figure of the next year (2010)

How to make 3D spectacular text effect in Photoshop CS4
Select for the beginning the text options by clicking on the Text Options icon:

How to make 3D spectacular text effect in Photoshop CS4
… and then the Color options:

How to make 3D spectacular text effect in Photoshop CS4
… set the Extrusion options:

How to make 3D spectacular text effect in Photoshop CS4
Also the Bevel Options

How to make 3D spectacular text effect in Photoshop CS4
… finally the Shadow Options:

How to make 3D spectacular text effect in Photoshop CS4
Then we have to set also the angle of the figures’ position on the file and the light:

How to make 3D spectacular text effect in Photoshop CS4
Choose after that the Export to File option and save each character:

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the Rectangle Tool (U), let’s represent a big rectangle reserved for background we want to have.

How to make 3D spectacular text effect in Photoshop CS4

For this layer click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next background:

How to make 3D spectacular text effect in Photoshop CS4
Import the earlier saved figures into a Photoshop document. Keep each figure in its own layer, and then arrange them around each other, in whatever way looks good to you.

How to make 3D spectacular text effect in Photoshop CS4
For the layer containing the first ‘0′ figure we’ll adjust the Hue/Saturation (CTRL+U) settings. Click and drag the Hue slider to change the color of the selected figure

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next color for first ‘0′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Next we’ll represent four new layers (Create new layer) for each figure and select Hard Round brush of white color from Brush Tool (B)

How to make 3D spectacular text effect in Photoshop CS4
and paint very accurately the frontal parts of the figures as shown:

How to make 3D spectacular text effect in Photoshop CS4
Each layer must have different Layer Style. For the layer contain ‘2′ figure, click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ‘2′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style >Gradient Overlay for the ‘0′ figure as shown:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ‘0′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style >Gradient Overlay for the ‘1′ figure as shown:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradient for ‘1′ figure:

How to make 3D spectacular text effect in Photoshop CS4
Set the Layer Style > Gradient Overlay for the very last figure:

How to make 3D spectacular text effect in Photoshop CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next gradients for figures:

How to make 3D spectacular text effect in Photoshop CS4


Create a new layer and using the Rectangular Marquee Tool (M) represent several lines the way it is represented below. Firstly let’s represent the rectangular selection and then choose the Paint Bucket Tool (G) to fill the selection with white color.

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4
Next select the Free Transform (Ctrl+T) and place the lines’ layer exactly the way it is shown below:

How to make 3D spectacular text effect in Photoshop CS4
Set the Fill to 40%. Make three copies of the layer containing the lines. The copies will be used for other figures:

How to make 3D spectacular text effect in Photoshop CS4
Click on the lines’ layer to make it active on the Layers panel, hold CTRL button and click on the frontal figure’s layer contain the gradient; there will be a selection of this layer:

How to make 3D spectacular text effect in Photoshop CS4
Click on the bottom part of the Layers panel on Add a Mask icon and the lines will be cut around the figure:

How to make 3D spectacular text effect in Photoshop CS4
This operation should be done for the rest of the figures. Choose the Free Transform (Ctrl+T) to place the copies’ layers with lines above the other figures. We’ve got the next effect on the figures:

How to make 3D spectacular text effect in Photoshop CS4

Next step we’ll download a set of brushes for in Adobe Photoshop, named: Floral and Floral ornaments . Create a new layer and go to Brush Tool (B), select the next brushes from downloaded set - Floral.

How to make 3D spectacular text effect in Photoshop CS4
Apply brushes as shown:

How to make 3D spectacular text effect in Photoshop CS4
Then make the layer containing the ornaments active, holding CTRL+SHIFT click on the frontal layer contain gradient of each figure and there we’ll have the selection of the figures’ layers:

How to make 3D spectacular text effect in Photoshop CS4
Click on the bottom part of the Layers panel on Add a Mask icon and the ornaments will cut out around the figures:

How to make 3D spectacular text effect in Photoshop CS4
Set the Fill to 68% for the layers contain the ornaments and change Blending mode to Luminosity

How to make 3D spectacular text effect in Photoshop CS4
Select Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown:

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4
Take now the Custom Shape Tool (U) to represent several snowflakes on the figures:

How to make 3D spectacular text effect in Photoshop CS4
Choose a different Fill value for the snowflakes’ layers, getting this way the next demonstrated result:

How to make 3D spectacular text effect in Photoshop CS4
This way we can represent the snowflakes on the rest of the figures:

How to make 3D spectacular text effect in Photoshop CS4
Combine in a group all the layers composing the snowflakes above the ‘2′ figure (press CTRL button to select the corresponding layers and then hold on the left mouse’s button while dragging the selected layers on Create new group icon from bottom part of the Layers panel). Set the Opacity to 59% for the made group.

How to make 3D spectacular text effect in Photoshop CS4

Next we have to combine in a group all the layers composing the figures, snowflakes, brushes’ ornaments, the lines and the Curves adjustment layer (press CTRL button to select the corresponding layers and then hold on the left mouse’s button while dragging the selected layers on Create new group icon from bottom part of the Layers panel). Create a new layer and go to Brush Tool (B), select the next brushes from downloaded set - Floral_ornaments. Foreground color is white.

How to make 3D spectacular text effect in Photoshop CS4
Apply brushes as shown. This layer needs to be placed lower than the figures’ group, Curves adjustment layer, the brushes’ ornaments and snowflakes.

How to make 3D spectacular text effect in Photoshop CS4
Find a stock photo of a flower, like the one from below:

How to make 3D spectacular text effect in Photoshop CS4
Cut out the flower and insert it on a new layer. Using the Free Transform (Ctrl+T) we can make smaller the flower’s dimension, placing it the way from below.
How to make 3D spectacular text effect in Photoshop CS4

The flower’s layer will be placed lower than the figures’ group:

How to make 3D spectacular text effect in Photoshop CS4
Make four copies of the last made layer with the flower and select Free Transform (Ctrl+T) to place the copies the same way demonstrated below. The copies’ layers will be placed lower than the figures’ group, but above the brushes (from Floral _ornament set).

How to make 3D spectacular text effect in Photoshop CS4
Next we must apply the Ellipse Tool (U) to draw a circle lower than the earlier represented figures’ group, brushes’ layers and the flowers layers.

How to make 3D spectacular text effect in Photoshop CS4
Set the Fill to 0% for the layer with circle and go to Layer Style >Stroke

How to make 3D spectacular text effect in Photoshop CS4
We’ve got the next circle:

How to make 3D spectacular text effect in Photoshop CS4
Next we’ll make copies of the layer with the circle and choose Free Transform (Ctrl+T) click on Maintain Aspect Ratio in Options bar to make smaller proportionally each following circle:

How to make 3D spectacular text effect in Photoshop CS4
Combine in a group all the layers with the circles (press CTRL button to select the corresponding layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of Layers panel). Make four copies of the group we’ve got and select again Free Transform (Ctrl+T) to change the copies’ sizes, placing them under the characters’ layers:

How to make 3D spectacular text effect in Photoshop CS4
Select a different Fill value on the groups’ copies of the circles:

How to make 3D spectacular text effect in Photoshop CS4

How to make 3D spectacular text effect in Photoshop CS4
The final result!

How to Create a Romantic Valentine’s Day card

n this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial for beginners in the spirit of Valentine’s Day which will explain how to use Pen Tool, Custom Shape and Layer Style to create a romantic card in Photoshop. Let’s get started!

Final Image Preview

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Create a new document (File>New) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the Rectangle Tool (U), let’s represent a big rectangle reserved for background we want to have.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
For this layer click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next radial gradient on the background:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Next we’ll represent a shape on the background. Choose the Pen Tool (P), select from Options bar the Shape Layers drawing mode and draw the next shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next background:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make a copy of the layer containing the shape. Then select Free Transform (Ctrl+T) command to move the copy to the right side. You can make some corrections of the anchor points using the Convert Point Tool.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set the Fill to 0% for this layer and apply Gradient Overlay:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next abstract background for our card:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart Card shape at the bottom of the menu, and then double-click a shape thumbnail to select it.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click and drag to draw the shape.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Also apply the Stroke:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Select Fill Type – Gradient and click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next effect on the heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make a copy of the layer with the heart on it and select Free Transform (Ctrl+T) command to make smaller the copy.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next effect on the heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Let’s create now a highlight on the heart. To create the highlight we’ll try to draw multiple shapes in a layer and modify the first shape using Subtract option. Select the Ellipse Tool (U), draw the first ellipse shape and then holding Alt button (or select from Options bar the Subtract From Shape Area options to remove the overlapping area from the existing ellipse shape) draw the second ellipse shape as shown:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next highlight on the heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make a copy of the recently made layer containing the highlight and choose the Free Transform (Ctrl+T) command to turn over the copy, placing it the same way as it is indicated below:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set Fill to 0% for this layer and apply Gradient Overlay

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the second highlight on the heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make another copy of the heart and select Free Transform (Ctrl+T) command to make the copy smaller. Select Ellipse Tool (U), press Alt button (Subtract From Shape Area) and draw the next ellipse as shown to remove the overlapping area from the existing heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set the Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next effect on the heart shape:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Combine in a group all the layers composing the heart (press CTRL button to select the necessary layers in the Layers panel and hold on the left mouse’s button while dragging the selected layers down on Create a new group icon). Then we’ll Merge Down the group. In this case we’ll select the group and then press CTRL+E.

Make two copies of the heart’s layer. Use Free Transform (Ctrl+T) command to change their sizes and the copies’ placement as shown.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next composition:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Try to represent now the rays of light, applying the Pen Tool (P). The rays’ layer we’ll situate under the hearts’ layers.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
We’ve got the next result:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Combine in a group all the layers with the rays (press CTRL button to select the corresponding layers in Layers panel and hold on the left mouse’s button to move down the selected layers on Create a new group icon).

Let’s rasterize the group now the same way described above earlier by pressing Ctrl+E. Make a copy of the last made rasterized layer and select Free Transform (Ctrl+T) command to make smaller the copy and turn it around by its axe.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Set Fill to 53% for this layer:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make one more copy of the last made layer and select Free Transform (Ctrl+T) command to turn the copy around by its axe.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Put together in a group again all the layers composing the rays (press CTRL button to select the necessary layers and hold on the left mouse’s button to take the selected layers on Create a new group icon). Set for the group Fill to 70%.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Create a new layer and select the Hard Mechanical brush from Brush Tool (B)
Design a romantic Valentine's Day card from scratch in Photoshop  CS4

Set the Foreground color to white and represent many dots of different diameter as shown:

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask, select the mask to make it active and choose the Soft Round brush of black color (Opacity 15%)

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Make some brushstroke to erase the dots along the document’s edges.

Design a romantic Valentine's Day card from scratch in Photoshop  CS4
Finished!