Google+

Kiwi-Inspired Text Effect

Kiwi is a delicious, exotic, and good lookin’ fruit! Its textures and colors are just so vibrant and fresh. This tutorial will show you how to use some kiwi stock images to create an awesome kiwi-inspired text effect. Let’s get started!

This was suggested by Anj. Thank you for the awesome suggestion, Anj : )

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 1:00 – 1:45

Resources

Step 1

Create a new 1152 x 864 px document. Set the Foreground color to #f9f9f9 and the Background color to #b5b5b5. pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Linear Gradient icon.

Then, click and drag diagonally from the top right corner to the bottom left corner to create the background gradient.

Kiwi Text Effect step 1

Create the text using the font Bubblegum. The font color is #cee3a5, and the Size is 250 pt.

Duplicate the text layer then change the copy’s Fill value to 0.

Kiwi Text Effect step 1

Step 2

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

– Bevel and Emboss

  • Technique : Chisel Hard
  • Uncheck the Use Global Light box
  • Angle : 111
  • Altitude : 45
  • Check the Anti-aliased box
  • Highlight Mode : Hard Light
  • Color : #f9ffe6
  • Opacity : 35%
  • Shadow Mode – Color : #cee3a5
Kiwi Text Effect step 2

– Contour

  • Contour : Cove – Shallow
  • Check the Anti-aliased box
Kiwi Text Effect step 2

– Texture

  • Pattern : Wine Cork
  • Depth : 200%
Kiwi Text Effect step 2

– Inner Shadow

  • Opacity : 50%
  • Distance : 0
  • Size : 15
Kiwi Text Effect step 2

This will texture the top text layer.

Kiwi Text Effect step 2

Step 3

Open the Kiwi Stock. image, then go to Image > Adjustments > Color Balance. With the Tone Balance set to Midtones, change the Color Levels to -15, 0, 11.

Kiwi Text Effect step 3

Under Tone Balance, choose Highlights, then change the Color Levels to -37, 0, 59. This will get rid of the red tint of the image.

Kiwi Text Effect step 3

Pick the Magnetic Lasso Tool, and in the Options bar, set the Width to 10, the Contrast to 10%, and the Frequency to 57.

Then click once at the edge of the kiwi, and drag a bit slowly around it to add some more points. You don’t need to click to add points unless you want to force adding them where the selection starts going off. This might happen at the bottom of the kiwi where there is not much contrast going on. So click to add the points where needed, then continue dragging until you get back to the starting point to close the path.

Kiwi Text Effect step 3

Once you close the path, a selection will be created. Go to Edit > Copy to copy the selected part, then go back to the original text document.

Kiwi Text Effect step 3

Step 4

In the original document go to Edit > Paste, and place the pasted layer between the two text layers.

Then, duplicate the kiwi layer and make the original invisible by clicking the eye icon next to it.

Kiwi Text Effect step 4

Select the copy kiwi layer, then go to Edit > Free Transform to enter the Free Transform Mode. Place the kiwi image below the first letter, then resize it and rotate it as you like.

It doesn’t matter if you have empty areas, because we’re going to fill them next. But when you’re done modifying the image, make sure to hit the Enter/Return key to accept the changes.

Kiwi Text Effect step 4

Pick the Clone Stamp Tool, and pick a soft round 20 px brush tip.

Press and hold the Alt/Option key, and click the source area you want to use, which should be near the edge. Release all, then click and drag to start filling the empty area.

Kiwi Text Effect step 4

You might need to repeat the previous step a couple of times to be able to fill all of the area you have.

Kiwi Text Effect step 4

Do the same for the remaining empty parts. You can change the brush size if needed to fill some of the smaller or larger areas.

Kiwi Text Effect step 4

Ctrl/Cmd + click a text layer’s thumbnail to create a selection.

Kiwi Text Effect step 4

Pick the Rectangular Marquee Tool, and click the Intersect with selection icon in the Options bar. Then click and drag to create a rectangle around the first letter. When you release the mouse button, only that letter will be selected.

