In this tutorial, I will teach you how to create a text effect with gooey splatters in Photoshop.
This tutorial should take about one to one and a half hours to complete if you’re already somewhat familiar with Photoshop. This effect would be perfect for citrus or candy ad or poster.
Here’s a look at the end result of what you’ll be putting together today:
You’ll need a couple of extra resources for this tutorial. You can grab them at these links:
Create a New Document in Photoshop. The size of my document is 530px by 1060px at 72DPI.
On your background layer, fill it with #E6F39F.
Use your Sun Burst Brushes and place them on a new layer. The color I’m using is #7ae008.
Now change this layer to Color Burn with an Opacity of 22%
Now come up with a word that you would like to use for this tutorial. For this tutorial I will be using the word “Juicy”. Let’s start off with the letter “J.” The font I’m using is Coaster. The font can be any color for right now, we will be changing it in a bit. Don’t forget to angle your letter by using the Free Transform tool.
Now add these layer styles by double clicking this layer.
Bevel and Emboss
This is how your letter should look
Duplicate this letter and place it underneath the original “J” layer. Move it a couple pixels over to the right and increase the Drop Shadow on this duplicated layer.
Now we will add some shadows and highlights to this letter. Create a new layer above both “J” layers. With a soft round brush #595757 darken the edges. Change this layer to Color Burn.
Create a New Layer and use a #FFFFFF soft round brush. I’m using between 30-60px brushes.
Grab your Smudge Tool (44px, Strength 50%) and smooth out your highlights like the image below.
Repeat step 10 with the addition of the smudge tool but change this layer to Overlay.
It’s a good idea to place all of the layers pertaining to the letter J in a folder to keep everything organized. Now go on and do the rest of the letters. The only thing that varies is the Color Overlay and Bevel Emboss layer styles with each of the letters. I will place screen shots of these layer styles. Letter U layer styles:
Now we are finished with the letters and it’s time to create the ooze. Create a new layer above your “J” group and with your pen tool selected make a rounded splatter and fill it with any color.
Change this layer Fill to 0%, and add these layer styles:
Now it should look like this:
But we are not done with it yet. Time to add some highlights and shadows. Use a combination of light and dark soft brushes (varying opacities), to give the ooze a slimey feel. Don’t forget to use your Smudge Tool.
Repeat those last few steps to create another one.
Add a couple more:
Lastly, we will finish it off with a puddle at the bottom. Grab your pen tool and make a shape of a puddle. With my puddle selected I used various colors like the ones for my letters to form the puddle.
Add these layer styles
Add some shadows and highlights:
Add a couple more puddles:
Now you’re done!
User Interface Design with Sketch 4
Photoshop for Web Design
Introduction to Photoshop
Designing UX: Forms
Jump Start Sketch
The Ultimate Guide to Prototyping
- 1 Type Nugget: Good Typography is About Finding the Right Playground
- 2 Sourcehunt Design April: How About Adding Fedora to Your CV?
- 3 Adobe XD Tutorial: A Pain-free Way to Import Assets
- 4 How to Quickly and Easily Remove a Background in Photoshop
- 5 How Sketch's New Symbols Will Improve Your Workflow