How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

In this tutorial I will show you how to create a Brazil-inspired text effect in Photoshop, using a layer style with a pattern that we will create. In the process, you will learn basic things about the Pen Tool and Convert Point Tool, and some keyboard shortcuts that I use every day.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

If you’d like to skip this tutorial but still wish to buy the style, you can head over to GraphicRiver and buy Countries Styles.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Tutorial Asset

The following font was used during this tutorial:

1. How to Create the Pattern

Step 1

Download the zip that is attached to this tutorial and open theDraft Patternin Photoshop. If you already know how to use the Pen Tool and want to skip some steps, you can use this draft to continue with the tutorial. Just open it in Photoshop and then skip to step 12.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 2

Press Control-Shift-Nto create a new layer, and name it Shape 1. Then pick the Pen Tool (P) to start drawing.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 3

Zoom in on the image to make it easier to work with it. You can do that by pressing Control-Space-Click(to zoom out press Alt-Space-Click).

There are many ways to use the Shape Tool. I’m going to show you how to make one shape using a very simple technique, and then you can use the same technique for the other shapes.

In order to better see what we are drawing, we need to change the color of the shape. So with the Pen Tool selected, change the color of the Fill to blue #130eef. Then select the layer Shape 1 and change its Opacity to 50%.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 4

Start clicking on the edges of the shape with the Pen Tool (don’t drag the mouse, just click). This will create anchor points. We have to place them on every sharp corner and where there is a curve. Keep doing that until you close the shape.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 5

Now pick the Convert Point Tool and click and drag on every anchor point that is on a curve, but don’t touch on the ones that are on sharp corners. It doesn’t have to be 100% like the original shape because it is an abstract thing, but try to do it as in the original image.

Here are some tips for this step.

  • If you need to move an anchor point, you need to hold Space while you are clicking on the anchor point, and then move it where you think it will fit better.
  • To remove an unnecessary anchor point, you have to click on it with the Pen Tool (P). To add a new one, just click with the Pen Tool where you need it.
  • To select an anchor point with the Convert Point Tool, hold Controland click on it. Same thing for the Pen Tool (P).
  • When you select an anchor point, two handlers appear. You can hold Altand click and drag to change only one handler.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 6

After all shapes are completed, change the Opacity of every layer to 100%.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 7

Create a new layer and name it BG. Then place it below the shapes.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 8

Change the Foreground color to #e2e2e2 and press Alt-Backspace to fill the layer BG with that color.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 9

Now pick the Pen Tool (P) again to change the color of the shapes to the correct color. You can use the original image and the Eyedropper Tool to pick the colors, or copy from the image below. Select the layer of the shape for which you want to change the color, and change the color just like instep 3.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 10

Select all the layers except the Background layer, and then press Control-Gto group them.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 11

Select the Group layer and press Control-Alt-Shift-E to merge everything into a new layer. Then rename this new layer to Base Pattern and hide the other layers by clicking on the eye icon.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 12

Go to Image > Canvas Size and change the Width to 512 px.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 13

Pick the Move Tool (V) and move the layer Base Pattern 128 px to the left.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 14

Duplicate the layer Base Pattern by pressing Control-J. Then press Control-T to activate the Free Transform. Then move the layer 256 px to the right. After that,right-click the image and choose Flip Horizontal and press Enter.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 15

Select the layers Base Pattern and Base Pattern copy, and press Control-Eto merge them. Then rename this layer to Base.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 16

Go to Image > Canvas size and change the Height to 994 px.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 17

Move the layer Base down by 249 px. Then make a copy of the layer Base and press Control-T to activateFree Transform again. Then right-click on the image and choose Flip Vertical. After that, move the layer Base copy up by497 pxand left by256 px, and press Enter.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 18

Now make a copy of the layer Base copy and move it 512 px to the right.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 19

Go to Edit > Define Pattern… and name it Abstract – Brazil Pattern, and then press OK. After that, save and close the document.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

2. How to Create the Layer Style

Step 1

Go to File > Open… and open the background image that is in the zip.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 2

Pick the Type Tool (T) and write BRAZIL using the font Ash.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 3

Right-click the text layer and choose Blending Options to create the Layer Style.

Let’s start with Bevel & Emboss:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 1000%
  • Direction: Down
  • Size: 250 px
  • Soften: 0 px
  • Use Global Light: Unchecked
  • Angle: 90º
  • Altitude: 50º
  • Gloss Contour: Choose the Brazil Contour (zip file)
  • Anti-aliased: Unchecked
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffffff
  • Highlight Mode Opacity: 93%
  • Shadow Mode: Multiply
  • Shadow Mode Color: #0084ff
  • Shadow Mode Opacity: 100%

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 4

Now add a Stroke:

  • Size: 1 px
  • Position: Inside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Unchecked
  • Fill Type: Gradient
  • Style: Linear
  • Reverse: Unchecked
  • Align with Layer: Checked
  • Angle: -90º
  • Dither: Unchecked
  • Scale: 100%

Now click on the gradient bar and add a gradient with these settings:

  • First Stop Color: #106a00
  • First Stop Position: 0%
  • Second Stop Color: #7cdc00
  • Second Stop Position: 49%
  • Third Stop Color: #ffffff
  • Third Stop Position: 100%

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 5

Add an Inner Shadow:

  • Blend Mode: Overlay
  • Color: #000000
  • Opacity: 88%
  • Use Global Light: Unchecked
  • Angle: 90º
  • Distance: 0 px
  • Choke: 12%
  • Size: 21 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Noise: 0%

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 6

Add an Inner Glow:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 48%
  • Noise: 0%
  • Color: #ffffbe
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 5 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Range: 50%
  • Jitter: 0%

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 7

Add a Gradient Overlay:

  • Blend Mode: Vivid Light
  • Dither: Unchecked
  • Opacity: 100%
  • Reverse: Unchecked
  • Style: Linear
  • Align with Layer: Checked
  • Angle: 90º
  • Scale: 100%

Now click on the gradient bar and add a gradient with these settings:

  • First Stop Color: #00688e
  • First Stop Position: 0%
  • Second Stop Color: #ffde00
  • Second Stop Position: 51%
  • Third Stop Color: #53ba00
  • Third Stop Position: 100%

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 8

Add a Pattern Overlay:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: Choose the pattern that we created (Abstract – Brazil Pattern)
  • Scale: 25%
  • Link with Layer: Checked

At this point, you can move the Layer Style window to the side and left-click on the image and drag the mouse to move the pattern.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 9

Add a Drop Shadow:

  • Blend Mode: Normal
  • Color: #00233a
  • Use Global Light: Checked
  • Angle: 90º
  • Distance:4 px
  • Spread: 52%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Checked

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Step 10

Click on New Style… to save the layer style. Name it Brazil Layer Style and check the Include Layer Style Effect and Include Layer Blending Options boxes. After that, click OK to close the Layer Style window.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

Congratulations, You’re Now Done!

In this tutorial, you learned how to create an abstract pattern and use it in a layer style in Adobe Photoshop. We started out by creating the pattern, and then we created a layer style.

I hope you have enjoyed this tutorial, and feel free to leave your comments below.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop

This text effect that we just created is part of Countries Styles.

How to Create a Brazil-Inspired Text Effect in Adobe Photoshop