Create an Awesome Funky Text Effect


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:

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! =)

Bruno Kenzo

Bruno Kenzo is a seventeen-year-old Brazilian with a simple artistic sensibility. Kenzo’s art has grown to display a remarkable sense of perspective, color and detail, he make his models in Cinema 4D and brings them to life, at which time his meticulous attention to detail truly shines, in Photoshop. But not all of his work is 3D rendered: he also displays some works in the area of abstract design, like “FUNK-IT”. For a more in depth look at the work of Bruno Kenzo, check out his deviantART page: http://k3nzus.deviantart.com

Visit Author Website | All Articles From This Author

If you enjoyed this article, please consider sharing it!

40 Responses


Looks so awesome!


Thank you very much for a wonderful lesson!


cool.
I love it
thanks.


looks really professional text effect. thanks for sharing


wow wow….. Thanks tuts…. nice


awesome!!!


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.


awesom………!!


Great tutorial, and awesome effect. Thanks

HEY THANKS
i just ried it, and here is my outcome

http://mistx-photografie.deviantart.com/art/do-the-dance-164385805


Tutorial added to the web tuts !!

Wonderful! Techniques are interesting and the final result is awesome.

Compliments Bruno!


sexayy!


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!


Thanks John! :)


Cool Text Effect.. We also have created Oakwood Text Effect: http://www.photoshopsociety.org/actions.php


Nice Tutorials,
Brilliant works,good effect of text and I think its very useful for me.. thanks
visit : pepitup.blogspot.com


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


The final product looks really nice and there are a few useful tips in the tut
Thanks!
John


This is fantastic! I’ve featured this tutorial on our site, so I hope you get lots of love from our readers!


woow…..I love it…explosive idea. Only that to describe your brilliant art piece.


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.

Trackbacks

  1. designfloat.com
  2. Tweets that mention Create an Awesome Funky Text Effect | Design.CreativeFan -- Topsy.com
  3. [User Link:Create an Awesome Funky Text Effect] | Tips for Designers and Developers | tripwire magazine
  4. Create an Awesome Funky Text Effect | Design You Trust
  5. 140+ Fresh Categorized Articles for Web Designers and Developers | tripwire magazine
  6. 140+ Fresh Categorized Articles for Web Designers and Developers
  7. Create an Awesome Funky Text Effect | 莫莫
  8. 15 Fantastic (fresh) Photoshop Tutorials from the Design Community | CG Stream
  9. ROJO PIXEL: El mejor sitio de diseño del mundo
  10. Photoshop Create an Awesome Funky Abstract Text Effect in Photoshop Tutorial @ photoshoptutorialtour.com
  11. 25 Cool Photoshop Text Effects Tutorials
  12. Cool Photoshop Text Effects | Tutorials Photoshop Flash 3d
  13. 70 Photoshop Tutorials For Text Decoration From 2010 - SloDive
  14. 45 Fresh and Useful Photoshop Tutorials | Digital Pizza
  15. 50+ Awesome Must See Photoshop Tutorials (Part2) « Graphic Editor Creative Free Web Search
  16. 10 Tutorial Fantastic Photoshop! « Segalanya Indah Dengan Warna…..
  17. DesignBlog » Blog Archive » 30 COOL 3D Text Effects - Thoughts for todays graphic designer.
  18. 30 COOL 3D Text Effects « EgyLeech

Leave a Reply


This field is required.



This field is required.


Submit your linkClose