[Tutorial] Signature Guide by Startear . Added Way to Make Animated Signature ^w^

[Startear]

~ Hello Everyone , Im Startear :)

Anyone like to make Signature for yourself ?

Alright ! . It's easy and fast if you watched this tutorial .

 

 

 

♦ Step 1 : Download Background Image . Some Key Words to Search : Wallpaper , Scenery , Background , Abstract .

Note : You should choose Big Size Image to have A Good Quality Signature . 

Spoiler

♦ Step 2 : Download Main Character with Transparent ( Google Image > Search tools > Transparent )

Spoiler

♦ Step 3 : Access Befunky.com . It's A Design Website .

Upload Your Background Image .

Spoiler

♦ Step 4 : Resize Your Image to get Better Scenery , lol - [ You can skip this step ]

Spoiler

♦ Step 5 : Crop Your Image for 496x196 ( If you want make Signature 500x200 ) . We will be spared to make the frame .

Spoiler

♦ Step 6 : Add Layer ( Add your Main Character ) to Background Image . 

Spoiler

♦ Step 7 : Resize Your Character to fit with Background Image .

Spoiler

♦ Step 8 : We will Remove Unnecessary Things in Character Image 

Spoiler

♦ Step 9 : Add Text to Your Signature ^w^

Spoiler

♦ Step 10 : Choose Font , Size , Color of Your Text :) - [ Useless Step ]

Spoiler

 

♦ Step 11 : Add Frame Your Image

First . Save Your Signature and Open It Again ( It's important )

Choose Frames > Borders .

Choose Outer & Inner Thickness is 4 . Outer & Inner Color is Same .

Spoiler

♦ Step 12 : You Completed Your Signature \o/

Is it very Kawaii ? xD

 

 

 

 

 

♦ Step 1 : Download Animated Image . Choose Image - Type : " Animated " .

Spoiler

♦ Step 2 : Access http://www.online-image-editor.com/ . It's Useful to Edit File Gif ( Animated ) .

Upload your Animated Image ( .Gif ) 

Spoiler

♦ Step 3 : Is it Big ? " Crop " It ! Choose  Basics - Crop . Move Red Rectangle to Crop Your Image

If you add border for it . You should decrease a little for Width and Height . 

Spoiler

♦ Step 4 : If you want to add border for your image . Choose Basics - Add Border ( you can skip this step if you don't want a border )

You can choose Type , Width , Color for Border :)

Spoiler

♦ Step 4.5 : You don't like normal border ? There is an option to add another is Round Border ( Skip this step if you don't like a Round Border )

Choose Basics - Round Corners . Border Width should as same as Border Width of Step 4 .

Spoiler

Completed Animated Signature . If you want add a text for Animated Signature 

You should continue read util last step :)

♦ Step 5 : Open https://www.befunky.com/create/ 

You can use one of That Website or Any Image you had .

Spoiler

♦ Step 6 : Crop it become smaller ( My choice is 400x200 )

Spoiler

♦ Step 7 : Choose Background . After Choose Transparent ( This is Important One )

Spoiler

♦ Step 8 : Choose Add Text . You can choose Each Word to Edit .

- Scale : Size of Font

- Spacing : The Distance between each Letter

Spoiler

♦ Step 9 : Save It ! It will be used like Overlay .

Spoiler

♦ Step 10 : Come Back Main Website - Choose Wizards - Overlay Image . Open Your Overlay and Move it to suitable position

Spoiler

♦ Step 11 : Save It ! And Upload It for http://imgur.com/ . You completed Your Animated Signature . Congratulation ! ^^~

Spoiler

~ ♦ Result ♦ ~

How you think Animated Signature ? .

If you feeling like to make one for yourself ^w^ .

Let's Do That ! Itadakimasu ;) .

 

♦  Some Warning For Animated Signature  ♦

• Your Signature must be smaller 2 Mega Bytes ( It will become .vgif file If it's bigger 2 Mega Bytes . And It won't show on Forum [ Only Accept .Gif ] ) .
• Your Animated Image can't Resize because It will break your Animated .
• You can use An Animated Image as An Overlay .

 

