Jump to content

Recommended Posts

Posted

hello guys . before i was a desinger i left desinge for some reasons .maybe some of you know me as well some not.  so i will

make this tutorial for beginners.

How to make your own badass forum signature in under 20 minute with no requirements and NO DOWNLOAD NEEDED!

This is genuinely my method, you can use some animated text generator from google but here we are going to create our animation piece by piece and colors (Image by image, as an animation is the playing of a bunch of images in loop.)

qEzPrtK.gif

hPE56hz.gif

5i3KXUF.gif

Making your own signature piece by piece with all the needed resources online.

In this example I'm going to use the "Online Text effect" http://www.picturetopeople.org/text_...r_catalog.html

Choose what you like, here I will choose: Green Metal Text Logo Generators

P.S: You can use this same website to generate Text/3D text logos http://www.picturetopeople.org/ but here we are going to make an ANIMATED SIGNATURE using the website resources. Of course you can stick to those generated logo

a8jzEPq.png

Click it.

So here is what is going to happen, I'm going to choose all the images that I will put in my signature (all at once) to make a nice looking gif.

Just open in new tab anything that you want. in this example I chose this:

dBy14Jk.png


And this:

gRCrUKX.png

and this:

PJ2wC3y.png


and finally these:

HXGH2OY.png

NOTE: Pick as much as you want, that's the best thing to do as it will help you for the next stage.


Now fill the configuration: Choose carefully and put the same configuration to all the other styles you chose, same text font and and size and 00000 for a black background (best thing).

yXjAu8W.png

Hit

Now that I have done the same configuration to all 5 styles I know have 5 good looking pictures with a good looking text effect 

Now we will make the GIF:

Head over here: http://ezgif.com/maker

Upload all your images at once (Trick: Hold CTRL and select each one of them)

Enjoy editing:

qedSw8e.png

First results (Common mistakes)
The animation need to be smooth, and images shouldn't break the smoothness of the animation that is why you can see some of my images greyed out as I disabled them while editing and testing. Make sure to move images in the right order according to the animation you want.

5i3KXUF.gif

You can clearly see that the Light green Text image is interrupting the animation (the red liquid somehow flowing inside the text)

Mistakes: Wrong order or bad image order, usually people use this 1 2 3 ( the loop will go from 1 to 2 to 3 to 1 again breaking the animation flow)

Fix: Use the following order: Image 1 - Image 2 - Image 3 - Image 2 (as a loop, it will restart at image 1,don't put image 1 at the end otherwise it will take double time. Should be like this: 1 2 3 2 1 2 3 2 ... (not 1 2 3 1 2 3)

Depends on what do you want to see. And how often do you want to see it.

ORDER OF IMAGES AFFECT THE ANIMATION!

DON'T WANT TO MAKE YOUR ANIMATION ? LAZY ?
Head over here to use this awesome Text logo maker:
http://www.picturetopeople.org/onlin...enerators.html


Thank you for reading!

  • Tutorial by: Blackfire
  • with All Respect ?‍? Black;

 

  • Like 1
Guest
This topic is now closed to further replies.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.