How to Create Colorful Wooden 3D Text

Photoshop is a powerful tool for creating all sorts of imagery but it does have its limitations. While Photoshop does have some fantastic tools for creating 3D text, there are other applications that are often better suited for the job. That is why many illustrators use a combination of Photoshop and some other 3D application to help create 3D text. In this tutorial, we will show you how to use Cinema 4D to create wooden 3D text and then how to use Photoshop to add the final touches. Let’s get started!


Tutorial Assets

Please download the following assets before beginning work on this tutorial.


1. Create the Background

Step 1

We start in Cinema 4D. Create a New Document (Command/Ctrl + N or File > New). Give the document equal width and height of 1000px in Render Settings (Render > Edit Render Settings).


Step 2

Create a background object.


Step 3

Create a new material and give it the name ‘Background’.


Step 4

Give the material the desired color for the background. The original image uses the following color.


Step 5

Apply this material to the background object by dragging the material from the materials panel, up to the background object in the objects panel.



2. Create a Character

Step 1

Create a MoText object (MoGraph > MoText).
Under the Object tab in the MoText Object input the following values.

  • Depth set to -500cm
  • Subdivision set to 50
  • Text set to E
  • Font set to Knockout HTF71-FullMiddlewt (if you do not own this typeface then choose another)

Step 2

Under the Caps tab in the MoText Object input the following values.

  • Start set to None
  • End set to Fillet Cap
  • Steps set to 3
  • Radius set to 1cm

Step 3

In the Coord tab in the MoText Object input the following values. These values will centre the MoText object so that they align with the deformers we will add in the next steps.

  • Z set to 250cm
  • Y set to -67cmp


3. Apply Deformers

Step 1

Adding deformers to the MoText character will give us control over the bending and twisting of each. First we will add a bend deformer. Add one to the scene, and make it a child of the MoText object.


Step 2

In the Object tab in the Bend deformer Object input the following values.

  • Size set to 250cm – 510cm – 250cm
  • Mode set to Within Box

Step 3

In the Coord tab in the Bend deformer Object input the following values.

  • Y set to 67
  • Z set to -250
  • H set to 90°
  • B set to 90°

Step 4

Now add a twist deformer to the scene, and make it a child of the MoText object. Give this deformer the same values as the bend deformer in its Object tab.

  • Size set to 250cm – 510cm – 250cm
  • Mode set to Within Box

Step 5

And again we will give this deformer the same values in its Coord tab.

  • Y set to 67
  • Z set to -250
  • H set to 90°
  • B set to 90°


4. Create Remaining Characters

Step 1

Now that we have a MoText object setup with a bend deformer and a twist deformer, we can duplicate this object to create the remaining characters.

Rename the MoText Object ‘E’.


Step 2

Copy and paste the MoText object, and Rename the new MoText object ‘V’.


Step 3

In the new MoText object change the value of the Text field to ‘V’.

  • Text set to V

Step 4

Change the view to Front.


Step 5

Reposition the V MoText object beside the E.


Step 6

Repeat steps 1-5 for the remaining letters. Renaming each MoText object and changing the value in its Text field. You can typeset the characters manually, or give them following values to each of the MoText objects:

E

  • X set to 12
  • Y set to 485

V

  • X set to 150
  • Y set to 485

E

  • X set to 270
  • Y set to 485

R

  • X set to 385
  • Y set to 485

Y

  • X set to 495
  • Y set to 485

T

  • X set to 8
  • Y set to 340

H

  • X set to 132
  • Y set to 340

I

  • X set to 235
  • Y set to 340

N

  • X set to 336
  • Y set to 340

G

  • X set to 463
  • Y set to 340

I

  • X set to -6
  • Y set to 190

N

  • X set to 95
  • Y set to 190

I

  • X set to 250
  • Y set to 190

T

  • X set to 340
  • Y set to 190

S

  • X set to 460
  • Y set to 190

P

  • X set to 13
  • Y set to 40

L

  • X set to 123
  • Y set to 40

A

  • X set to 240
  • Y set to 40

C

  • X set to 354
  • Y set to 40

E

  • X set to 470
  • Y set to 40

The result will look like the following:


Return the view to Perspective.



5. Add a Camera

Step 1

Add a camera to the scene.


We need to position the camera low with a slight upwards tilt to give the composition the correct perspective. Either manually position the camera until it matches the composition of the original image, or give the camera the following values in its Coord panel.

  • X set to 740
  • Y set to 116
  • Z set to -1035
  • H set to 27°
  • P set to 14°

Step 2

Once you are happy with the position of the camera in position, lock it in place using a protection tag. Right click on the Camera object and add a protection tag from the CINEMA 4D Tags menu.



6. Apply Deformers to Each Character

Step 1

We can now apply a combination of the bend and twist deformers to each MoText character to achieve the warped effect in the final image.

To apply the bend deformation on a MoText character, select the bend deformer that is a child of that MoText character and adjust the number of degrees in the Strength and Angle fields.

The number of degrees bend input into the Strength field will be applied in the direction specified in degrees in the Angle. For example a value of 90° in the Strength field and a value of 0° in the Angle field of the bend deformer will bend the character so that the character face now points directly up. A value of 90° in the Strength field and a value of 180° in the Angle field will bend the character so that the character face now points directly down. Experiment with these values to get a feel for how the bend deformer works.

To apply the twist deformation of a MoText character, select the twist deformer that is a child of that MoText character and adjust the number of degrees in the Strength field.

The twist deformer will twist the MoText character so that the angle of the face twists the number of degrees input into the Strength field. For example a value of 90° in the Strength field of the twist deformer will twist the character so that the characters face now lies on its side. A value of 180 in the Strength field will twist the character so that the characters face is now upside down. Again I encourage you to experiment with the twist deformer to better understand it.

You can manually apply these deformers to match the composition to the final image, or input the following values into the deformers for each character:

E

Bend Deformer:

  • Strength set to -14
  • Angle set to 43°

Twist Deformer:

  • Strength set to -19

V

Bend Deformer:

  • Strength set to -23
  • Angle set to 13°

Twist Deformer:

  • Strength set to 10

E

Bend Deformer:

  • Strength set to -21
  • Angle set to -1°

Twist Deformer:

  • Strength set to 13

R

Bend Deformer:

  • Strength set to 19
  • Angle set to -23°

Twist Deformer:

  • Strength set to 5

Y

Bend Deformer:

  • Strength set to -9
  • Angle set to -59°

Twist Deformer:

  • Strength set to -22

T

Bend Deformer:

  • Strength set to -15
  • Angle set to -93°

Twist Deformer:

  • Strength set to -23

H

Bend Deformer:

  • Strength set to -18
  • Angle set to -31°

Twist Deformer:

  • Strength set to -8

I

Bend Deformer:

  • Strength set to 19
  • Angle set to -4°

Twist Deformer:

  • Strength set to -10

N

Bend Deformer:

  • Strength set to 18
  • Angle set to 145°

Twist Deformer:

  • Strength set to -7

G

Bend Deformer:

  • Strength set to -17
  • Angle set to 103°

Twist Deformer:

  • Strength set to -19

I

Bend Deformer:

  • Strength set to -9
  • Angle set to -87°

Twist Deformer:

  • Strength set to -13

N

Bend Deformer:

  • Strength set to -8
  • Angle set to 31°

Twist Deformer:

  • Strength set to 0

I

Bend Deformer:

  • Strength set to 11
  • Angle set to 6°

Twist Deformer:

  • Strength set to -1

T

Bend Deformer:

  • Strength set to 13
  • Angle set to -29°

Twist Deformer:

  • Strength set to 19

S

Bend Deformer:

  • Strength set to 11
  • Angle set to -69°

Twist Deformer:

  • Strength set to -8

The characters P, L, A, C and E don’t have any deformers applied to them.

The result should look like this:



7. Create and Apply Materials

Step 1

Now that the composition is complete we can apply materials to it. There are 8 materials used in this piece. The background (which we have already created), the Side Grain material for the side of each character, the end grain material for the face of each character. Therer are also 5 different coloured paint materials for over the top of the end grain material.

Before we create the material in Cinema 4D we need to adjust the Wood Texture 1 image you downloaded at the beginning of the tutorial. Open the image in Photoshop and add a new adjustment layer by clicking the ‘Create new fill or adjustment layer’ button at the bottom of the layers panel.


Select ‘Hue/Saturation’ from this menu and give the adjustment layer the following values.

  • Hue set to -5
  • Saturation set to -40

Rotate the image 90° Clockwise (Image > Image Rotation > 90° CW) and the save the image as a jpg in the same location.

Step 2

Now return to Cinema 4D and create a new material. Give it the name ‘Side Grain’. In the color menu within the material editor, click the arrow menu next to ‘Texture’ and then click ‘Load Image’. Select the image from the location you saved it before.


Step 3

We can now apply this material to the sides of the characters. To do this we will first need to break the MoText Objects into Polygon Objects so that the textures can be applied to different areas of the characters.

Select all of the MoText Objects, then right click and select Current State to Object.


Step 4

Delete all of the original MoText objects. This will leave behind only the null and polygon objects created in the previous step. Expand one of remaining null objects and its children until it looks like this. To demonstrate I have chosen the Y in EVERY.


Step 5

We want to apply the Side Grain texture to the Polygon Object (Triangle icon) with the name ‘Y’. Do this by dragging the Side Grain material from the Materials panel up onto this Polygon object. Now rename this Polygon Object ‘Side’.


Step 6

Select the material tag for the Polygon Object ‘Y’. Make sure that projection is set to UVW Mapping and set the value for Tiles U to 4.

  • Projection set to UVW Mapping
  • Tiles U set to 4

Note that later when you apply this material to the remaining characters, the value of Tiles U will vary for each character because the length around the edge of each character varies. For example the character ‘I’ only needs the texture to be tiled about 2 times because the length of the edge for an ‘I’ is less than the ‘Y’. Adjust the Tiles U for each character until the scale of this material look consistent over all Characters.

Step 7

Next we will create the end grain material for the face of the character. For the end grain material we will use the Wood Texture 2 image we downloaded earlier.

