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
- Software Used : Photoshop
- Version : CS6 Extended
- Time : 1:00 – 1:45
- BubbleGum font.
- Wine Cork pattern by Atle Mo.
- Kiwi Stock. by keaps.
- Kiwi Stock 1 by hatestock.
- Texture – Sky and drops by Retsnimel.
- ETH font (ETH Sans/EthRomainEthon.ttf).
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.
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.
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 :
- Opacity : 35%
- Shadow Mode – Color :
- Contour : Cove – Shallow
- Check the Anti-aliased box
- Pattern : Wine Cork
- Depth : 200%
– Inner Shadow
- Opacity : 50%
- Distance : 0
- Size : 15
This will texture the top text layer.
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.
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.
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.
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.
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.
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.
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.
You might need to repeat the previous step a couple of times to be able to fill all of the area you have.
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.
Ctrl/Cmd + click a text layer’s thumbnail to create a selection.
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.
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.
Duplicate the invisible (original) kiwi image layer and make the copy visible by clicking the empty box next to it where the eye was.
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.
Right click a text layer and choose Create Work Path. Pick the Brush Tool and open the Brush panel (Window > Brush).
Under Brush Tip Shape, pick the Star 42 pixels tip, then change its Size to 25 and the Spacing to 1%.
Change the rest of the Settings as below:
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.
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.
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.
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).
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.
Double click the merged layer to apply a Drop Shadow effect:
– Drop Shadow
- Opacity : 25%
- Distance : 7
This will apply a subtle shadow.
Use the Rectangular Marquee Tool to select the first letter.
Press Ctrl/Cmd + J to duplicate the letter with the Drop Shadow effect in a new layer.
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.
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.
You can also change the order of the layers to place the letters on top of or behind each other.
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.
Duplicate the first letter’s layer, then drag the copy below the original.
Right click the copy and choose Clear Layer Style. Then enter the Free Transform Mode.
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.
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.
Select all the copy layers, then go to Layer > Merge Layers (Ctrl/Cmd + E) to merge them in one layer.
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.
Open the Kiwi Stock 1 image and select the kiwi using the Magnetic Lasso Tool. Then go to Edit > Copy.
In the original document, go to Edit > Paste. Duplicate the pasted layer and make the original invisible.
Enter the Free Transform Mode to resize and rotate the kiwi peel image, then place it between the last letter’s layers.
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.
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.
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.
You can play with the layer’s Opacity if you want a more subtle result.
Change the Foreground color to
#636363, the brush Size to 50, and its Hardness to 35%.
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.
Repeat that between each two letters.
Open the Brush panel and choose the Star 14 pixels tip, then change its Settings as below:
Brush Tip Shape
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.
Start clicking and slightly dragging to scatter some of the peel around the text.
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.
Click the Create new fill or adjustment layer icon down the Layers panel and choose Gradient Map.
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.
To create the text at the bottom, use the font ETH, the font Size 30 pt, and the color
Then, change the Tracking value to one that spreads the letters along the kiwi text. Here, it is set to 1250.
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.
Go to Image > Adjustments > Hue/Saturation. Change the Saturation to -100, and the Lightness to 80%. This will decolorize the texture and brighten it.
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.
You can actually play around with the elements you use to achieve different results as well.
And there you have your fresh kiwi text.
Hope you like it 🙂
Did you enjoy this post? Please consider donating to help us cover our server costs.
I search tutorials like this… for many time
Can’t have any words to appreciate you…
I Love this…
<3 <3 <3