Welcome to Dark Wealth! | Register or Sign In!

Welcome to Dark Wealth : The #1 Internet Marketing Forum on The Planet! - You need to Register to View & Contribute on DarkWealth!

Post Reply 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[TUT]Fire Effect Signature
02-06-2014, 02:12 PM (This post was last modified: 02-06-2014 02:12 PM by ayzal09.)
Post: #1
[TUT]Fire Effect Signature
First of all, this tutorial is not mine. So i take no credits to this.
I just want to share because this sig is cool and i already used this method.
So thank JaspervD. of Sigtutorials and credits goes to him Big Grin

What you need:
  • A render that fits the style of the signature which is the fire effect signature ofcourse. A character from a cartoon or anime that has a gun or sword looks better. Smile
  • An X-brush. Get it here


--The Background
Create an empty canvas, (size will depend on what you like)
For example this one, it is 310 px by 110 px.
[Image: 2.jpg]

Now select your paint bucket (G) and fill your canvas with black. After that you are going to add a radial gradient. Select the Gradient tool (G) (its hidden under the paint bucket tool) and now select the radial gradient option.
[Image: radial1.jpg]

After you have selected the radial gradient option (1) click on (2) to create your own gradient! Now you will be able to choose one of the default gradients that come with photoshop, but you can also create your own gradient, which is what we will be doing.
[Image: radial2.jpg]

You can use the pointers I marked with red to create your own gradient, click on the pointers allows you to change the colors. You can also add more pointers by simply clicking somewhere on the gradient. Now add your radial gradient onto your canvas. Place it where you want your render to be. To add the radial gradient you will need to define 2 points using your mouse. To do this click somewhere on your canvas to define the center of your gradient. Now drag with your mouse and release it somewhere to define the second point. The distance between your 2 points is the radius of your gradient.
[Image: 31.jpg]
(your gradient probably looks a lot smoother, because the picture above is saved in low quality)

--Creating The Fire Effect
Ok now we have our background done its time to add in our render. Add your render and duplicate it 3 times (right click on the layer > duplicate), hide all render layers but one (to do this click on the little eye icon in front of the layer). You should now have 4 layers with your render on it, 3 are hidden from view, and 1 is still visible.
[Image: 4.jpg]

-The First Effect
For our first effects we are going to do a radial blur on the only visible render layer. Go to Filter > Blur > Radial Blur.
[Image: 14.jpg]

Do another radial blur on the same layer if you want. When you are happy with your radial blur sharpen this layer (Filter > Render > Sharpen)
[Image: 5.jpg]

-The Second Effect
Now make one of your other hidden render layers visible, we are going to add a different effect to this one! Open the Smudge Tool and select the X brush (you can download it at the start of the tutorial). In the brush manager, use the following smudge settings:
[Image: 15.jpg]

Now smudge your render and set that layer to linear dodge.
[Image: 6.jpg]

-The Third Effect
Make another render layer visible, time to add some nice effects to this layer as well! Ripple your render by going to Filter > Disort > Ripple.
[Image: 16.jpg]

If you don’t like your result, ripple your render a couple of times until you think it looks good, now set the blending mode of this layer to color dodge.
[Image: 7.jpg]

-Add The Main Render Now
Now make your last render layer visible, this will be our render so we won’t add effects to this one, just leave it like this.
[Image: 8.jpg]

As you can see it is beginning to look good already, but the render stands out a bit to much from the background. It doesn’t look like its part of the background yet. To fix this lets give the render some “glow” to blend in with the background. Create a new layer (ctrl+N) and go to (Image > Apply Image) now go to (Filter > Blur > Gaussian Blur) and use 3px as your setting. Set the blending mode of this layer to Lighten. As you can see the render now matches the background effects!
[Image: 9.jpg]

2nd Part--

-Add Some Flows
Our signature is beginning to look pretty good, so lets continue. Create a new layer and on add some white rectangles on it using the marquee tool (first make a selection than fill it with the paint bucket tool).
[Image: 11.jpg]

Now rotate these rectangles by going to edit > transform > rotate.
[Image: 12.jpg]

Go to Filter > Blur > Motion Blur.
[Image: 18.jpg]

Now move this layer around untill its on a position where you like it. Set the blending mode of this layer to overlay, or any of the other blending modes. Just try one that looks good!
[Image: 13.jpg]

Duplicate this layer and use a polar disort filter. (Filter > Disort > Polar Coordinates > Rectangular to polar) Place it near the other layer.
[Image: 19.jpg]

-Finishing the work!
The signature is now almost finished, all we need to do is add a border and some text! For the text I used standard windows font, just pick one you like yourself. Verdana or arial always looks good! I picked a color that matches my signature, and placed it on the left to fill the empty space.

Try to make your text easy to read, so don’t make it really small and hide it in a corner! You will also need to make sure that you don’t make the text to big, if its to big it is really distracting and drawing away focus from your render and the cool effects.
[Image: 20.jpg]

The bottom left part of the signature is a bit empty, so lets add something really simple to fill up the empty canvas! On a new layer select the marquee tool and while holding shift, make a small square. Now use your eyedropper tool to select a color from your signature and fill your selection with this. Now duplicate this square 3 times, and after that change the colors. Here is my result:
[Image: 21.jpg]

To create a border make a new layer (ctrl+N) and than select the entire canvas using ctrl+A. Now go to edit > stroke and use 1px and a color that matches your signature. Click ok and you should have a really simple but great looking border around your signature!

Here is the final result:
[Image: result.jpg]

Enjoy! Blush

[Image: ldl1dl8.png]
Find all posts by this user
Quote this message in a reply

Post Reply 

Possibly Related Threads...
Thread Author Replies Views Last Post
  [HOT] 3D GLITCH SIGNATURE TUTORIAL [HOT] Drake 5 258 01-06-2017 05:41 AM
Last Post: KdB
Thumbs Up [TUT] Animated Shine Effect Ghost# 7 169 11-07-2016 01:44 PM
Last Post: Friedbao
  Bigak/Itsmezack Tutorial "Create a binary text effect" Itsmezack 0 77 05-18-2013 07:01 PM
Last Post: Itsmezack

Forum Jump:

User(s) browsing this thread: 1 Guest(s)