Startear Posted November 22, 2016 Share Posted November 22, 2016 (edited) ~ 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 VicenteCr, skyjuju, LiquidFrost and 19 others 22 Link to comment
Alchemical Posted November 22, 2016 Share Posted November 22, 2016 I love the guide, it's marvelous. Startear 1 Link to comment
Mookynesis Posted November 22, 2016 Share Posted November 22, 2016 Nice guide @Startear gonna try it out later. Startear 1 Link to comment
AlitoFernando Posted November 22, 2016 Share Posted November 22, 2016 (edited) 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 FinnTheMember, Startear and Mookynesis 3 Link to comment
Startear Posted November 22, 2016 Author Share Posted November 22, 2016 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^ AlitoFernando 1 Link to comment
Alchemical Posted November 22, 2016 Share Posted November 22, 2016 Do you think you could do a tutorial on animated ones next? Thanks! Link to comment
Startear Posted November 22, 2016 Author Share Posted November 22, 2016 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 :) Alchemical and Mookynesis 2 Link to comment
InfiniteHeartz Posted November 22, 2016 Share Posted November 22, 2016 (edited) 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 Link to comment
Heimann Posted November 22, 2016 Share Posted November 22, 2016 Not to be a negative nancy, but you are just teaching people to throw text on a stock background and do 0 editing? Gilan, Draekyn and BadBones 3 Link to comment
xSwitchy Posted November 23, 2016 Share Posted November 23, 2016 (edited) I prefer when you are making them by yourself. :) Edited November 23, 2016 by xSwitchy Startear 1 Link to comment
BRAAAD Posted November 23, 2016 Share Posted November 23, 2016 I prefer Photoshop, but this is really nice, good job Tackle and Startear 2 Link to comment
Tackle Posted November 23, 2016 Share Posted November 23, 2016 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 :) Staggiie, Alchemical and Startear 3 Link to comment
SodaNaranja Posted November 23, 2016 Share Posted November 23, 2016 Thanks a lot o/ Startear 1 Link to comment
Maelstrom Posted November 23, 2016 Share Posted November 23, 2016 That's a really nice tutorial! I just would use SAI to edit my images instead... Alchemical and Startear 2 Link to comment
Talysia Posted November 28, 2016 Share Posted November 28, 2016 (edited) Thanks a lot Startear ! Edited November 28, 2016 by Talysia Startear 1 Link to comment
Ryuseikai Posted September 14, 2017 Share Posted September 14, 2017 (edited) Thank you! Edited September 14, 2017 by Ryuseikai Link to comment
Ryuseikai Posted September 15, 2017 Share Posted September 15, 2017 (edited) i just started making one, idk if you will like this but its okay if you don't. Edited September 15, 2017 by Ryuseikai Startear and ImNotLeJohn 1 1 Link to comment
shdowspryte Posted July 12, 2019 Share Posted July 12, 2019 (edited) 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 Link to comment
DemonBone Posted January 11, 2020 Share Posted January 11, 2020 @Startear how to u lower the gif to 1.95mb? my gif is 2.8 rn Link to comment
MetaDK Posted July 3, 2020 Share Posted July 3, 2020 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; Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now