You are here: Home / Tutorials / Photoshop / How to create Funky Text Effects Tutorial in Photoshop by iAPDesign
Themeforest - Site Templates, Web and CMS Themes

How to create Funky Text Effects Tutorial in Photoshop by iAPDesign

Today’s tutorial is about how to create Funky Text Effect in Photoshop by iapdesign. When we say funky it mean bright colors, different blending of styles, uniqueness or sometimes girly style :). This tutorial is very easy and anyone can create their own funky text in just a few steps.

By the way check out our other tutorials below.



You can download it here for free:

So let’s start Guys, like it? Share It.

FINAL RESULT

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

STEP 1

Create a new layer, a named it how to create Funky Text Effect in Photoshop by iAPDesign. Now create a new layer and named it background. For the background get your Gradient Tool (G) and open up your Gradient Editor for Custom Color and set your color like this below. In the right side of the image, I set up a color #85b2d3 color on the left side I pick up the color #a7cdc, after that apply it to your background layer.

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

STEP 2

Now we will create our text, create a new layer named it funky text. I use Giddyup Std Font for this tutorial, you can download it for free here: http://fontpark.net/en/font/giddyup-std/#. Then type iAPDesign in your funky text layer. Very nice font isn’t it? 

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

STEP 3

In this step, we will now color our text so it will look like a real FUNKY design. Right click now your Funky Text Layer and select blending options. When the layer style window is open set the configuration below.

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Stroke (See the image below for Stroke Settings)

  • Size: 6px
  • Position: Outside
  • Color:# 5fefea
How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Color Overlay (See the image below for Color Overlay Settings)
Blend Mode: Normal with the color # 038789.
Opacity: 32%

  • Gradient Overlay (See the image below for Gradient Overlay Settings)
  • Blend Mode: Normal
  • Opacity: 100%
  •  Gradient Color: # ff0084
  • Style: Linear
How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Gradient Overlay (See the image below for Gradient Overlay Settings)

  • Blend Mode: Normal
  • Opacity: 100%
  • Gradient Color: # ff0084
  • Style: Linear
How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Outer Glow (See the image below Outer Glow Settings)

  • Blend Mode: Screen
  • Opacity: 100%
  • Gradient: #ffffbe in the left side and on the right side the opacity is set to 0. (See the image for Gradient)
  •  Style: Linear
  • Technique: Precise
  • Size: 42%
  • Contours: Ring Double with Anti-Aliased is check
  •  Range: 50%
How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Image Settings for Gradient

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

STEP 4

After you apply the layer style in your text, you should have the funky text effect like this image below. But you can alter the configuration so that it will fit for your own design. So now, let’s add some design to make it cooler.

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Let’s add some crack curve path line, you can use any Photoshop crack brushes for this step or you can create on your own using pen tool but I prefer to use a brush for this tutorial. Apply your chosen crack brushes in the top and bottom of the text refer to the image below.

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Now right click your crack brush and click the blending option to add some layer style like Bevel & Emboss and Linear Glow.

Bevel & Emboss Settings

  • Style: Outer Bevel
  • Technique: Smooth
  •  Depth: 1000%
  • Direction: Up
  • Size: 8px
  •  Angel: -90 degree
  • Gloss Contour: Cove Shallow
  • Highlight Mode: Screen
  • Opacity for Highlight Mode: 34%
  • Shadow Mode: Multiply
  • Opacity for Shadow Mode: 42%
How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

After you apply the layer style you should come up like this, a crack design with some depth, and we’re done guys. 

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

FINAL RESULT

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Check Out the Other Color for this Tutorial

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

Do you want to download this tutorial? If yes, like our page (iAPDesign Facebook Fan Page) if you already like our page then

Codecanyon - PHP,JS,JAVA AND .NET Themeforest - Site Templates, Web and CMS Themes

About Anthony Pillos

I am Anthony Pillos 22 years old from Philippines. I'm the founder of iapdesign website. I am working as a web developer/web designer. This is my life and my passion.

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Close
Please support the site
By clicking any of these buttons you help our site to get better

Twitter

Facebook

Google+