Pages:
Author

Topic: How to Become Signature Master in 12 Hours. I did it, so can you. - page 2. (Read 1059 times)

member
Activity: 106
Merit: 39
I forgot to mention one trick I invented that I have not seen in signatures:

Funky Nested Glow Highlights. 
It turns out you can do half highlights, nested highlights in BBCode.  The highlight and the text inside of it have a property tag called: SIZE
You can set the size of the highlight and the text separate.  Once you set different sizes, you will get all kinds of highlight options.

Here is an example of a simple Highlight Glow:
.Road To Russia For My Soccer Country.

Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Road To Russia For My Soccer Country[color=transparent].[/glow][/size]

Easy, but now look what happens to the word Russia if we break it letter by letter and apply separate highlight to each letter:
.R..U..S..S..I..A.

Code:
[size=24pt][glow=navy,2][color=transparent].[color=#fff]R[color=transparent].[/glow][/size]
[size=24pt][glow=red,2][color=transparent].[color=#fff]U[color=transparent].[/glow][/size]
[size=24pt][glow=white,2][color=transparent].[color=red]S[color=transparent].[/glow][/size]
[size=24pt][glow=navy,2][color=transparent].[color=#fff]S[color=transparent].[/glow][/size]
[size=24pt][glow=red,2][color=transparent].[color=#fff]I[color=transparent].[/glow][/size]
[size=24pt][glow=white,2][color=transparent].[color=red]A[color=transparent].[/glow][/size]

Now let's replace the word Russia in the first GLOW with our Letter by Letter Glow

.Road To .R..U..S..S..I..A. For My Soccer Country.

Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Road To [size=24pt][glow=navy,2][color=transparent].[color=#fff]R[color=transparent].[/glow][/size][size=24pt][glow=red,2][color=transparent].[color=#fff]U[color=transparent].[/glow][/size][size=24pt][glow=white,2][color=transparent].[color=red]S[color=transparent].[/glow][/size][size=24pt][glow=navy,2][color=transparent].[color=#fff]S[color=transparent].[/glow][/size][size=24pt][glow=red,2][color=transparent].[color=#fff]I[color=transparent].[/glow][/size][size=24pt][glow=white,2][color=transparent].[color=red]A[color=transparent].[/glow][/size] For My Soccer Country[color=transparent].[/glow][/size]

All I did was replaced the word Russia with other BBCode letter by letter.



Now, this is the trick I wanted to show you:  Hightlight bottom or top of the word

.Soccer World CUP.

Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Soccer World CUP[color=transparent].[/glow][/size]


Now we take the word World and create a separate highlight for it with smaller highlight size (7 as oppose to 19), but keeping the text at 19:
.World.

Code:
[size=7pt][glow=blue,2][color=transparent].[color=red][size=19pt]World[/size][color=transparent].[/glow][/size]


Now let's replace the ward World with our new World in the example above:
.Soccer .World. CUP.

Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Soccer [size=7pt][glow=blue,2][color=transparent].[color=red][size=19pt]World[/size][color=transparent].[/glow][/size] CUP[color=transparent].[/glow][/size]



Letter Funky Glow Highlight Example:
.Blockchain .S. tarted. Signature. Madness.

Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Blockchain [size=25pt][glow=red,2][color=transparent].[color=#fff][size=19pt]S[/size][color=transparent].[/glow][/size] tarted[size=7pt][glow=red,2][color=transparent].[color=#fff][size=19pt] Signature[/size][color=transparent].[/glow][/size] Madness[color=transparent].[/glow][/size]


Single Letter Funky Glow Highlight Example:
.S.ome funky Glows

Code:
[size=12pt][glow=red,2][color=transparent].[color=teal][size=29pt]S[/size][color=transparent].[/glow][/size]ome funky Glows



You can let your imagination go.
full member
Activity: 1232
Merit: 186
Initially, I was fascinated with all this Signature Design and I did try to learn it and read ROSLINPL tutorials. But I guess, its not for everyone so I totally give up, because I believed that to be an expert, you need to spend countless hours. But seeing your tips and tricks and can be a master is 12 hours is really amazing. I think if someone really wanted to be a signature designer, everyone should read your thread. Thank your for sharing.
yeah agree to this, let the works of signature design for certain people, we as a signature user just wear it.
Actually this is an additional knowledge for us and maybe we can apply this skill for future use, who knows? But it's your own opinion so I respect it if you don't care too much about this stuff Smiley.
But i'm curious did all the signature on this forum is designated by their manager/project itself, or they pay someone to do the works?
I don't think so, as far as I know not all campaign managers don't know how to create a signature for their clients. Probably a particular ICO already have a signature before passing it into the campaign manager or they buy from people who provides this kind of service (like this: https://bitcointalksearch.org/topic/service-zpectrum-signature-design-50-in-btc-2363907), I'm not so sure anyway.


@OP ~ I really want to learn this so thanks for a short and yet informative tutorial, I'll definitely use this as my reference to my study. i hope next time you will include tutorials abaout creating moving logos on the signature or changing of colors when pointed by the cursor or a signature that will direct to the website if clicked. Great job! Smiley
member
Activity: 106
Merit: 39
Initially, I was fascinated with all this Signature Design and I did try to learn it and read ROSLINPL tutorials. But I guess, its not for everyone so I totally give up, because I believed that to be an expert, you need to spend countless hours. But seeing your tips and tricks and can be a master is 12 hours is really amazing. I think if someone really wanted to be a signature designer, everyone should read your thread. Thank your for sharing.

Yes, that was my initial reaction at first, but once I got over it, it went fast.  When you look at it, it looks and feels complicated, but once you break it down into parts it's easy.

I will soon do a signature "together" here step by step and everyone will be able to reuse it for their own.


^ To answer your question about who creates signatures.  They are mostly paid for with some high prices these days.
sr. member
Activity: 770
Merit: 298
tozex.io
Initially, I was fascinated with all this Signature Design and I did try to learn it and read ROSLINPL tutorials. But I guess, its not for everyone so I totally give up, because I believed that to be an expert, you need to spend countless hours. But seeing your tips and tricks and can be a master is 12 hours is really amazing. I think if someone really wanted to be a signature designer, everyone should read your thread. Thank your for sharing.
yeah agree to this, let the works of signature design for certain people, we as a signature user just wear it.
But i'm curious did all the signature on this forum is designated by their manager/project itself, or they pay someone to do the works?
jr. member
Activity: 229
Merit: 3
EndChain - Complete Logistical Solution
That is a very nice tutorial. I will study this, I hope to have the knowledge to make signatures soon.
legendary
Activity: 3080
Merit: 1353
Initially, I was fascinated with all this Signature Design and I did try to learn it and read ROSLINPL tutorials. But I guess, its not for everyone so I totally give up, because I believed that to be an expert, you need to spend countless hours. But seeing your tips and tricks and can be a master is 12 hours is really amazing. I think if someone really wanted to be a signature designer, everyone should read your thread. Thank your for sharing.
member
Activity: 106
Merit: 39
^ You did not read my post, did you?

Quote
1.  I read this post by ROSLINPL : https://bitcointalksearch.org/topic/learn-bbcode-lessons-tutorials-tutorial-videos-1727100
That post is all you need to start.  I will add to his post and show you my tricks of doing it.
sr. member
Activity: 434
Merit: 436
member
Activity: 106
Merit: 39
Hi Everyone,

I noticed most of you talk about months when it comes to creating forum Signatures.  I was able to create 5 signatures for our project in exactly 12 hours.
Since it takes so much time for some of you to create signatures, I decided to share what I learned about Signatures, Forum's BBCode, and motivate you.  
After 12 hours it will not be perfect but good enough.  If you spent more time to create icons out of BLOCKS it will be perfect.

In order not to spam I will show you our Hero and Full Member Signature only.


Hero/Legendary


Full Member

░░░░░░░░░░░░░░░░░░░░░░░░ ⍟⍟⍟  ONASANDER  ⍟⍟⍟ ░░░░░░░░░░░░░░░░░░░░░░░░
First Decentralized Investment Bank on Blockchain  ⋙ ⌚ Sale Starts: July 22th
❤️ Telegram Facebook Twitter Website ANN Thread BOUNTY AIRDROP Reddit ❤️

Tools you need:
1.  Notepad
2.  This forum Preview Window
3.  Grid paper



Here Is How I Have Learned It In 12 Hours:


1.  I read this post by ROSLINPL : https://bitcointalksearch.org/topic/learn-bbcode-lessons-tutorials-tutorial-videos-1727100
That post is all you need to start.  I will add to his post and show you my tricks of doing it.



2.  Learn the basic building blocks (characters). To be exact: Unicode Characters
FULL BLOCK: █
UPPER HALF BLOCK: ▀
LOWER HALF BLOCK: ▄
LEFT HALF BLOCK: ▌
RIGHT HALF BLOCK: ▐
LIGHT SHADE: ░:
MEDIUM SHADE:▒
BLACK RECTANGLE: ▬
LOWER ONE QUARTER BLOCK:▂
LOWER THREE EIGHTHS BLOCK:▃
LOWER FIVE EIGHTHS BLOCK:▅
LOWER THREE QUARTERS BLOCK:▆

These characters are part of a bigger set called: Box Drawing Characters
https://en.wikipedia.org/wiki/Box-drawing_character


3.  Learn the advanced buildings blocks (characters).  This is the part that everyone missed.  There are more characters you can use besides the basic blocks.
You can find them on Wikipedia.  Just make sure to test your code in different browsers/platforms in order to see if they form correctly:

https://en.wikipedia.org/wiki/List_of_Unicode_characters




Once you know where to find your characters and play with them, you will become a BBCODE




4.  Draw your desired image on gird paper.  From the grid paper you will be able to see if it will work out in BBCode forum or not.  
Perfect for this is this website: http://tommaitland.net/graphpaper/
You can change the LINE WIDTH to 10 there and test your image.






5.  User online character counter in order to make the 4000 limit:
http://www.charactercountonline.com/




6.  This is how you make Background Glows:
Code:
[size=19pt][glow=teal,2][color=transparent].[color=#fff]Blockchain Started Signature Madness[color=transparent].[/glow][/size]

.Blockchain Started Signature Madness.




7.  This is how you make sections:
















It's nothing more than few FULL Blocks one on top of the other.

Code:
[color=blue][size=2pt]








[/size][/color]




8.  This is how you make small links

Twitter
Facebook
Reddit
GitHub


Code:
[size=7pt][color=teal]▶ [url=https://twitter.com/OnasanderICO][color=#023a7c][b]Twitter[/b][/url]
[color=teal]▶ [url=https://www.facebook.com/OnasanderICO][color=#023a7c][b]Facebook[/b][/url]
[color=teal]▶ [url=https://www.reddit.com/user/OnasanderICO][color=#023a7c][b]Reddit[/b][/url]
[color=teal]▶ [url=https://github.com/onasander][color=#023a7c][b]GitHub[/b][/url][/color][/size]


9.  Building

                              ▃▅█▅▃
                    ▂▃▅▆██████▆▅▃▂
                ██████████████████████
            ██████████████████████████
              ████████████████████████
              ███████████████████
              ███████████████████
              ███████████████████
              ███████████████████
              ███████████████████
              ███████████████████
              ███████████████████
            ██████▒▒▒▒▒▒▒▒▒▒▒▒▒███████


Code:
[color=#f1f2f4][size=2pt]
                              [color=#000]▃▅█▅▃[/color]
                    [color=#000]▂▃▅▆██████▆▅▃▂[/color]
                [color=#000]██████████████████████[/color]
            [color=#000]██████████████████████████[/color]
              [color=#000]████████████████████████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
              [color=#000]█████[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██[color=#fff]█[/color]██████[/color]
            [color=#000]██████▒▒▒▒▒▒▒▒▒▒▒▒▒███████[/color]
[/size]




10.  Hacks and Rules
1.  BBCode is forgiving sometimes.  Play with closing tags if you are over 4000 character limit. Remove closing tags and see what happens.  This works with SIZE and COLOR tags.
2.  Instead of adding white color, use space.
3.  Nest colors.  Use 1 outer color like in the Building example and then apply individual color.  Calculate which technique gives you less code at the end.
4.  Always test with SIZE pt2.  That way there will be no surprises.  
5.  Never use generators.
6.  Use Photoshop for color offsets if you need to do something creative.


11.  Some cool characters:

 ⌚








I hope it helps.  Feel free to ask more questions.  It honestly took my 12 hours to do this.  All you have to do is try.  I hope I motivated you enough.



Pages:
Jump to: