cartoonish-juicy-text-photoshop-graphic-design-tutorial-11

Cartoonish Juicy Text – Photoshop Graphic Design Tutorial 11


In Category:
Intermediate Photoshop Tutorials Photoshop Text Effects


I noticed I have never published a Photoshop tutorial on text effects, so this will be a first Photoshop graphic design tutorial covering text effects.  The idea came originally from One Button Mouse.  After getting the final results, I also noticed that the text looks as if it is dripping honey.

…………………………………………………………………………………………………………………………………………………

Alright, so let’s get started.  Some of the things that you will need today is, well, for one, your hands, Kristen ITC Font, and a background to start on.  If you don’t have the Kristen ITC Font, try to look for something similar on DaFont.  I used a darkish blue background with a pattern overlay.  Use mine if you wish to achieve the same results.

text-font-design-photoshop-image-1

Let’s add our text.  I used the title of the website along with a slogan.  The color used in mine is #ffd506.

text-font-design-photoshop-image-2

Now that we have our text, let’s add some effects!  I have listed below all the effects used to achieve the results displayed below:

Drop Shadow

text-font-design-photoshop-image-third1

Inner-Shadow

text-font-design-photoshop-image-third2

Gradient Overlay

text-font-design-photoshop-image-third3

Results

text-font-design-photoshop-image-3

In this, you may use two techniques of outlining the background for the text.  The one that I am going to use is adding a stroke big enough to cover the text’s surrounding.  The other way is to actually grab the pen tool, and create your own shape surrounding the the text.  Using Method I, go to Layer – Layer Style – Stroke of the text, and apply the following:

text-font-design-photoshop-image-fourth1

Results

text-font-design-photoshop-image-4

Since you cannot take a selection of the stroke, you will need to duplicate the text layer, rasterize it, and turn into a smart object.  Then, create a selection of it, and fill the background with #821900.

.text-font-design-photoshop-image-5

Alright, now that we have our text’s background, let’s work on some of the effects.  Grab your dodge tool, and set the size to 150.  Stroke the top of the background with 80% Exposure.  Work on it until you get something like this:

text-font-design-photoshop-image-6

For our final set, apply the following Inner/Drop-Shadow settings to the background:

text-font-design-photoshop-image-7

text-font-design-photoshop-image-8

And there you have it, the juicy looking/cartoonish text effect.

text-font-design-photoshop-image-final


This Photoshop Tutor tutorial has been tagged with: , , , , , , ,

Disclaimer | Privacy Policy