Kiwi Text Effect step 4

With the letter’s kiwi texture layer selected, press Ctrl/Cmd + J to duplicate the selection in a new layer. Then, delete the letter’s kiwi texture layer.

Kiwi Text Effect step 4

Duplicate the invisible (original) kiwi image layer and make the copy visible by clicking the empty box next to it where the eye was.

Kiwi Text Effect step 4

Repeat the same previous steps to texture each of the other letters. Don’t forget that you can rotate the image to create some variations.

Kiwi Text Effect step 4

Step 5

Right click a text layer and choose Create Work Path. Pick the Brush Tool and open the Brush panel (Window > Brush).

Kiwi Text Effect step 5

Under Brush Tip Shape, pick the Star 42 pixels tip, then change its Size to 25 and the Spacing to 1%.

Kiwi Text Effect step 5

Change the rest of the Settings as below:

Shape Dynamics

Kiwi Text Effect step 5

Color Dynamics

Kiwi Text Effect step 5

Create a new layer right on top of the bottom text layer and call it Stroke, set the Foreground color to #8c6239 and the Background color to #504333, and pick the Direct Selection Tool.

Kiwi Text Effect step 5

Right click the work path and choose Stroke Path. Then choose Brush from the Tool drop down menu, and un-check the Simulate Pressure box.

Kiwi Text Effect step 5

This will create a fuzzy stroke that will help make the peel part of the kiwi more realistic later on. Hit the Enter/Return key to get rid of the work path.

Kiwi Text Effect step 5

Step 6

Select all the layers except for the Background layer (select the text layer at the top, press and hold the Shift key, then click the bottom text layer).

Kiwi Text Effect step 6

Group the selected layers, duplicate the group and make the original invisible, then select the duplicated group and go to Layer > Merge Group.

We’ll be working with the merged group layer, but the invisible group will keep all the original layers in case you need them anytime later.

Kiwi Text Effect step 6

Double click the merged layer to apply a Drop Shadow effect:

– Drop Shadow

  • Opacity : 25%
  • Distance : 7
Kiwi Text Effect step 6

This will apply a subtle shadow.

Kiwi Text Effect step 6

Step 7

Use the Rectangular Marquee Tool to select the first letter.

Kiwi Text Effect step 7

Press Ctrl/Cmd + J to duplicate the letter with the Drop Shadow effect in a new layer.

Kiwi Text Effect step 7

Select the merged layer again, then repeat the same steps for each of the remaining letters to extract it in its own layer, then make the merged layer invisible.

Kiwi Text Effect step 7

Step 8

For each letter, enter the Free Transform Mode to rotate it and place it around in the document. Don’t forget to hit Enter/Return to accept the changes.

Kiwi Text Effect step 8

You can also change the order of the layers to place the letters on top of or behind each other.

Kiwi Text Effect step 8

Another cool thing you can do, is select a letter’s layer, then go to Edit > Transform > Perspective. Then click and drag the letter’s bounding box corners to tilt it in perspective. Hit Enter/Return when done.

Kiwi Text Effect step 8

Duplicate the first letter’s layer, then drag the copy below the original.

Kiwi Text Effect step 8

Right click the copy and choose Clear Layer Style. Then enter the Free Transform Mode.

Kiwi Text Effect step 8

Press the Left Arrow key once to move the copy 1 px to the left, then press the Down Arrow key once to move it 1 px downwards. Hit the Enter/Return key.

Kiwi Text Effect step 8

Press the Alt + Ctrl + Shift + T or Option + Cmd + Shift + T keys a couple of times to duplicate the layer and the transformation until you like the depth of the extended part.

Kiwi Text Effect step 8

Select all the copy layers, then go to Layer > Merge Layers (Ctrl/Cmd + E) to merge them in one layer.

Kiwi Text Effect step 8