► Some Tutorial In The Future ◄

• Theme .
• Signature Advanced .
• Music Mods .

 

♥ You feel like this tutorial ? Well , Im not good at English so this my best English xD .

Thank for Reading :"> .

 

Edited November 30, 2016 by Startear

[Alchemical]

I love the guide, it's marvelous.

[FinnTheMember]

[Mookynesis]

Nice guide @Startear gonna try it out later. 

[AlitoFernando]

I tried out your guide,i found it pretty cool,look at those signatures i have just done 

Spoiler

Arigato Startear-Chan !

Edited November 22, 2016 by AlitoFernando

[Startear]

Just now, AlitoFernando said:

I tried out your guide,i found it pretty cool,look at those signatures i have just done 

  Hide contents

Arigato Startear-Chan !

Good Job ^w^

[Alchemical]

Do you think you could do a tutorial on animated ones next?

Thanks!

[Startear]

Just now, Alchemical said:

Do you think you could do a tutorial on animated ones next?

Thanks!

Yeah I maybe make them for next time :)

 

[xSwitchy]

Cool.

[InfiniteHeartz]

7 hours ago, Startear said:

 

Im interested on Text Fonts. Anything u can suggest that are cute?

EDIT: List it for me thanks :3

Edited November 22, 2016 by InfiniteHeartz

[Heimann]

Not to be a negative nancy, but you are just teaching people to throw text on a stock background and do 0 editing?

[MaatthewMLG]

c

 

[xSwitchy]

I prefer when you are making them by yourself. :)

Edited November 23, 2016 by xSwitchy

[BRAAAD]

I prefer Photoshop, but this is really nice, good job

[Tackle]

good tutorial for some quick and easy signatures for beginners.but i think better use adobe photoshop or illustrator.. you can design and manipulate images more better on using that softwares.

 

but for me. i prefer to use GIMP because i think its more easier to use...and its free :)

[SodaNaranja]

Thanks a lot o/

 

[Maelstrom]

That's a really nice tutorial! 

I just would use SAI to edit my images instead...

[Talysia]

Thanks a lot Startear !

Edited November 28, 2016 by Talysia

[natsuto]

@DarylDixon

[Ryuseikai]

Thank you!

Edited September 14, 2017 by Ryuseikai

[Ryuseikai]

i just started making one, idk if you will like this but its okay if you don't.
 

Edited September 15, 2017 by Ryuseikai

[shdowspryte]

Can some edits be made here, because I feel like there is a crucial step missing, with all due respect of course!? 

 

I make art as a form of my living elsewhere, it's cool to see people editing all this art/concepts together for these rad signatures, but remember to LINK these images you guys are using. You went through all these steps, but after going through it twice I didn't even see you link the stuff you used in your tutorial (though I'm a knob and I might have skimmed by it). Obviously even if artists "don't like you using their content" like this, they can't expressly stop you every single time without "finding you" in the vast internet, then filing a DMCA which is more hassle than it's worth. Such is the way of the vast and powerful amalgamation that is "the internets" and they generally know that, however linking back to the sources you're using allows other people to appreciate it :"D. Especially if they want to, god forbid, follow the blog/user/tumblord/etc and possibly donate a dollar or two.

 

It may rustle a few jimmies, but a fair number of you charge for your efforts to make these signatures and slap them together, but not necessarily noting where you're getting all the content you're using which kinda bites the hand that feeds so to speak :"). It's kinda important and super worth supporting the folks that make the assets you're using. They're the kinda the type of folks makin the game we're all enjoying and it's worth making sure the art folks are finding is getting resourced and proper bumps like it deserves! No hate or anger, this is a great step by step, but it's equally important we like, hold each other up as art bros. 

 

Link sources, they are really important and pretty stuff is worth sharing. ESPECIALLY for a tutorial. 

Edited July 12, 2019 by shdowspryte

[DemonBone]

@Startear how to u lower the gif to 1.95mb? my gif is 2.8 rn

[ImNotLeJohn]

Noice

[MetaDK]

I can't seem to figure out HOW to add it to my signature. Where can I go to even edit my currently non-existing signature... D;