Open this image in Photoshop. We need to resize and crop this image. In the Image drop down menu select ‘Image Size’. Deselect the ‘Constrain Proportions’ checkbox, and then give the image a width of 1400px.

  • Constrain Proportions set to Off
  • Width set to 1400

Step 8

Now select the Marquee tool from the left menu.


Make a selection of the centre of the image holding the shift key to maintain a square selection. And then crop this selection through the Image drop down.


Step 9

Save the image as a jpg in the same location, and then return to Cinema 4D.

Create a new material, and give it the name ‘End Grain’. In the color menu within the material editor, click the arrow menu next to ‘Texture’ and then click ‘Load Image’ and select the end grain image you just saved from photoshop.


Step 10

Before we apply the End Grain texture, we need to connect two Polygon Objects. Expand the Polygon object ‘Y’ that we applied the Side Grain texture to. This will reveal a child Polygon Object with the name ‘Rounding’. Now expand this Polygon Object which will reveal another child Polygon Object with the name ‘Cap’. We want to connect the ‘Rounding” Polygon Object with the ‘Cap’ Polygon Object. Select both and then right click and select ‘Connect Objects + Delete’.


Step 11

This has now connected the two Polygon Objects into a single Polygon Object with the name ‘Rounding.1′. Rename this Polygon Object ‘Cap’.


Step 12

Apply the End Grain texture to the Polygon Object ‘Cap’ that we just created. On the Texture Tag input the following values.

  • Projection set to Flat
  • Offset U set to -50%
  • Offset V set to -50%
  • Length U set to 200%
  • Length V set to 200%

Step 13

The next material to apply for this character is the Chipped paint. Create a new material and give it the name ‘Chipped Paint 1′. In the Colour tab give the material the following values.

  • S set to 75%
  • V set to 75%
  • R set to 198
  • G set to 16
  • B set to 0

Step 14

Now turn on the Transparency tab in the Material Editor. In the Texture field, click the arrow and select Noise. This will make areas of the Material transparent in order to achieve the chipped paint effect.


Step 15

Click on the the ‘Noise’ button to the right of the arrow button. This will bring up a window that allows us to customise the noise shader. The black areas in the noise shader will make areas of the material opaque, while white areas of the noise shader will be transparent. Because we only want a small amount of paint to be chipped, we need to adjust the noise shader so that there are only a few well defined areas of white. To achieve this give the noise shader the following values.

  • Noise set to Electric
  • Space set to UV (2D)
  • Global Scale set to 300%
  • Low Clip set to 40%
  • Contrast set to 100%

Step 16

Next we need to add some Reflection to the material. Turn on the Reflection in the material, and put in the following values.

  • Brightness set to 20%
  • Blurriness set to 10%

Step 17

Now that we created the chipped paint material, we need to duplicate the cap Polygon object to apply it to. Select the ‘Cap’ Polygon Object in the Object manager, and copy and paste. Drag the duplicate Polygon Object back into the the parent ‘Y’ Null Object and give it the name ‘Paint’. We can also drag the ‘Cap’ and ‘Side’ Polygon Objects up under the parent ‘Y’ object, which will give this object structure.


Step 18

We need to move the ‘Paint’ object away from the ‘Cap’ object slightly. Select the ‘Paint’ object and set its Z position to -0.05.


Step 19

Now apply the material ‘Chipped Paint 1′ to the object ‘Paint’ and make a render (Shift + R).
The render should look like this:


Step 20

You will notice that there aren’t any ‘Chips’ in the paint. This is because by chance the noise field we created before in the transparency channel doesn’t have any transparent areas on the face of the character. To fix this we need to offset the material to position a transparent area. Select the material tag in the object menu.


and give the texture tag the following values.

  • Projection set to Flat
  • Offset U set to 25%
  • Offset V set to -14%

The texture is now offset, which will reveal a chip in the paint. Note that this process involves some trial and error in adjusting the Offset U and Offset V values to get a chip to appear. Experiment with these values for each character until you achieve the desired result.


Step 21

Repeat steps 18-21 for each other character. A new material needs to be created for each colour. The colour values for the Chipped paint materials 2-5 are as follows:

Chipped Paint 2

  • S set to 100%
  • V set to 77%
  • R set to 198
  • G set to 16
  • B set to 0

Chipped Paint 3

  • S set to 85%
  • V set to 100%
  • R set to 255
  • G set to 99
  • B set to 38

Chipped Paint 4

  • S set to 100%
  • V set to 100%
  • R set to 255
  • G set to 148
  • B set to 0

Chipped Paint 5

  • S set to 0%
  • V set to 100%
  • R set to 255
  • G set to 255
  • B set to 255

Once all materials have been applied, render the scene once again. The result should look like the following.


8. Add Lighting

Step 1

Now that the materials have been applied, we can set up the lighting. The original piece used a lighting setup made components of the Greyscale Gorilla Light Kit Pro. The Light Kit Pro is a very useful addition to Cinema 4D, however if you don’t have this, I will cover how to create a similar setup in the following steps.

Before we add any lighting though, we need to turn on Global Illumination in the Render Settings. Open Render Settings through the Render drop down menu.


Add Global Illumination. The default settings for are fine for the moment.


Step 2

Create a new material and name it ‘Red Light. Turn on the Luminance channel and give it a Brightness of 200%, and the following colour.

  • Brightness set to 200%
  • S set to 10%
  • V set to 90%
  • R set to 229
  • G set to 206
  • B set to 206

Step 3

Now create a Plane object.


Step 4

Give the Plane object a width and height of 1200cm.

  • Width set to 1200cm
  • Height set to 1200cm

Step 5

Position the Plane object with the following values in its coord panel.

  • X set to 1050
  • Y set to 675
  • Z set to -675
  • H set to -33°
  • P set to -0°
  • B set to -100°

Step 6

Apply the ‘Light’ material to the Plane object. This Plane is now functioning as a Light source because of the luminous material that has been applied to it, so let’s rename the Plane object to ‘Soft Light’.

Now render the scene again, the result should look like this:


Step 7

Duplicate the ‘Soft Light’ object. Rename the duplicate ‘Soft Light 2′ and resize it to 400cm wide by 400cm high in the object panel.

  • Width set to 400cm
  • Height set to 400cm

Step 8

Give the Soft Light 2 object the following coordinates and rotation

  • X set to -450cm
  • Y set to 630cm
  • Z set to -470cm
  • H set to -170°
  • P set to -10°
  • B set to -115°

Step 9

Duplicate the ‘Red Light’ material, and name the duplicate ‘Blue Light’. Give the ‘Blue Light’ material the following colour.

  • S set to 5%
  • R set to 223
  • G set to 230
  • B set to 235°

Step 10

Now replace the material on the ‘Soft Light 2′ object with the ‘Blue Light’ material we just created and render again. The result should look like this.


Step 11

Duplicate the ‘Soft Light’ object once again. Rename the duplicate ‘Soft Light 3′ and resize it to 900cm wide by 900cm high in the object panel. Give the ‘Soft Light 3′ object the following position in its coordinates panel.

  • X set to 300cm
  • Y set to 1000cm
  • Z set to 500cm

Now render the scene once again. The result should look like this.


Step 7

You will notice that the ‘Soft Light 3′ object is visible in at the top of the render. To fix this we need to give the Soft Light object a compositing tag. Right click on the Soft Light object and and select Compositing Tag.


Step 8

Now select the compositing tag, and uncheck the box next to ‘Seen by Camera’.


Step 9

Render the scene once again. This time the result should no longer be obscured by the Soft Light object. Save this image and open it in Photoshop.



9. Post Processing

Step 1

First we need to crop the image. Using the rectangular marquee tool make a selection like the following, and then selecting crop from the Image menu.


Step 2

Next we will sharpen the image. Duplicate the rendered layer we have just cropped by dragging it down to the ‘Create a new layer’.


Step 3

Select the duplicated layer and sharpen it by selecting Sharpen from the Filter menu (Filter > Sharpen > Sharpen).


Step 4

Now reduce the opacity of the sharpened layer to 70%.


Step 5

Next we will adjust the curves a little. Add a curve adjustment layer.


Step 6

Increase the contrast of the image by adjusting the RGB curve like this.


Step 7

Adjust the Blue curve like this.


Step 8

Now adjust the Red curve like this.


Step 9

Next we need to desaturate the image a small amount. Add a curve Hue/Saturation adjustment layer.


Step 10

Decrease the saturation to -15.

  • Saturation set to -15

Which will give us the final artwork.


Conclusion and Scope

