Paint Splodge Text

Posted by Steve Tolley

This is just a quick text effect tutorial, This will show you how to simply create a paint splodge looking text using blending options and the pen tool it will take only around 5 minutes to complete (Depends how much detail you add).

What We Are Going To Achieve

Step 1 – New Document

First of all open up a new document around the size 500 x 500 and fill with a radial gradient from #102f40 to black (#000000) so you are left with something like below:

Step 2 – Add The Text

For this tutorial I am just doing a single letter so I can show you the techniques, but this can be applied to any letter of the alphabet, therefore I am going to use the letter “P” so simply pick the colour that you want the paint to be and write your text in that colour:

Step 3 – Add The Splodge

Now you can draw the paint splodge simply pick up the pen tool and draw what resembles a splodge of paint, not every splodge will look the same so just experiment and play around until you get something you are happy with (make sure it is filled with the same colour as the letter), when done you should have something similar to below (can be used as a reference)

Step 4 – Add Blending Options To Both

We shall add blending options to the text first so double click the layer in the layers tab which will bring up the blending options menu, when this is open use the settings as shown below:

Bevel And Emboss:

With this applied right click on the Text layer and choose “Copy Layer Style” and then right click on the Splodge layer and choose “Paste Layer Style” as shown below:

This will simply copy and paste the blending options to the splodge shape when this is done you will have some text and a splodge that resembles that shown below:

Step 5 – Positioning And Adding Details

Now you need to position the splodge so that it looks like it is part of the text so just simply play around with moving it around until you get something you are happy with:

With it now in position you are nearly finished all you need to do now is add some detail, like some drips of paint and extra splodges on the floor, this is all simple to do but just play around with the pen tool creating cool shapes and then don’t forget to keep pasting the blending options onto each new splodge you do, and have fun experimenting, when you are done you will have something that resembles my finished product:

And as always if you have any problems with this tutorial then don’t hesitate to leave me a comment or email me at: stevie489@googlemail.com and I will help you as much as I can…

Tags: , , , , ,

This entry was posted on Tuesday, September 9th, 2008 at 1:12 am and is filed under Text Effects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

If you liked this article, please share it on Digg, StumbleUpon or Delicious, or Subscribe to the RSS Feed. Thanks!

Vote for this article on Stumble Vote for this article on Delicious Vote for this article on Digg Sign Up To The RSS Feed

47 Responses to “Paint Splodge Text”

  1. Arif KALEM Says:

    Smart work!!

  2. tutorialslounge Says:

    really nice effort for share photoshop techniques. thanks

  3. Connor Says:

    Instead on having to use the pen tool with all the splatters and drips, I found it alot easier to use the brush tool after you set up the paint texture.. The brush will drag out parts of the letter itself yet still retain the paint shimmer.. you can also use the brush in the same way to create the puddle.

  4. Steve Tolley Says:

    @Connor Brilliant, there are different ways to create the same sort of effect, it’s about experimenting to see which way gets the results you want, thanks for the comment

Trackbacks

  1. Leonaut.com
  2. Paint Splodge Text Effect In Photoshop | WhiteSandsDigital.com
  3. 50+ Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorial
  4. 50+ Great Photoshop Text Effect Tutorials -
  5. 35 текстовых эффектов - часть 2 | Дизайн-журнал №1.
  6. 50 nuovi Effetti di Testo per Adobe Photoshop | Giuseppe D'Alessio Live Blog - Tecnologia, società e vita in un sorso...
  7. 50+ tutorials per creare testi d’effetto in photoshop | Lordmarin
  8. 50+ Great Photoshop Text Effect Tutorials, Part II | Web Burning Blog
  9. 51 Photoshop Text Effect Tutorials | Tips For Web Users
  10. All Amazing Articles » 50+ Great Photoshop Text Effect Tutorials
  11. СКАЧАТЬ ВИДЕО БЕСПЛАТНО : БЕСПЛАТНО ВИДЕО для PC и IPHONE,СКАЧАТЬ КЛИПЫ БЕСПЛАТНО,СКАЧАТЬ МУЗЫКУ БЕСПЛАТНО,СКАЧАТЬ ФИЛЬМЫ БЕСПЛАТНО, СКАЧАТЬ mp3
  12. 50 Stunning Photoshop Text Effect Tutorials | Tutorials | Smashing Magazine
  13. http://www.digiwu.com » Blog Archive » 50 Stunning Photoshop Text Effect Tutorials
  14. 50 Stunning Photoshop Text Effect Tutorials | Tech Underground
  15. Photoshop Text Effect Tutorials - Code Index
  16. Feed Reader » 50 Stunning Photoshop Text Effect Tutorials
  17. Feed Reader (Beta) » 50 Stunning Photoshop Text Effect Tutorials
  18. 50 New Photoshop Text Effect Tutorials
  19. 40+ Useful Photoshop Text Tutorials | Listfied
  20. 50 Stunning Photoshop Text Effect Tutorials | The Web Design Source
  21. Great Photoshop Text Effect Tutorials, Part II « Online Free Applications Software Tips Tools Wallpapers
  22. 50 Stunning Photoshop Text Effect Tutorials | Design-Tut+
  23. 50 Stunning Photoshop Text Effect Tutorials | design-playground.net
  24. 60 tutoriels Photoshop pour les effets de texte | TuniBOX
  25. 50 verblüffende Photoshop-Texteffekt-Tutorials | Dr. Web Magazin
  26. 30 Beautiful Photoshop Text Effect Tutorials You will be Amazed with Designs | Code Fear
  27. 50+ Great Photoshop Text Effect Tutorials, Part II | DAWG FILE
  28. 30 Gorgeous Text Effects of Photoshop | Tutorials Palace
  29. 40 Really Useful Photoshop Text Effect Tutorials
  30. 40 наистина полезни Photoshop урока за текстови ефекти
  31. 40 Espectaculares efectos de texto en Photoshop | STYLOmx
  32. PhotoShop Text Tutorial - Reviews and Randomness
  33. 40 Really Useful Photoshop Text Effect Tutorials | Download E-Books Free Video Training Courses Softwares
  34. 50 Amazing Photoshop Text Effects Tutorial | huibit05.com
  35. Текстовые эффекты от PHOTOSHOP мастеров ! | СКАЧАТЬ ВИДЕО БЕСПЛАТНО СКАЧАТЬ БЕСПЛАТНО ВИДЕО через прямые ссылки , БЕСПЛАТНО СКАЧАТЬ ФИЛЬМЫ, БЕСП
  36. 30 Text Effects of Photoshop | Webmaster 9
  37. •º•º Crap Attack º•º• » 40 Really Impressive Photoshop Text Effect Tutorials
  38. Descargas Premium - Tutorial de Photoshop. Mas de 50 efectos de texto. Lo mejor!
  39. 40 tan fazla photoshop yazı efekti alıştırması | Photoshop
  40. Beautiful New Free Fonts For Your Designs « AnaConda 4 Photoshop Blog
  41. wordpress dev » Blog Archive » 52 Great Looking Photoshop Text Effects Tutorials – Part 1
  42. Imagination Share
  43. Photoshop Tutorials-Paint Splodge Text-beginners « The Lilo Best Photoshop Tutorials

Leave a Comment

RSS Feed - Subscribe

Forum Last 5 Posts

Categories

Sponsors - Find Out More

Twitter - Follow Me Here

Flickr Group - Join Here

User Link Feed - Submit Link

Useful Links

Friends