Repeat the previous steps for the rest of the letters. Just make sure to use the Arrow Keys that will move the duplicated layer in the direction you want. So you’re not going to use the Left and Down arrow keys for all of the letters (unless you want them all to be extended in the same direction), instead, you might use the Right and Down arrow keys, or maybe the Left or Right and Up arrow keys.

Kiwi Text Effect step 8

Step 9

Open the Kiwi Stock 1 image and select the kiwi using the Magnetic Lasso Tool. Then go to Edit > Copy.

Kiwi Text Effect step 9

In the original document, go to Edit > Paste. Duplicate the pasted layer and make the original invisible.

Kiwi Text Effect step 9

Enter the Free Transform Mode to resize and rotate the kiwi peel image, then place it between the last letter’s layers.

Kiwi Text Effect step 9

Right click the kiwi peel layer and choose Create Clipping Mask. This will clip the image to the letter’s extension.

You can use the Move Tool to move the image around while clipped to see how you like it best.

Kiwi Text Effect step 9

Duplicate the clipped kiwi peel layer, move the copy between another letter’s layers, clip it again, and move it around as you like.

Repeat that for all the remaining letters.

Kiwi Text Effect step 9

Create a new layer below all the letters’ layers and call it Shadow. Set the Foreground color to Black. Pick the Brush Tool, and choose a soft round 115 px brush tip.

Start dotting a simple shadow below the letters. Don’t click and drag, just place a couple of dots next to each other.

Kiwi Text Effect step 9

You can play with the layer’s Opacity if you want a more subtle result.

Kiwi Text Effect step 9

Change the Foreground color to #636363, the brush Size to 50, and its Hardness to 35%.

Kiwi Text Effect step 9

Create a new layer between two letters’ layers, change its Blend Mode to Multiply, then click and drag to create a simple shadow between the two letters.

Kiwi Text Effect step 9

Repeat that between each two letters.

Kiwi Text Effect step 9

Step 10

Open the Brush panel and choose the Star 14 pixels tip, then change its Settings as below:

Brush Tip Shape

Kiwi Text Effect step 10

Shape Dynamics

Kiwi Text Effect step 10

Scattering

Kiwi Text Effect step 10

Color Dynamics

Kiwi Text Effect step 10

Set the the Foreground color to #8c6239 and the Background color to #504333. Create a new layer below the Shadow layer and call it Brush, then change its Blend Mode to Color Burn.

Kiwi Text Effect step 10

Start clicking and slightly dragging to scatter some of the peel around the text.

Kiwi Text Effect step 10

Increase the brush Size to 10, create a new layer on top of the Brush layer and call it Brush 2, then change its Blend Mode to Color Burn as well.

Add some more bigger, but less, scattered peels.

Kiwi Text Effect step 10

Step 11

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

Kiwi Text Effect step 11

Place the adjustment layer on top of all layers, then change its Blend Mode to Soft Light and its Opacity to 25%.

Use the colors #35515c to the left and #bcb086 to the right to create the gradient.

This will help intensify the contrast of the colors a little bit.

Kiwi Text Effect step 11

To create the text at the bottom, use the font ETH, the font Size 30 pt, and the color #8da924.

Then, change the Tracking value to one that spreads the letters along the kiwi text. Here, it is set to 1250.

Kiwi Text Effect step 11

Place the Texture – Sky and drops image on top of all layers, resize it to fit within the document, then change its layer’s Blend Mode to Multiply.

Kiwi Text Effect step 11

Go to Image > Adjustments > Hue/Saturation. Change the Saturation to -100, and the Lightness to 80%. This will decolorize the texture and brighten it.

Kiwi Text Effect step 11

Pick the Eraser Tool, and choose a big soft round tip. The start clicking to erase parts of the corners and any other areas you don’t want to be covered by the texture.

Kiwi Text Effect step 11

You can actually play around with the elements you use to achieve different results as well.

Kiwi Text Effect step 11

And there you have your fresh kiwi text.

Hope you like it :)