Funky, abstract text effects can yield incredibly stunning results. Whether they’re fiery and explosive, cool and sleek, retro, or intricate vector compositions, the techniques used in abstract text effects are applicable across nearly all fields of design.
In this tutorial, you’ll learn step by step, with a plethora of details and screenshots, how to create an awesome funky text effect. Master digital artist Bruno Kenzo will take you through his detailed workflow that he used in the creation of his work, FUNK-IT, which has received significant recognition in the design community including a Daily Deviation on deviantART. You’ll learn the use of clipping masks, a variety of layer modes and blending techniques, along with a variety of other effects for this awesome and funky text effect.
Let us know what you think in the comments, and hope you enjoy the tutorial!
Tools Used:
- Adobe Photoshop
- Stock Images (see below)
Resources:
- Nebulas (by Hameed from DeviantART): http://hameed.deviantart.com/art/Nebula-v1-1471411
- 3D Renders – DJ Equipment, Headphones, Spray… (by K3nzuS): http://k3nzus.deviantart.com/art/Some-Stuff-1-156008354
- Smoke (by SXC): http://www.sxc.hu/photo/935916
- Bokeh Effect (by Media Militia): http://mediamilitia.com/bokeh-effects-pack-42-free-images/
- Texture – Zebra Stripes (by SXC): http://www.sxc.hu/photo/1141274
- Other 3D Elements: http://planetrenders.net/renders/
Final Image Preview (Click for the incredible full view):
Hi everyone! First of all, thanks for reading this tutorial and I hope you can learn something, not only how to create a work like this, but also to use in other works. During this tutorial I will explain some tips and effects that I think fit very well with any style. =)
You will learn how to create a high quality “funky” effect for your text with some vibrant colors and many details! So, let’s start!
Create a new document on Photoshop and set the size that you prefer, for this job I used 40 x 15 cm 200dpi and 16bits/channel, because I printed it and with 16 bits the gradients become smoother.
So, add a Radial Gradient with the following settings:


Add some nebulas stocks and change the blend mode to Linear Dodge (Add) and Fill: 60%.
Add the text that you prefer and choose one font with a “thick body” like Impact, DaddyDontDisco, Geist RND, because you will have more area to work.


Start doing some strokes around the word:
1- Select the letter that you want to apply the stroke.

2- Go to Edit > Stroke and use the values like the following image.

3- Choose some basic colors like yellow, red, black, white, or something like these, and move a few pixels up and right. Try some blend modes like Color Dodge or Linear Dodge (Add), because they fit very well.
Or if you prefer, you can use the layer Blending Options, but I don’t recommend this, because if you are starting with Photoshop, it is a little difficult to change the Blend Mode.


Choose some texture images and make a Clipping Mask with the text:
1- Select the letter that you want to make a Clipping Mask.
2- Place the stock image on another layer like the following image.
3- Then, select only the stock image and go to Layer > Create Clipping Mask (Ctrl + Alt + G).
4- A little arrow will appear on the stock image layer. This indicates that the stock image is linked with the letter layer.
5- Select both layers and go to Layer > Merge Down (Ctrl + E). They will turn a unique layer.
6- Change the blend mode to Soft Light or Overlay, move a few pixels and press Delete. So you will get something like the following images:






Now we will start the Clipping Mask Part: choose some stocks or 3D renders that fit with the style that you are working.
I chose some of my old Cinema 4D renders like headphones, stereo, DJ equipment, guns and some abstracts.

Place the renders each one on a different layer like the following image: the Red Layer is the group (Ctrl + G), the Yellow Layers are all the clipping masks, and the Blue Layer is the text object.

In this case I chose one of my DJ equipment render. The layers that are inside of the red bracket are linked (Clipping Mask) with the typography (yellow layer). Try some blend modes like Color Dodge, Linear Dodge (Add), Overlay, Soft Light and Screen, and change the Opacity and Fill like you prefer.



Here are more examples about this effect:


Add some 3D particles (explosion effect) in your work and change the blend mode to Soft Light or Overlay.


Now we will add more details: choose some 3D spheres, change the blend mode to Soft Light or Overlay and change the Opacity like you prefer.


And here are more examples:

Choose some 3D renders and add them in your work. In this example desaturate it (Shift + Ctrl + U), so I rotate it and change the blend mode to Color Dodge. In this case all the objects are on Color Dodge, Linear Dodge, Screen, Overlay or Screen and they are inside the 3D Objects Group.


More examples:


Now we will add some brush lines (if you have a Pen Tablet your work will become easier). Try to use one pixel (diameter) and basic colors like red, black or white.

And now, I think is the most important part of this tutorial: illumination and colors.
Choose a Bokeh Effect texture with vibrant colors like red with orange or yellow and change the blend mode to Overlay, varying the Opacity to fit better in the composition.



Besides this, add some Adjustment Layers like Levels, Selective Color and Curves to adjust the illumination of your work. To improve some parts, use the Brush Tool with a soft round brush and change the blend mode to Soft Light or Overlay. The Levels and Brush settings are something like the image.


Here are some examples:

Add some 3D spheres in the foreground and background. So apply Filter > Blur > Gaussian Blur and set the radius between 3-5 pixels. Try some blend modes like Normal or Overlay, because they fit very well.

Finally, we are done! Fix some details. Apply a Sharpen Filter, etc…
And here is the Layer Window with all the objects.


So, I hope you enjoyed this tutorial and learned something. I also hope to do more tutorials of my work and thanks for reading! =)













05.12.10
Looks so awesome!
05.12.10
Thank you very much for a wonderful lesson!
05.13.10
cool.
I love it
thanks.
05.13.10
looks really professional text effect. thanks for sharing
05.13.10
wow wow….. Thanks tuts…. nice
05.13.10
awesome!!!
05.13.10
the tutorial is only about taking 3d and putting into text, how is that awesome? without those 3d objects you’re not able to follow the bigger part of the tutorial.
05.14.10
awesom………!!
05.15.10
Great tutorial, and awesome effect. Thanks
05.17.10
HEY THANKS
i just ried it, and here is my outcome
http://mistx-photografie.deviantart.com/art/do-the-dance-164385805
05.19.10
Tutorial added to the web tuts !!
05.19.10
Wonderful! Techniques are interesting and the final result is awesome.
Compliments Bruno!
05.19.10
sexayy!
05.19.10
This is fantastic! I’ve featured this tutorial on our site, so I hope you get lots of love from our readers
Thanks very much!
05.20.10
Thanks John!
05.20.10
Cool Text Effect.. We also have created Oakwood Text Effect: http://www.photoshopsociety.org/actions.php
06.04.10
Nice Tutorials,
Brilliant works,good effect of text and I think its very useful for me.. thanks
visit : pepitup.blogspot.com
06.07.10
I just look over your tutorial and I feel surprise so much in the each of designing step in your art work. it’s so nice
06.09.10
The final product looks really nice and there are a few useful tips in the tut
Thanks!
John
06.10.10
This is fantastic! I’ve featured this tutorial on our site, so I hope you get lots of love from our readers!
06.13.10
woow…..I love it…explosive idea. Only that to describe your brilliant art piece.
08.10.10
I’m especially adding this onto my list for sure man, this is awesome. I will surely use this technique as well in my next project man.