Let’s quickly recap what was covered:

  • Creating Text in Cinema 4D with the MoText object.
  • How to use the Twist and Bend deformers.
  • Creating materials and applying them to objects.
  • Basic post processing in Photoshop using Curves and the Sharpen filter.
  • Most importantly I hope that you explore any techniques you have learned through this tutorial in creating your own artwork. Try using different fonts, materials and experiment with the different deformers in Cinema 4D. I hope you enjoyed the tutorial!

    Create a 3D Text Effect With Photoshop and Maya – Tuts+ Premium Tutorial

    Photoshop is an incredibly versatile application that is often used alongside 3D applications. In this Tuts+ Premium tutorial, Wojciech Pijecki will show you how to sketch out an idea for a text effect, build up the idea in Photoshop, render it in 3D using Maya, and then how to add the finishing touches again in Photoshop. This tutorial is available exclusively to Tuts+ Premium Members. If you are looking to take your typography skills to the next level then Log in or Join Now to get started!

    Tuts+ Premium Members can login now for instant access to this tutorial. Membership to Tuts+ Premium gets you access to hundreds of exclusive premium tutorials, top selling ebooks, in-depth courses, member forums, and much more. To learn more about Tuts+ Premium, Take the Tour or Join Today.

    Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

    In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    First of all install the .pat file named black_pattern_by_fluctuemos-d5mermc.pat. You have to double click the icon. It’s that simple.


    Step 2

    Create a new document. Set width to 600px and height to 450. Resolution must be 72 DPI.


    Step 3

    Duplicate the background (Go to Layer > Duplicate Layer > OK) and rename the new layer as ‘Background Pattern.’


    Step 4

    Double click on ‘Background Pattern’ and the ‘Layer Style’ window will appear. Go to ‘Pattern Overlay’, select ‘PATTERN’ from the list and press OK.


    Step 5

    To make the background look even better we are going to add inner shadow. You have to double click on ‘Background Pattern’ and, once the Layer Style window appears, set the following values.


    Step 6

    Type the word ‘Metalkid’ or a text of your choice using Strasua font. Set the font size to 100 pt and tracking to 20. For best quality, change the anti-aliasing mode to Sharp.


    Step 7

    Using the ‘Move Tool’, select the text and background layer, then click the align commands: ‘Align Horizontal Center’ and ‘Align Vertical Center’ on the top menu to center it, as shown in the image below.


    Step 8

    Add a layer style to the text, you have to right click on the layer in your layers menu and choose Blending Options. Make sure you use the following values and press OK.


    Step 9

    Let’s start with the text effect! First we are going to add some shadows to separate the text from the background. Go to Layer Style > Drop Shadow and use the values shown in the image below.


    Step 10

    Now we are going to create a gradient overlay, it will give a base to the metal effect. Go to Layer Style and modify ‘Gradient Overlay’ setting the following values.

    Tip: To create a new point in the gradient you have to click under the gradient bar. Clicking each one of the color stops allows you to modify Location and Color.


    Step 11

    Go to Layer Style > Inner Glow and use the settings shown below to brighten up the edges.


    Step 12

    To start creating the 3D look go to Layer Style > Bevel & Emboss and use the following values.


    Step 13

    Now we are going to emphasize lights and shadows to give more realism to the metal effect. Go to Layer Style > Satin and use the settings shown below.


    Step 14

    It’s almost done. In this final step we are going to accentuate edges and corners, giving the text the 3D final look. Go to Layer Style > Stroke, and use the values shown in the image below.


    Final Image

    Create a Sparkling Diamond and Gold Text Effect Using Filter Forge and Photoshop

    In this tutorial, we will explain how to use Filter Forge and Photoshop to create a glamorous, sparkling, diamond and gold text effect. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Downloading Filter Forge and the Filters used

    First, you need to download Filter Forge from the plugin’s website. Once you download it, run the installation package, and that’s it! It will be added inside Photoshop under the Filter menu. Super easy to install.

    To launch the plugin and start adding some filters, go to Filter > Filter Forge > Filter Forge 3. You’ll find a couple of already existing filters under a number of categories. You’ll also find a “Filter Library: Download more filters” link to the top right side of the plugin’s window. Click the link to start downloading filters.

    The link will take you to the Filters page on the plugin’s website.

    You can search for almost any filter among the amazing 9000+ filters available. Just type the keywords you want to find filters for, and click the Search button.

    Once you get your search results, click the filter’s name.

    This will open the filter’s page. Click the “Open this filter in Filter Forge” button to install the filter. If you get a message asking you to confirm, just click Yes or OK. The Filter will then be added to the other filters you have.

    You can search for the downloaded filters by typing their names or a related keyword in the plugin’s search box.

    Make sure to download all the filters in the Tutorial Assets section before you continue with the tutorial.


    Loading Contours

    You might need to load the Contours used in some of the Layer Styles below. To do so, go to Edit > Preset Manager, and choose Contours from the Preset Type drop down menu.

    Click the small arrow in the top right corner, and choose Contours.

    Click Append to add the new contours to the existing ones.


    Step 1

    Create a new 1152 x 864 px document, set the Foreground color to #151515 and the Background color to #070707. Pick the Gradient Tool and click the Radial Gradient icon in the Options bar. Then, click from the center of the document and drag to one of the corners to create the gradient.

    Create the text in white using the font Corporea and the font size 315 pt. In the Character panel (Window > Character), set the Tracking value to 75 to increase the space between the letters.

    Duplicate the text layer twice, and change the copy’s Fill value to 0 each time. So now you should have three text layers: The original, copy, and copy 2.


    Step 2

    Create a new 30 x 30 px document.

    Pick the Polygon Tool. In the Options bar, choose Shape, set the number of Sides to 6, and make sure that neither the Smooth Corners nor the Star boxes are checked. And set the Foreground color to black.

    Create a hexagon inside the document. Make sure that the edges are on the right and left sides of the document (not top and bottom).

    Go to Edit > Define Brush Preset, and type “Hexagonal Brush” then click OK.

    Save the document if you like, then Close it (File > Close), and go back to the original document. Open the Brush panel (Window > Brush), choose the Hexagonal Brush, and modify its Brush Tip Shape settings as below.


    Step 3

    Pick the Pen Tool, choose Path and check the Auto Add/Delete box in the Options bar. We’ll start creating work paths inside the curved letters. To add anchor points click once, and to add ones that create a curve click and drag.

    Don’t worry about perfecting the work path, just try to capture the main shape. Once you’re done press the Command/Ctrl key then click anywhere outside the path.

    Now, you can pick the Direct Selection Tool, click the work path once, then click the anchor points to modify them. Once an anchor point is selected, you can go ahead and move it around. You can also click its Direction Points at the end of the two Direction Handles. Moving the Direction Points around will change the orientation of the curve, while dragging them outwards and inwards will make the curve wider or narrower.

    You can also use the Add Anchor Point and Delete Anchor Point tools to add or remove anchor points on the work path.


    Step 4

    Create a new layer on top of the original text layer and call it “Hexagonal Brush”, then set the Foreground color to #acacac and pick the Direct Selection Tool.

    Right click the path and choose Stroke Path.

    Choose Brush from the Tool drop down menu and click OK.

    This will stroke the path with the Hexagonal Brush. Hit Enter/Return to get rid of the work path.


    Step 5

    For the straight parts of the letters, use the Brush Tool, click once, and before you release the mouse button, press the Shift key, and drag to fill the line with the brush, then release everything. Remember to click first then press the Shift key, or else, all the lines will get connected together messily.

    This works for the horizontal and vertical parts of the letters.


    Step 6

    As for the diagonal parts, use the Pen Tool to create a work path inside them, and remember to click once for each anchor point without dragging.

    Then stroke those paths just like you did before, and hit Enter/Return to get rid of the work path afterwards.

    If there are empty spaces left, you can just use the Brush Tool to click and add some hexagons where needed.


    Step 7

    Continue stroking the inner part of the text using these three methods: Curved paths, straight paths, and clicking and dragging.

    Keep in mind that you can always undo and recreate any parts you don’t like.


    Step 8

    Once you’re done, Command/Ctrl + click a text layer’s thumbnail to create a selection.

    Go to Select > Inverse (Shift + Command/Ctrl + I) to invert the selection, then hit the Delete key on the keyboard to get rid of the extra parts of the hexagons.

    Go to Select > Deselect (Command/Ctrl + D) to get rid of the selection. Then, duplicate the “Hexagonal Brush” layer, and change the copy’s Fill value to 0.


    Step 9

    Create a new 500 x 500 px document.

    Open Filter Forge (Filter > Filter Forge > Filter Forge 3). Under Stone, choose the Crystal filter, then choose the last preset available in the Presets tab.

    In the Settings tab, just check the “Seamless Tiling” box, then click the Apply button to the bottom right corner.

    Once you get the texture, go to Image > Adjustments > Desaturate.

    After that, go to Edit > Define Pattern, and type the name “Crystal Pattern.” Close this document (save it if you like), then go back to the original one. Next, it’s time to apply some Layer Styles to the layers we have.


    Step 10

    Double click the original “Hexagonal Brush” layer to apply the following Layer Style:

    Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 500, the Size to 4, check the Anti-aliased box, change the Highlight Mode to Linear Light, and the Shadow Mode color to #656565.

    Contour: Just check the Anti-aliased box.

    Gradient Overlay: Change the Blend Mode to Multiply, the Style to Reflected, the Angle to 45, and choose the third gradient in the “mbr4d@hotmail.com.grd” file from the gradients pack.

    Pattern Overlay: Change the Blend Mode to Soft Light, choose the “Crystal Pattern”, and change the Scale to 25%.

    Drop Shadow: Just change the Opacity to 37%.

    This will style the first layer of the diamonds.


    Step 11

    Double click the copy “Hexagonal Brush” layer to apply the following Layer Style:

    Bevel and Emboss: Change the Technique to Chisel Soft, the Gloss Contour to Rolling Slope – Descending, check the Anti-aliased box, change the Highlight Mode to Vivid Light and its Opacity to 60%, and change the Shadow Mode color to #656565 and its Opacity to 20%.

    Contour: Just check the Anti-aliased box.

    Pattern Overlay: Change the Blend Mode to Soft Light, choose the “Crystal Pattern”, and change the Scale to 25%.

    This will style the second layer of the diamonds, making them look shinier, glossier, and more realistic.


    Step 12

    Double click the first copy text layer to apply the following Layer Style:

    Bevel and Emboss: Change the Style to Stroke Emboss, which needs the Stroke effect to work, but we’ll add that later. Change the Technique to Chisel Hard, the Size to 23, the Gloss Contour to Ring, check the Anti-aliased box, change the Highlight Mode to Vivid Light and its color to #fffcf4.

    Contour: Choose Cove – Shallow, and check the Anti-aliased box.

    Stroke: Change the Size to 15 and use the color #a18f53.

    Inner Shadow: Change the color to #78614b and the Distance to 3.

    Inner Glow: Change the Blend Mode to Multiply and the color to #c1bd84. This will make the glow work as a shadow to intensify the edges a little bit.

    This will create the top part of the golden stroke.


    Step 13

    Double click the second copy text layer to apply the following Layer Style:

    Stroke: Change the Size to 15, the Blend Mode to Soft Light, the Fill Type to Gradient, the Angle to 45, the Scale to 150, and choose the “Grey Fan F10 – angled” gradient found in the “DIALS.grd” file in the gradients pack.

    Drop Shadow: Change the Distance to 10, the Spread to 40, and the Size to 35.

    This will create some diagonal lines that give an illusion of a reflection on the stroke.


    Step 14

    Double click the original text layer to apply the following Layer Style:

    Bevel and Emboss: Change the Style to Stroke Emboss, the Technique to Chisel Hard, the Depth to 200, the Size to 25, the Gloss Contour to Ring – Double, check the Anti-aliased box, change the Highlight Mode to Vivid Light and its color to #fffcf4.

    Contour: Choose Cone, check the Anti-aliased box, and change the Range to 100.

    Stroke: Change the Size to 17, the Fill Type to Gradient, the Angle to 90, and choose the “Gold Dial Tops X7 – angled” gradient found in the “DIALS.grd” file in the gradients pack.

    Pattern Overlay: Choose the “Crystal Pattern”, and change the Scale to 25%.

    Drop Shadow: Change the Distance to 10, the Spread to 40, and the Size to 35.

    This will create the bottom part of the stroke, and will give the text a 3D look.

    Pick the Move Tool, and hit the keyboard’s right arrow key three times to nudge the bottom stroke a tiny bit to the right.


    Step 15

    Click the ‘Create new fill or adjustment layer’ icon down the Layers panel and choose Gradient Map.

    Make sure that the adjustment layer is on top of all layers then change its Blend Mode to Multiply and its Opacity to 20%. Click the gradient box to create the gradient.

    The gradient uses two colors: #e6a321 to the left and #efbe39 to the right. This will add a warm layer of color to the final effect.


    Step 16

    Pick the Brush Tool. Choose one of the sparkle brushes from the Sparkle brush pack, then open the Brush panel to modify some settings.

    Brush Tip Shape:

    Shape Dynamics:

    These settings will give you sparkles in different sizes and angles each time you click to add one.

    Create a new layer below the Gradient Map adjustment layer and call it “Sparkles”. Set the Foreground color to #ebebeb, and start clicking to add sparkles over the text. Just a couple here and there, too many sparkles may ruin the design.


    Step 17

    Select all the layers you have (click the first one, then Shift + click the last one), and drag them to the ‘Create a new layer’ icon down the Layers panel to duplicate them.

    With the duplicated layers still selected, go to Layer > Merge Layers (Command/Ctrl + E) to merge them in one layer.

    Go to Edit > Transform > Flip Vertical to turn the copy upside down.

    Change the merged layer’s Blend Mode to Lighten. This will get rid of the background easily, because it is very dark compared to the text, and it doesn’t contain any details

    Pick the Move Tool, and use the down arrow key (you can use the Shift key with it for bigger increments) to move the copy downward, until the edges of the letters no longer overlap.


    Step 18

    Click the ‘Add layer mask’ icon down the Layers panel to create one.

    Pick the Gradient Tool, make sure that the Foreground color is Black, choose the Foreground to Transparent fill, and click the Linear Gradient icon in the Options bar. Then, press and hold the Shift key, and click and drag a straight line from the bottom to the top of the document.

    This will cause a gradual decreasing in opacity of the reflected text.

    Once again, click and drag a straight line, this time from the bottom of the document to the end of the original text.

    One last time, drag a straight line from the bottom of the document to the top of the original text. This will create a simple reflection for the text.


    Final Image

    And this is the final result. Hope you enjoyed the tutorial and found it useful. Please feel free to leave your comments and suggestions below.

    Editor’s note: This tutorial was sponsored by Filter Forge.

    Create a Knitted Argyle Text Effect Using Filter Forge and Photoshop

    Photoshop plugins are great tools to help you save time and improve the quality of your work. In this tutorial, we will use Filter Forge to help create a knitted argyle text effect in Photoshop that you can use in your holiday illustrations. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    More About Filter Forge

    Filter Forge is a powerful third-party plugin that allows you to apply over 4,000 amazing effects to your images, and even create your own. To learn more about Filter Forge, you can visit their website, download the trial version of the software, or check out their filter gallery.

    Editor’s note: This tutorial was sponsored by Filter Forge.


    Downloading Filter Forge and the Filters Used

    First, you need to download Filter Forge from the plugin’s website. Once you download it, run the installation file and that’s it! It will be added inside Photoshop under the Filter menu. Super easy to install.

    To launch the plugin and start adding some filters, go to Filter > Filter Forge > Filter Forge 3. You’ll find a couple of already existing filters under a number of categories. You’ll also find a “Filter Library: Download more filters” link to the top right side of the plugin’s window. Click the link to start downloading filters.

    The link will take you to the Filters page on the plugin’s website.

    You can search for almost any filter among the amazing 9000+ filters available. Just type the keywords you want to find filters for, and click the Search button.

    Once you get your search results, click the filter’s name.

    This will open the filter’s page. Click the “Open this filter in Filter Forge” button to install the filter. If you get a message asking you to confirm, just click Yes or OK. The Filter will then be added to the other filters you have.

    You can search for the downloaded filters by typing their names or a related keyword in the plugin’s search box.

    Make sure to download all the filters in the Tutorial Assets section before you continue with the tutorial.


    Loading Contours

    You might need to load the Contours used in some of the Layer Styles below. To do so, go to Edit > Preset Manager, and choose Contours from the Preset Type drop down menu.

    Click the small arrow in the top right corner, and choose Contours

    Click Append to add the new contours to the existing ones.


    Step 1

    Create a new 1280 x 1024 px document. Pick the Gradient Tool and click the Radial Gradient icon in the Options bar. Then, click the Gradient box to create the gradient.

    In the Gradient Editor, Add four color stops (by clicking right below the gradient bar to add each one). You can then select each stop by clicking it, and assign its Color and Location values as follows:

    • 1 – 4e341d – 0
    • 2 – 412914 – 27
    • 3 – 291506 – 61
    • 4 – 160600 – 100

    Then, fill the background with this gradient by clicking and dragging from the center of the document to one of the corners.


    Step 2

    Create a new layer and call it “Wood BG”.

    Go to Filter > Filter Forge > Filter Forge 3, and under the Building category, click the Woeful Wood filter. Then, under the Presets tab, choose the second preset from the last row.

    Click the Settings tab and scroll down to change the Size, pixels to 350, and un-check the Seamless Tiling box (since this is a texture not a pattern).

    Click the Apply button in the bottom right corner, and wait for the filter to be applied. This might take some time, but you’ll get an amazing texture with great detailing. Change the “Wood BG” layer’s Blend Mode to Overlay.


    Step 3

    Create a new 600 x 600 px document.

    Open Filter Forge again, and click the “argyle knitwear” filter under the Misc category. We are going to use the default preset, so go ahead and click the Settings tab to change a couple of values.

    The cool thing about this filter is that it creates a realistic looking knitted texture. But what’s even cooler, is that you can choose your own colors and make it a seamless pattern! For this effect, we’ll be using a red color #FF0000, a green color #1E7718, a dark gray color #2C2C2C, and the default light beige color #FBFBFB. You can use any colors you like. Once you’re done with the colors, change the Size, pixels value to 300, and check the Seamless Tiling box to create a seamless pattern.

    After the filter is applied, go to Edit > Define Pattern, and type a name for the pattern you created. Close this document (save it if you like), then go back to the original document.


    Step 4

    Create the text in the color #a6a6a6 using the font Anja Eliane (the effect looks better with an All Caps text). In the Character panel (Window > Character), change the Size to 300pt and the Tracking value to 100 to avoid overlapping later on when the stroke is applied. Then double click the text layer to apply the following Layer Style:

    Bevel and Emboss: Change the Size to 13, the Soften to 2, and check the Anti-aliased box. Then, change the Highlight Mode to Overlay and the Shadow Mode color to #bfbfbf.

    Contour: Just check the Anti-aliased box.

    Texture: Choose the Knitted Pattern and change the Depth to -55. This will create a 3D knitted effect using the pattern.

    Inner Shadow: Change the Distance to 0 and the Size to 27.

    Pattern Overlay: Choose the Knitted Pattern once again. This will apply the actual colored pattern.

    Drop Shadow: Change the Opacity to 62, un-check the Use Global Light box to change the Angle to -142, change the Distance to 0, the Spread to 21, and the Size to 9.

    This will give the text a 3D look.


    Step 5

    Open the Brush panel (Window > Brush), and choose the Dune Grass brush then modify its settings as below:

    Brush Tip Shape:

    Shape Dynamics:

    Color Dynamics:


    Step 6

    Right click the text layer and choose Create Work Path.

    Create a new layer right below the text layer and call it “Edges”.

    Set the Foreground color to #f1f1f1 and the Background color to #a6a6a6. Now place the mouse cursor anywhere inside the document, make sure that the Brush Tool is still active, and hit the Enter/Return key to stroke the path.

    (Alternatively, you can pick the Direct Selection Tool, right click the work path, choose Stroke Path. Then, choose Brush from the Tool drop down menu, and click OK).

    As you can tell, the edges are quite sparse. So hit the Enter/Return key a couple more times until you get a thick fluffy stroke. When you’re satisfied with the edges, pick the Direct Selection Tool and hit the Enter/ Return key one last time to get rid of the work path.


    Step 7

    Select the text layer and the “Edges” layer (click one then Command/Ctrl + Click the other), and group them (Layer > Group Layers).

    Duplicate the group and make the original one invisible by clicking the eye icon next to it. This way we can keep a copy of the original text in case we need it later, as we are going to rasterize the duplicate group.

    So click the copy group now, and go to Layer > Merge Group (Command/Ctrl + E).

    Double click the rasterized layer and apply a Drop Shadow effect by changing the Opacity to 45, the Distance to 10 and the Size to 10.

    This will add some more depth to the text.


    Step 8

    Create a new 600 x 600 document and open Filter Forge one last time. Click the Wood filter and choose the last preset in the first row.

    Under the Settings tab, change the color to #6A5136, the Size, pixels to 600, and check the Seamless Tiling box.

    After the filter is applied, go to Edit > Define Pattern and type in a name for the pattern. Close this document and go back to the original one.


    Step 9

    Pick the Rectangle Tool, make sure that the Shape option is active in the Options bar, set the Fill to a light color, and the Stroke to No Color.

    Click and drag to create a 45 px high rectangle across the document.

    Double click the rectangle shape layer to apply the following Layer Style:

    Bevel and Emboss: Change the Highlight Mode to Soft Light and the Shadow Mode color to #c1c1c1.

    Contour: Choose the Cone – Inverted contour and check the Anti-aliased box.

    Texture: Choose the Wood Pattern and change the Depth to -127.

    Color Overlay: Change the Blend Mode to Multiply and the color to #616161.

    Pattern Overlay: Choose the Wood Pattern.

    Drop Shadow: Just use the default values.

    This will create a wooden piece on which the letters are going to be hung next.


    Step 10

    Pick the Ellipse Tool and create a new layer on top of the rectangle shape layer. In the Options bar, change the Fill to No Color, the Stroke to a light color, and the Stroke Width to 5 pt. Then, create a 30 x 96 px Ellipse.

    For the previous versions of Photoshop, you can pick the Ellipse Tool, change the Shape option in the Options bar to Path, draw the ellipse, then pick a 5 px hard round brush, and stroke the ellipse path with the brush (the same way you stroked the edges).

    Double click the ellipse layer to apply the following Layer Style:

    Bevel and Emboss: Change the Highlight Mode to Overlay, and the Shadow Mode color to #696969.

    Contour: Choose Ring – Double, and check the Anti-aliased box.

    Color Overlay: Choose any color you like. Here, the color used is #772626.

    Drop Shadow: Use the default values.

    This will style the hanger.


    Step 11

    Create a new layer on top of the hanger ellipse layer, and with the Ellipse Tool still active, change the Fill back to a light color and the Stroke to No Color, then create a small 21 x 21 px circle (press and hold the Shift key while creating to get a perfect circle).

    You can create bigger or smaller sizes if you like as well. Double click the circle shape layer to apply the following Layer Style:

    Bevel and Emboss: Change the Technique to Chisel Soft, the Size to 2, the Gloss Contour to Ring, check the Anti-aliased box, and change the Highlight Mode to Soft Light

    Contour: Choose Cone – Asymmetrical and check the Anti-aliased box.

    Pattern Overlay: Choose the Wood Pattern.

    Drop Shadow: Use the default values.

    This will style the tack.


    Step 12

    Group the two ellipse shape layers and rename the group to “Tack”, then duplicate the “Tack” group so that you have one for each letter of your text.

    Pick the Move Tool, then select each Tack group and move it behind one of the letters. Move using the right and left arrow keys on the keyboard to keep the tacks aligned. You can press the Shift key with the arrow keys to move in bigger increments.


    Step 13

    Select the rasterized text layer so that it is the active layer, and pick the Lasso Tool.

    Draw a selection around the first letter.

    Press Command/Ctrl + J (Layer > New > Layer Via Copy) to duplicate the selected letter in a separate layer. The drop shadow effect will be duplicated as well.

    Select the original rasterized text layer once again, and do the same for the remaining letters, so that you have each one in a separate layer. Once you’re done, make the rasterized text layer invisible.


    Step 14

    Select the first letter’s layer, then go to Edit > Transform > Rotate. Rotate the letter 15° (if you press and hold the Shift key while rotating, you’ll rotate in 15° increments).

    Hit Enter/Return to accept the changes you made. Repeat this for the remaining letters. You can then reposition the Tack groups accordingly.


    Step 15

    Click the ‘Create new fill or adjustment layer’ icon and choose Gradient Map.

    Make sure that the adjustment layer is on top of all layers then change its Blend Mode to Soft Light and its Opacity to 10%. This will help blend the colors of the final result slightly better.

    The gradient is created using the colors #613021 to the left and #857b72 to the right.


    Final Image

    And this is the final result. Hope you enjoyed the tutorial and found it useful. Please feel free to leave your comments and suggestions below.


    Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended

    Adobe Photoshop CS6 Extended is packed with an all-new 3D interface and tons of new features. In this tutorial, we will explain how to use those new features to create an autumn-themed 3D text effect. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    Let’s start! Create a new document (File > New) with the following settings:


    Step 2

    Download the image with Autumn park and place it into your canvas. The image that I use in this tutorial has the same size with the canvas, so this photo will fully cover it. If you want to use your own image for the background you have to resize it according to the canvas size. So place it into the canvas and drag one of the corner points. Hold Shift to resize the picture proportionally. Select the "Background" layer, the layer with your photo and merge them (Command/Ctrl + E)


    Step 3

    So let’s start creating 3D letters. Download the image with English Alphabet and open it in Photoshop. Now you have to decide what word you will compose from letters and what colors you will use for them. I decided to make the word "Leaf." Grab the Lasso Tool (L) and select the first letter of the chosen word, copy (Command/Ctrl + C) and paste it (Command/Ctrl + V) into your canvas

    Name this layer with the letter according to its name, for example, my layer will be called "Letter L". Now we need to remove the white background. So grab the Magic Wand Tool (W), select the layer with the letter and click on the white background. Press Delete. Please note that the parameter “Sample All Layers” should not be checked.

    Select the layer with your letter and activate the Transform tool (Command/Ctrl + T). While holding Shift key drag one of the corner handles to reduce the size of the letter.

    If you want to change the color of your letter you can use Adjustment Layers (for example, Color Balance or Selective color). I will give a detailed description in Step 15. Since I was quite satisfied with the red color of my first letter, then I moved on to the creation of 3D letter.


    Step 4

    To create a 3D letter, select the layer with the letter and go to 3D > New 3D Extrusion from Selected Layer. Photoshop will ask you to switch to the 3D workspace – click OK. So, the 3D workspace of Photoshop CS6 is in front of you. At first we need to determine the position of the Ground Plane on which the letter will be located. To do this, select the Scene in the 3D panel and adjust the position of the Ground Plane using the icons in the Options bar.

    Try to position the Ground Plane so that it coincides with the horizontal surface where you will place the letters:

    If your background image differs from mine, you should choose the right position of the Ground Plane by yourself.


    Step 5

    Now we need to make the texture for the letter. Download this Concrete texture (Image 1) and open it in Photoshop.
    We will use it for the front and extruded part of the letters. “500 px” in the Options bar to get a square of 500×500 px size. I chose this area:

    Once the proper area was selected, press Enter and save the texture. Name the file "texture_front."


    Step 6

    Now it’s time to apply the relief texture to the letter. On the 3D panel select “Front Inflation Material” and go to the Properties panel of 3D-objects. This panel will be opened automatically when you switch to the 3D workspace. Find the Bump setting in the Properties panel and choose “Load texture”. In the opened window select the texture that you’ve prepared in the previous Step (“texture_front.jpg”):

    Bump setting is responsible for the relief, so you can set the desired degree of relief by moving the slider. I set it to 20%. Then you have to adjust the scale and location of the texture. To do this click on the folder icon next to Bump setting and select “Edit UV Properties”.

    A vertical and horizontal scale (V Scale and U Scale respectively) are the main parameters that you need to adjust. Parameters U Offset and V Offset are responsible for a displacement of the texture, you can adjust them as you like.


    Step 7

    Next we need to add the texture to the extruded part of the letter. To do this, go to 3D panel, select "Extrusion Material" and load the same texture ("texture_front.jpg") for the Bump parameter likewise.

    I increased the Bump value up to 25% for the extruded part of the letter. The same way as we did in the previous Step, edit the properties of the texture: click on the folder icon next to Bump setting and select "Edit UV Properties." I used the following values:

    As you can see, I changed the color of the extrusion to pink, so you can visually see how changing of the parameters affects the texture mapping. Later I’ll show you how to match the color of the extrusion better.


    Step 8

    Now it’s time to work on the location of the letter. Go to the 3D panel and select the letter – you will see that three axis appeared in the center of the letter. You can rotate, resize and move the object relative to these axis using the same icons in the Options bar that you use to move the Ground Plane. There are icons on the axis which you can also use for rotating, moving and scaling the object:

    Also it’s convenient to move the object in multiple planes at the same time. To do this move the cursor to the edge of the cube, inside which your letter is located: the sides of the cube (that are corresponding to the planes along which the movement will be carried out) will be highlighted in yellow, and the hint with the names of the planes will appear near the cursor.

    When you move the cursor to the side of the cube, the movement will be carried out along one plane only (it will be also highlighted in yellow). If you want the letter to be located on the surface, don’t move the letter along the vertical axis (Y). If you notice that the letter has gone too up or down, go to 3D > Snap Object to the Ground Plane – the letter will be again on the surface’s moving and rotating along the axis on the Properties panel in Coordinates section. If you don’t know how to return the letter to its original position on a particular axis, just set the angle of rotation of the respective axis to 0 degrees:

    Now you know how to change the position of 3D objects. So place the letter on the Ground Plane as you like and change its size if necessary. For example, the position of my letter is the following:


    Step 9

    In this Step we’ll work on the appearance of the letter – we’ll adjust the value of extrusion; and in the next Step we’ll adjust the bevel. Mesh section to adjust the thickness of the letter. We are interested in the Extrusion Depth value: I set it to 250, but you can use another value if you want. Also the parameters Catch Shadows and Cast Shadows should be checked, we’ll need them when we are setting light sources.


    Step 10

    In this Step we’ll adjust the bevel. Go to the Properties panel > Mesh section, I chose the following Bevel type, but you can try another one and then experiment with its settings:

    Next we move to the Cap section and select the Contour of the Bevel (Cove – Deep):


    Step 11

    Now you should define the extrusion color. To change its color, select Extrusion Material on the 3D panel and go to the Properties panel. The main color of the extrusion will be defined by the color you choose for the Diffuse parameter. I chose the color #f25646:

    You can also experiment with the other settings, such as Specular (it affects the sharpness/contrast of the texture) and Illumination (it affects the brightness of the side edges). In this case I chose the following values: Specular color – #645858, Illumination color – #290816.


    Step 12

    Now it’s time to work on light sources. Go to 3D panel and select the first light source (you already have it there) – Infinite Light 1. We will set up the main light source using it. In this case the main light source is the Sun and it’s located in the top right corner. If you use your own image for the background you should define the position of the main light source by yourself (pay attention to the direction of people/objects’ shadows, etc.)
    ‘s position the light source. Left-click on the source and rotate it so the shadow of the letter is located approximately in the bottom left corner:

    The settings and coordinates of this light source are the following (the color is #ffebcf):

    As far as it’s the main light source you should remember (or write down) its coordinates. The coordinates of this light source are the same for all letters that you will create in this scene.


    Step 13

    Let’s add another light source so the letter won’t be so dark. To do this click on the Add new Light to Scene icon in the bottom part of the 3D panel and select New Infinite Light.

    I added the light source with the following settings (the color is # ffc871):


    Step 14

    So the work on the first letter is almost completed. In this step, we will correct the color of the letter’s stroke. If you like its black color, you can skip this step.

    We will edit the texture that is used in two places on the letter – Front Inflation Material and Front Bevel Material. So when you choose Edit texture, Photoshop will warn you that the changes will be applied to all places in the scene. Click OK. New Adjustment Layer > Selective Color. Select the black channel and adjust the color of the stroke. In this example it becomes red:

    After you have finished to work with texture, save it (Command/Ctrl + S) and close this file. Switch to you working document – you will see that the texture has been updated:


    Step 15

    Now you can create all other letters in the same way. But if you want to change the letter’s color at once, you can use the Adjustment Layer Selective Color and the Replace Color option. Let’s practice it on my second letter – "E". If you want to continue working with Layers in Photoshop, just switch to the Layers panel. Place the next letter in your working document and delete its background as we did in Step 3. I called this layer "Letter E". "Letter E" and go to Image > Adjustments > Replace Color. Grab the Eyedropper tool with a “+” and expand the area of the color replacement by clicking on the shades of light blue color. And then adjust the sliders to get the color similar to this (color # fed4b6):

    Next create the Adjustment Layer Selective Color (Layer > New Adjustment Layer > Selective Color) and convert it to the Clipping Mask layer for the layer "Letter E". To do this, right-click on the Selective Color layer on the Layers panel and choose Create Clipping Mask. So this Selective Color layer will affect only "Letter E" layer.

    Now I’m pleased with orange color that I got, and I can merge the layer with the letter and the Adjustment Layer Selective Color (select both layers on the Layers panel and press Command/Ctrl + E).


    Step 16

    So the base letter is ready, and you can start making the 3D-letter. Go to Step 4 and repeat all the instructions for creating 3D letters. Don’t forget about the perspective of the letters: if the letter is far from viewer, its size should be smaller than the size of your first letter. The layer with the first letter should be on top of the Layers panel, and all other layers with letters should be located under it one after another. Don’t forget that you can change your 3D settings, move letters, change the texture’s color until you get the desired result. So I created all letters and got the following result:


    Step 17

    So if you are pleased with the letters’ position and color, you can rasterize these 3D layers. But I recommend you to keep the original 3D layers in case you want to change something. To do this, duplicate all your 3D layers (select them on the Layers panel and press Command/Ctrl + J). Group the original 3D layers (Command/Ctrl + G), call this group “3D” and disable its visibility (click on the eye icon near the layer’s thumbnail). Next, go to your duplicated layers and rasterize them by right-clicking on one of the layers and selecting Rasterize 3D.


    Step 18

    In this Step we will add more contrast to the letters’ shadows on the grass. To do this, create a New Layer (Command/Ctrl + Shift + N), name it "Shadow" and put it under all layers with letters on the Layers panel. Grab the Brush Tool (B) with the following settings: Color: #1d280a, Hardness: 50%, Blending mode: Multiply, Opacity: 10-15%. The brush size is up to you.

    Paint over shadow areas with the selected Brush as it is shown in the picture:


    Step 19

    Now we’re going to make the bottom parts of the letters look like they are really stand in the grass. We will use the standard set of brushes for that. Grab the Brush Tool (B) and choose hard (100% Hardness) round brush, Opacity about 50%. It’s better to work on letters’ layer masks because in this case you will be able to fix the result at any time. So add masks to all the layers with letters (Layer > Layer Mask > Reveal All) and change the Foreground color to black. Click on Layer Mask thumbnail and paint over the bottom parts of the letters to hide them:

    If you painted over some extra areas, just change the Foreground color to white and paint over those areas to make them visible.
    With Brush Tool selected, press F5 and choose the "Dune Grass" brush. Brush settings are the following:

    Paint over the bottom parts of the letters with the selected brush on the Layer Mask. Choose the small brush size – about 30 px. Here’s what you should get:


    Step 20

    As you can see, we hid some parts of letters’ shadows because they are located on the same layers as the letters themselves. So go back to Step 18 and set up the brush in the same way. Select the layer “Shadow” and paint over the areas that have been hidden under the mask:

    If you are not entirely satisfied with the result, select the brush “Dry Brush Tip Light Flow” from the standard brushes set and paint over the bottom parts of the letters on the Layer Mask.


    Step 21

    Next we need to edit the extruded parts of the letters, so they won’t be smooth. To do that, grab the Brush Tool (B) and select one of the following brushes (Opacity: 100%, brush size: about 50 px, Foreground color: black):

    In the masks of the letters’ layers, paint over the back edges of the letters. If you want to rotate the brush, press F5 ant turn the pointer to the desired angle:

    I got the following result:


    Step 22

    Now we need to apply the Gaussian Blur filter to the letters, so the texture won’t be so sharp. But before you do that, it’s better to convert all your layers with letters to Smart Object – in this case you will have an opportunity to change filter’s setting after you apply it. Right-click on one of the layers with letters on the Layers panel and choose Convert to Smart Object. Don’t worry about the layer’s mask – it wasn’t deleted, now it’s just inside the Smart Object.
    To edit it, double-click on the current layer on the Layers panel.


    Step 23

    Select the layer with the first letter L and go to Filter > Blur > Gaussian Blur. The amount of blur depends on the size of your letters. I chose a value of 0.4 px:

    Apply the Gaussian Blur filter to all other letters. Don’t forget about depth of field: if the letter is far from viewer, it should be more blurred than the first letter. If you want to change the amount of blur, double-click on filter’s name on the Layers panel:

    So here’s what I get:


    Step 24

    Download the image with cracked paint (I used the size 1600õ1200 px) and put it into your document. Reduce the size of this texture as it is shown in the picture (while resizing don’t forget to hold Shift key):

    Activate the Transform tool (Command/Ctrl + T), right-click on your canvas and select Distort. Pull the corner markers so that the texture is approximately parallel to the front side of letter:

    Rasterize the layer with texture (right-click on the layer > Rasterize Layer). Name this layer "Texture L." Load the selection of "Letter L copy" layer (Command/Ctrl-click on the layer’s thumbnail on the Layers panel), select "Texture L" layer and click on Add Layer Mask icon in the bottom part of the Layers panel.

    Change the Blend mode of "Texture L" layer to Soft Light, grab the Brush Tool (B), set the Opacity to 50% and change the Foreground color to black. Switch to "Texture L" layer’s mask and paint over the side, shadow and front areas of the letters so the texture looks more realistic:

    Repeat the same process with the other letters. Don’t forget that texture’s plane should be parallel to the front side of the letter.

    You should get something like this:


    Step 25

    Group all layers related to the letters (Command/Ctrl + G) and name the Group "Letters":


    Step 26

    In this Step we’ll make the foreground more saturated and contrast. To do this, create the Levels Adjustment Layer (Layer > New Adjustment Layer > Levels), place it above the "Background" layer. After that create the Hue/Saturation Adjustment Layer (Layer > New Adjustment Layer > Hue/Saturation) and set the following values:

    Next grab the Gradient Tool (G), colors of the gradient are black and white, gradient type – Linear. Switch to the "Levels" layer mask and draw a gradient from top to bottom. Select the "Hue/Saturation" layer’s mask and draw a gradient with the same settings, but in this case it has to be wider:


    Step 27

    Now we adjust the contrast and color saturation of the letters so they will better fit into environment. To do this, create two Adjustment Layers: Levels and Hue/Saturation, and convert them to the Clipping Mask for "Letters" group, so these layers will affect only this group. Adjustment Layers’ settings are the following:


    Step 28

    Download the image with yellow maple leaf and open it in Photoshop. Grab the Quick Selection Tool (W) and select the leaf. If you selected some extra area, switch to "Subtract from Selection" mode and click on the area you want to remove from your selection. Now you don’t need to make an exact selection, because the size of the leaf will be reduced and you won’t notice rough edges.

    Copy and paste the selected leaf in your working document, resize it according to the image below. Flip it horizontally (press Command/Ctrl + T > right-click on the canvas > Flip Horizontal) and then use transformation mode Warp (press Command/Ctrl + T > right-click on the canvas > Warp) to make the leaf look similar to my example:

    Next, we need to add two Layer Styles to the "Leaf" layer: Gradient Overlay and Drop Shadow. Double-click on the "Leaf" layer on the Layers panel, settings are the following:
    Gradient Overlay: I use the "Orange, Yellow, Orange" gradient from the standard set. Drop Shadow: color #460000


    Step 29

    Download one more picture with yellow maple leaf, select it in the same way and paste into your working document. Name this layer "Leaf 2." Use Warp transformation to make the following shape:

    Double-click on this layer on the Layers panel, set the following values:

    Result:


    Step 30

    Now download and open the image with a bush and using the Quick Selection Tool (W) select this area:

    Copy and paste this area to your working document. Place these leaves near the letter "L", name it "Leaf 3" and create the Levels Adjustment Layer in Clipping Mask mode. The settings of Levels Adjustment Layer are shown in the picture below. Also I reduced the Opacity of the "Leaf 3" layer to 85%.


    Step 31

    Finally open the third image with maple leaf, select it with the Quick Selection Tool (W) and paste it into your document. Name this layer "Leaf 4." Resize the leaf and use Warp transformation to make the following shape:

    Select "Leaf 4" layer and add Drop Shadow Layer Style (color: #172617):

    If you look at the letter "F", you’ll see that the shadow should fall on the top of the leaf. To do this, create Hue/Saturation Adjustment Layer in Clipping Mask mode for the "Leaf 4" layer. Set the values as it is shown in the image below. Go to Levels Adjustment Layer mask, grab the Brush Tool (B), and change the Foreground color to black and paint over the bottom part of the leaf. Also I reduced the Opacity on the "Leaf 4" layer to 85%.

    Now you can group all layers related to the leaves (Command/Ctrl + G) and name the Group "Leaves."


    Step 32

    In this Step we’ll make shadows and highlights look more expressive. To do this, create a New Layer (Command/Ctrl + Shift + N), name it "Shadows/Highlights", place it on top of the Layers panel and fill it with 50% Gray color (Edit > Fill):

    Change the blending mode of "Shadows/Highlights" layer to Soft Light. Grab the Brush Tool (B), change the Foreground color to white, set the Opacity to 5% and paint over the highlights. Then press "D" key to change the Foreground color to black and paint over the shadow areas. So my result is shown in the picture below. In the bottom picture I changed the blending mode of "Shadows/Highlights" layer to Normal, so you can see which areas were darkened and lightened.


    Step 33

    In this Step we’ll reduce the saturation of yellow color on the crown of the tree. So create the Selective Color Adjustment Layer (Layer > New Adjustment Layer > Selective Color), select the yellow channel and set the values that are shown in the image below. Switch to this layer’s mask and fill it with black color (Edit > Fill, Use: Black). Grab the Brush Tool (B), change the Foreground color to white and paint over the crown of the tree. Thereby the Adjustment Layer will affect only this area.


    Step 34

    Well, we’re almost done. In this step we will create realistic depth of field. First of all, we need to create a depth map, in other words, we should determine the amount of blur and which objects will be blurred. Create a New Layer (Command/Ctrl + Shift + N), name it "Depth map", place it on the top of the Layers panel and load selection of most distant letter, in this tutorial it’s "A." Press Shift + Backspace to open the Fill settings. Make sure, that "Depth map" layer is selected and fill it with color #474747. Next, select letters that are a little bit closer, in this example they are "Å" and "F" (to select them press Command/Ctrl + Shift-click on layers’ thumbnails). Select the "Depth map" layer and fill the selection with color #2d2d2d. And finally load selection of the last letter "L" and the selection of leaves that are placed near the letter. Fill this selection with black color. You have probably painted over the shadows of the letters along with the letters themselves. We don’t need them, so you can erase them with the Eraser Tool (E).


    Step 35

    Now create one more layer (Command/Ctrl + Shift + N) and place it under the layer “Depth map." Fill this layer with any color you like. Double-click on it and add Gradient Overlay Layer Style. It’s easier to adjust the background gradient in such way, because you can move it as you like, while the settings window is open.

    Your gradient should look like this:

    Now you can merge (Command/Ctrl + E) the layer with gradient and the "Depth map" layer. The depth map is ready.


    Step 36

    Select the "Depth map" layer, press Command/Ctrl + A > Command/Ctrl + C to copy the depth map, then switch to the Channels panel and create a New Channel "Alpha 1" (click on the icon Create New Channel in the bottom part of the Channels panel). Select "Alpha 1" channel and press Command/Ctrl + V to paste your depth map.

    Go to the Channels panel, select RGB mode and switch to the Layers panel. Turn off visibility of the "Depth map" layer (to do this, left-click on the eye icon near the layer’s thumbnail). Select the layer that is located under the "Depth map" layer. In my example it’s "Selective Color 1" layer. Press Command/Ctrl + Shift + Alt + E to merge all layers and make one resultant layer.

    Select the resultant layer (it’s called "Layer 1" on my screenshot) and go to Filter > Blur > Lens Blur. Choose “Alpha 1″ as the Source in the Depth Map section, then blurring will be done in accordance with your depth map. The other settings are the following:


    Step 37

    Now we have to make colors of the blurred background less saturated. To do this, create the Hue/Saturation Adjustment Layer and place it on the top of the Layers panel. Select and copy the contents of your "Depth map" layer, then while holding Alt key click on the Hue/Saturation layer’s mask to open it. Paste this copied image on the mask. Load selection of all your letters, and being on the Hue/Saturation layer’s mask fill the selection with black color.

    Click on the Hue/Saturation layer’s icon to switch to normal mode. Hue/Saturation layer’s settings are shown in the image below. Activate the Hue/Saturation layer’s mask, grab the soft black brush and paint over the crown on the tree:


    Step 38

    Create one more Hue/Saturation Adjustment Layer, but at this time we need it make colors in the foreground more saturated. Once again copy the contents of your "Depth map" layer, then switch to the Hue/Saturation layer’s mask. Paste this copied image on the mask and invert its colors by pressing Command/Ctrl + I. Hue/Saturation layer’s settings are the following:

    That’s what you should get:


    Step 39

    This step is optional. I decided to crop the image a little bit using the Crop Tool (C):


    Step 40

    Let’s add a vignette as a final step. Select the top layer on the Layers panel and press Command/Ctrl + Shift + Alt + E to get one resultant layer. Select it and go to Filter > Lens Correction. Choose "Custom" > Vignette section:

    Enter the following values:


    Final Image


    Quick Tip: Create a “Scary” Text Effect in Photoshop

    In this quick tip tutorial, we will show you how to create a "scary" text effect using layer styles in Photoshop. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    First create a new .PSD document, 600 x 400 pixels in RGB mode, 72 DPI with WHITE background color. Now prepare your assets. Install the Times New Yorker font into your computer and open the .PAT file.


    Step 2

    First, we need to make a layer from background. To do this, right click on Background layer and choose "Layer from background" name it as you wish and hit OK. Now go to Menu > Layer > Layer Style > Blending Options and use the settings below. You can also access Blending Options with two faster ways. First and the fastest way is to double click on the layer in your layers menu. Other way is to right click on the layer in your layers menu and choose Blending Options. When you are done with all the settings below, don’t forget to hit "OK" in the Blending Options window.


    Step 3

    Now we can start making our text effect. First choose a type tool and change font to Times New Yorker, size around 174 pt and anti-aliasing Sharp. Now type your text somewhere in the center of the image. You can write any word, but in this tutorial I’ll use "SCARY". All letters uppercase.


    Step 4

    Go to Menu > Layer > Layer Style > Blending Options and use the settings below on your text. You can also use the quicker methods to access Blending Options from "Step 2" of this tutorial. When you are done with all the settings below, don’t forget to hit "OK" in the Blending Options window! This is the main text layer and will do most of the effects.


    Step 5

    Now duplicate your text layer by selecting the text layer in layer menu and going to Menu > Layer > Duplicate layer and name it as you wish. Now go to Menu > Layer > Layer Style > Clear Layer Style as we will make different style for this layer. Finally, go to Menu > Layer > Layer Style > Blending Options and use the settings below on your text. You can also use the quicker methods to access Blending Options from "Step 2" of this tutorial. When you are done with all the settings below, don’t forget to hit "OK" in the Blending Options window! This text layer will be above the 1st text layer in your layer menu. It will just add the dark shadow to the final result.


    Final Image


    Create a Stitched Denim Text Effect in Photoshop

    In this tutorial, we will explain how to combine Photoshop filters, brushes, and vector shapes to create a stitched denim text effect using Photoshop CS6. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    Create a new 1250 x 768 px document.

    Set the Foreground color to #83b7ca and the Background color to #22576b, then, fill the “Background” layer with the Foreground color.

    Next, we are going to apply some filters to create the denim texture. The same texture will be used for both the Background and the text. Start by going to Filter > Filter Gallery > Sketch > Halftone Pattern. Change the Size to 1, the Contrast to 0, and choose “Dot” from the Pattern Type drop down menu.

    This will create the base for the denim texture.

    Go to Filter > Filter Gallery > Artistic > Smudge Stick. Change the Stroke Length to 2, the Highlight Area to 12, and the Intensity to 10.

    This will create the main denim texture.

    Go to Filter > Filter Gallery > Texture > Grain. Change the Intensity to 11, the Contrast to 50, and choose “Regular” from the Grain Type drop down menu.

    This will add subtle noise to the denim texture making it look more realistic.


    Step 2

    Duplicate the Background layer then make the copy layer invisible by clicking the eye icon next to it.

    Select the “Background” layer once again. Go to Image > Adjustments > Hue/Saturation, and change the Hue to 20, the Saturation to -50, and the Lightness to -50 as well.

    Go to Image > Adjustments > Levels, and change the Shadows value to 35 to darken the texture a bit more.


    Step 3

    Create the text in white using the font Grobold. In the Character panel (Window > Character), change the Size to 300pt and the Tracking value to 75 to avoid overlapping.

    Notice that the letter “D” is still a bit close to the letter “e”, which will cause an undesired overlapping of the edges later on. To fix that, place the Type Tool cursor between the letters “D” and “e”, then change the Kerning value to 68.


    Step 4

    Make the “Background copy” layer visible again by clicking the empty box next to it, and drag it on top of the text layer. Then, Ctrl/Cmd + Click the text layer’s thumbnail to create a selection.

    Go to Select > Modify > Expand, and type in 6. Larger values will cause the selection to merge on some parts and we don’t want that. So make sure to adjust the value accordingly if you are using a different font size.

    Select the “Background copy” layer, then press Ctrl/Cmd + J. This will copy and paste the selected area in a new layer. Make the “Background layer” invisible as we don’t need it anymore.

    Duplicate the layer called “Layer 1″, then change the copy’s Blend Mode to Soft Light and its Opacity to 50%. This will intensify the colors and the details of the texture.

    Double click “Layer 1″ to apply a simple Inner Shadow effect, by changing the Opacity to 50%, the Distance to 0, and the Size to 2.

    This will add a very subtle definition to the edges, and it will help blend them with the stroke brush that will be added later on.


    Step 5

    Duplicate the text layer, then make the original one invisible. Move the copy on top of all layers.

    Right click the duplicated text layer then choose Convert to Shape. The text is no longer editable now.

    Pick any Shape Tool and take a look at the Options bar at the top. There are some new interesting features introduced in Photoshop CS6 that will help us create the stitches easily and quickly.

    Start by getting rid of the inner part of the shape by choosing the “No Color” option under the Fill icon. This value is not the same as the layer’s Fill value. The first one will get rid of the color inside the shape but won’t affect the stroke, while the other will affect both the fill color and the stroke.


    Step 6

    Now we need to add the stroke to the shape. So click the Stroke icon, and choose “Solid Color”. Then, click the Color Picker icon, and get the color #c0b384.

    Type 3 in the stroke width field, then click the shape stroke type icon and choose the Dashed line preset. To modify some more stroke settings, click the More Options button down the box.

    In the Stroke window, set the Align to Inside, the Caps to Butt, and the Corners to Miter. Then, change the first Dash value to 2.5, and the first Gap value to 1. As you can notice, the Dash value determines the dash length, and the Gap value determines the distance between the dashes.


    Step 7

    Double click the stitches (text shape) layer to apply the following Layer Style:

    Bevel and Emboss: Since the stitches are so small, change the Size to 0, the effect will still add a subtle dimension to the stitches even with the 0 value. Also, change the Highlight Mode color to #bea85a.

    Contour: Use the default values.

    Inner Shadow: Change the Distance to 0 and the Size to 1.

    Gradient Overlay: Change the Blend Mode to Multiply, the Opacity to 50%, and use the “Gold Rail G2″ gradient from the “Tracks.grd” file in the gradients pack, then change the Style to Reflected.

    Outer Glow: Change the Blend Mode to Multiply, the color to #444425, and the Size to 0. This will intensify the shadow effect.

    Drop Shadow: Change the Blend Mode color to #112d37, the Opacity to 80%, the Distance to 0, the Size to 7, and the Contour to Cove Deep.

    This should add a 3D feel to the stitches.

    If you think the stitches are a bit harsh you can decrease their layer’s Opacity to a value around 85%.


    Step 8

    Ctrl/Cmd + Click a denim texture layer’s thumbnail to create a selection.

    Click the ‘Create new fill or adjustment layer’ icon down the Layers panel and choose Hue/Saturation. The selection will create a mask for the adjustment layer so that it only affects the texture.

    Change the Hue value to 10, and the Saturation value to -25.

    Create a selection again, then click the ‘Create new fill or adjustment layer’ icon and choose Levels.

    Change the Shadows value to 30 to darken the texture.


    Step 9

    Open the Brush panel (Window > Brush) and choose the “Dune Grass” brush then modify its settings as shown below:

    Brush Tip Shape:

    Shape Dynamics:

    Scattering:

    Dual Brush: Choose the “Chalk 36 pixels” brush.

    Color Dynamics:


    Step 10

    Right click the original text layer and choose Create Work Path.

    Set the Foreground color to #597f91 and the Background color #081f30. Create a new layer below the two denim texture layers and call it “Stroke”.

    Pick the Direct Selection Tool, then right click the Work Path and choose Stroke Path.

    Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

    This will stroke the path with some frayed edges, but they seem thin and scattered. To make them more dense, stroke the path two more times.

    You should get better and more realistic looking edges now. Hit Enter/Return to get rid of the work path.


    Step 11

    Double click the “Stroke” layer to apply a simple Drop Shadow, by changing the color to #222222, the Distance to 10, the Spread to 15, and the Size to 10.

    The shadow will add depth to the flat texture.


    Step 12

    Create a new layer on top of all layers and call it “Dirt”, then change its Blend Mode to Darker Color. Set the Foreground color to #8c6239.

    Ctrl + Click a denim texture layer’s thumbnail, then Shift + Ctrl + Click the “Stroke” layer’s thumbnail to add it to the selection.

    Use any of the “Rust ‘n Grunge” pack’s brushes to add some dirt to the text. It might not be so noticeable, but it will add a nice touch after the final adjustment layer is added.


    Step 13

    With the selection still active, create a new layer on top of all layers and call it “Clouds”. Set the Foreground and Background colors back to Black and White, then go to Filter > Render > Clouds. Go to Select > Deselect (or press Ctrl/Cmd + D) to get rid of the selection.

    Change the “Clouds” layer’s Blend Mode to Overlay, and its Opacity to 20%, or whatever other value you like. This will add brightness variations to the texture.


    Step 14

    Click the ‘Create new fill or adjustment layer’ icon and choose Gradient Map.

    Make sure that the adjustment layer is on top of all layers then change its Blend Mode to Soft Light and its Opacity to 50%. This will enhance the coloring.

    The gradient is created using the colors #504d44 to the left and #aba277 to the right.


    Step 15

    Create a new layer between the “Clouds” and “Dirt” layers and call it “Rivets”. Double click the new layer to apply the following Layer Style to it:

    Bevel and Emboss: Change the Gloss Contour to Half Round, the Highlight Mode to Vivid Light and its Opacity to 65%, and check the Anti-aliased box.

    Contour: Choose the Cone contour, and check the Anti-aliased box.

    Drop Shadow: Just change the Distance to 0.

    Set the Foreground color to #564a2e, choose a hard round 13 px brush, and start adding rivets on the corners of the letters.


    Final Image


    Quick Tip: Create a Crisp Metallic Text Effect in Photoshop

    In this quick tip tutorial, we will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    Before opening Photoshop, install the font Rothenburg Decorative and these grunge brushes.
    Open Photoshop and Create a New Document, 1800 x 1300 pixels in RGB mode, 72 DPI and finally then Fill the background with this dark grey color #1f1f1f.


    Step 2

    Create a New Layer, name it ‘texture’ and using these Grunge Brushes click a couple of times in the center of the document using a white color. Use different brushes, try to cover the center of the document, varying the textures.


    Step 3

    Double-click on the thumbnail of the Layer ‘texture’ to open the Layer Style panel. Into the ‘Blending Options’
    Reduce the ‘Fill’ to 0, then apply a ‘Drop Shadow’ and an ‘Inner Shadow’ using these settings. This will give the texture a realistic embossed look.


    Step 4

    Click on the ‘Add Layer Mask’ icon, then click Command/Ctrl + (I) to invert it.
    Pick a big soft Brush (hardness: 0% – size: 950px) and click in the center of the document. This way the ‘texture’ Layer will be shown only in the center, fading on the edges of the document.


    Step 5

    Using the ‘Type Tool’ (T) and these settings, type the word ‘Othello’ or whatever you want. If you can’t see the ‘Character Window" go to Window > Character.


    Step 6

    Open the ‘Layer Style’ of the ‘Othello’ Text Layer and apply these settings. Below each step you can find a preview for the effect just added.


    Step 7

    Once you’ve modified the Style, click Ok. Now select the word ‘Othello’, using the Type Tool (T). Select everything beside the first capital letter and reduce the kerning to -5 as in the image below. You can find the Character Window under Window > Character.


    Step 8

    Duplicate this Layer with Command/Ctrl + (J), right-click on the Layer’s thumbnail and choose ‘Clear Layer Style’. This way the text below matches exactly the one above, and now we can add more effects. My favorite way to work with 2 Layer Styles, is to create a solid base as we did to the first Text Layer, and then add lightings and reflections on the second Layer above. This way you can blend easier the lights and colors with the textures of the Layer below.


    Step 9

    Let’s go on, adding a Layer Style to this second ‘Othello’ Text Layer. Double click on its thumbnail to open the Layer Style panel.


    Step 10

    The effect is pretty much done, but we need to make it look crisp and realistic, in this final step. Take a look at the trick with the ‘Stroke’: dropping down it’s Opacity to ’0′ it works almost as a layer mask, hiding the Layer on its edges. A Stroke of 3px ‘Inside’, for example, will hide the Text for 3 px along the edges, revealing what’s below in that 3px range. Once you’ve finished with these settings, click Ok to apply the effect.


    Conclusion

    Remember that when you Save the final effect, as a jpg image for example, it may look different, sharper, and more defined overall.


    Quick Tip: Create a Bloody Text Effect in Photoshop Using Layer Styles

    In this quick tip tutorial we will show you how to create a bloody text effect using layer styles in Photoshop. Let’s get started!


    Tutorial Assets

    The following assets were used during the production of this tutorial.


    Step 1

    First create a new .PSD document, 600 x 400 pixels in RGB mode, 72 DPI with WHITE background color. Now prepare your assets. Install the Gypsy Curse font into your computer and open the .PAT file. Before we start preparing our background Set your foreground color to #333333 and hit "ALT+DELETE" while the Background layer is selected. This will change the background color to dark grey.


    Step 2

    First we need to make a layer from background. To do this – right click on Background layer and choose "Layer from background" name it as you wish and hit OK. Now go to Menu > Layer > Layer Style > Blending Options and use the settings below. You can also access Blending Options with two faster ways. First and the fastest way is to double click on the layer in your layers menu. Other way is to right click on the layer in your layers menu and choose Blending Options. When you are done with all the settings below, don’t forget to hit "OK" in the Blending Options window.


    Step 3

    Now we can start making our text effect. First choose a type tool and change font to Gypsy Curse, size around 235 pt and anti-aliasing to Sharp. Now type your text somewhere in the center of the image. You can write any word, but in this tutorial I’ll use "BlOOD". All letters except "L" uppercase.


    Step 4

    Go to Menu > Layer > Layer Style > Blending Options and use the settings below on your text. You can also use the quicker methods to access Blending Options from “Step 2″ of this tutorial. When you are done with all the settings below, don’t forget to hit “OK” in the Blending Options window! This is the main text layer and will do most of the effects.


    Step 5

    Now duplicate your text layer by selecting the text layer in layer menu and going to Menu > Layer > Duplicate layer and name it as you wish. Now go to Menu > Layer > Layer Style > Clear Layer Style as we will make different style for this layer. Finally, go to Menu > Layer > Layer Style > Blending Options and use the settings below on your text. You can also use the quicker methods to access Blending Options from "Step 2" of this tutorial. When you are done with all the settings below, don’t forget to hit "OK" in the Blending Options window. This text layer will be above the 1st text layer in your layer menu.


    Final Image