Colorful Splatter Logo Tutorial- Sig Vault - Photoshop Signature Tutorials, Resources, Articles and Forums!

Colorful Splatter Logo Tutorial

Learn how to create a colorful splatter logo using all sorts of techniques such as Gradients, Brush use, Shapes and Color choice.

The outcome – Really the finished outcome has a transparent background so that it can be seen and mix with any background it is placed upon. For the tutorial however I will place it on a white background.

Step 1 – First we need to create our canvas, to do this simple go to File -> New… Then choose your canvas size. I chose 300 x 300 and put it on a transparent background but that is up to you.

Step 2 – Now you want to choose your symbol or letter for your main part or the focal point. I chose a font called “Danube” and chose the size 100px and set it to AA- Strong. Then I put the letter “S” in the middle of the canvas. It doesn’t matter what colour your font is because that is all going to be changed.

Step 3 – Now we need to right click our text layer and select blending options. If you are trying to attempt the same colours as mine then take a look at these screenshots and follow the settings carefully. Or feel free to adjust the settings to your own taste.

Drop Shadow :

Inner Shadow:

Inner Glow:

Satin:

Gradient Overlay – Most important part with the blending options so watch closely:

Here’s what the finished letter looks like :

Step 4 – Now that we have done our main symbol we need to create the little bars that go underneath it. To do this you go to the shape tool and choose the “Rounded Rectangle Tool” then you create a bar that seems long enough for your needs and then press “Ctrl + T” and rotate it the way you want it. Don’t forget to move it underneath your symbol in the correct place.

Step 5 – Now we need to duplicate the rectangle three more times using the shortcut “Ctrl +J” while being clicked on the first one. Or do it manually using right click – duplicate layer. Now you need to move all four shapes to their correct positions on mine they are next to each other going to the right diagonally. Then change the colour of all 4 to match the colours you used on the gradient. ( I also lowered the opacity on each of them to 65% ) You should also see the drop shadow now too.

Step 6 – Now you need to create a splatter shape in Illustrator or get some splatter brushes which are good quality and good variety. Choose a nice one and brush it onto your canvas just the once. Make sure its bang in the middle of the rest of your items and place the layer underneath everything else (except the background obviously) Now we need to add some blending options.

Inner Shadow

Gradient Overlay

Step 7 – Now for the final step all you need to do is place the middle text in the middle of your symbol this could say anything but mine says “Portfolio”.. Just use the font “Danube” again and set it to a small size. Then add a drop shadow and maybe a few other things to make it look better for you.

That’s it! Congratulations if you finished the tutorial with a nice result and I hope you get to use it somewhere nice. Remember you can change the colours at any time.. If you liked this tutorial please sign up at www.Sigvault.com/forums for a lot more. You can download the final PSD here.

Spread the Word: