Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: Signature Tutorial Thread

[Falls]

Thank you =)

[oat]

Thank you =)

O#O Your welcome :3

[Zish]

Thank you for the tutorial, I didn't know how to do it that way... I was doing it another, but this way is much better. ^^;

[oat]

Thank you for the tutorial, I didn't know how to do it that way... I was doing it another, but this way is much better. ^^;

Yay! Im useful!

[Erwin Smith]

Casually going to bring up another method on figuring out where you can find a foreground and ackground in an image, with link to Of The Fall's tutorial on it.
If you have a shape that is complicated and has different distances, this is for you.

Actually I can see them now aha nvm ignore me. But I get it.

I think Roxy in my Sig is close to on point. I like the way her hand looks like it's about to clutch the bar over her hand. On the other dude, though, I see the problem.

I agree. Your Roxy is very on-point.
With image weaving, it is possible to make it so a specific part of the weave is not weaved.
It's a matter of perspective, what image is close and what image is far away.
If I may, Can I explain this using your Roxy image as a visual aid?
It's complicated enough for perspective to be a little bit difficult to show.

Sure!
I might edit it later and fix the back part.

I only got back to this now because I have been kinda busy.
So I am going to explain this in general here to make sure it all works out.
When weaving, you need to figure out where the fore and background are.
It helps to have a general idea of landscape. As mentioned, with complicated shapes, this is hard to do if you do not have a basic knowledge of image perspective. An example of this is with the image I am going to use, with permission, to edit.

The best way of doing this is by looking at it from an aerial POV. Aka Bird Point of view.

This is what the image would look like 2D and with no weaving. The roxy image is on top of everything.
So if we were to see what you have done to it from a bird eyes view, you may think it looks like this:

Unfortunately, that is not the case. That would be acceptable to have it like that, but it doesn't work as well. Instead, you have this:

This is what it looks like. You can't draw it from a birds eye view. It doesn't flow or make sense.
So you can always partial weave, which means the line doesn't go the whole way through. Which is fine if you can disguise it.
To do this, simply erase part of the image so it doesn't flow over it.
For this, I can see doing two things here:

I went ahead and re-edited the gif where it has "or this" on it.
And this is the result:

The finger is in front of the purple pole so it looks like she is grabbing it, and the hood thing flows through without overlapping and it looks 3D. I erased part of the line so this 3d-er effect can take place.

As you can see, I cannot draw for the love of me.
But that is the basic idea of Weaving with harder images and with use of the bird eye view effect.
It is good to get a birds eye view of where the picture is shaped so you can work it out from there. :)
I hope this helps people. It is a little late yes, but better late than never *Unless this was already done*

Key Words:
Weaving
Image Manipulation

[Ackerm0an]

I found a websight that might be useful..
http://www.picmonkey.com

It's great to use if you want to put text on it and arrange anyway you like. It also can be good for people who want a good sig but don't know how to code you can just enter the c.s sig size and make it transparent and away you go.

[Falls]

I found a websight that might be useful..
http://www.picmonkey.com

It's great to use if you want to put text on it and arrange anyway you like. It also can be good for people who want a good sig but don't know how to code you can just enter the c.s sig size and make it transparent and away you go.

That's already on the front page.

[Ackerm0an]

I found a websight that might be useful..
http://www.picmonkey.com

It's great to use if you want to put text on it and arrange anyway you like. It also can be good for people who want a good sig but don't know how to code you can just enter the c.s sig size and make it transparent and away you go.

That's already on the front page.

Oh sorry

[lofiii]

This thread is for any coding help, not just signatures, right?

'cause I need a bit of help with coding my character's form ;w;

Code: Select all

[left][quote][size=85][u][b]Tʜᴇ Bᴀsɪᴄs[/b][/u]
[i]Nᴀᴍᴇ﹕﹕﹕[/i] Ashton

[i]Mᴇᴀɴɪɴɢ﹕﹕﹕[/i] Ashton is a given
name derived from an English
surname derived from a place
name meaning "ash tree town."
The name is in use for both boys
and girls in the United States,
though it is more popular for boys.

[i]Pʀᴏɴᴜɴᴄɪᴀᴛɪᴏɴ﹕﹕﹕[/i] ah-sh-ton

[i]Nɪᴄᴋɴᴀᴍᴇ﹕﹕﹕[/i] Ash

[i]Gᴇɴᴅᴇʀ﹕﹕﹕[/i] Female ♀

[i]Sɪᴢᴇ﹕﹕﹕[/i] 7.4.96 at shoulder

[i]Sᴘᴇᴄɪᴇs/ʙʀᴇᴇᴅ﹕﹕﹕[/i] Mutt

[i]Pᴇʀsᴏɴᴀʟɪᴛʏ﹕﹕﹕
● adventurous
● funny
● silly
● stubborn
● quirky
[/i][/size][/quote][/left][left][size=85][quote][color=transparent]xxxx[/color][b][u]Lɪᴋᴇs[/u][/b]
[b]✓[/b] pillows
[b]✓[/b] sleep
[b]✓[/b] stars
[b]✓[/b] fries
[b]✓[/b] mountains
[b]✓[/b] sunshine
[b]✓[/b] snow
[b]✓[/b] grass
[b]✓[/b] playing[/quote][/size][/left][center][size=200]Asʜᴛᴏɴ; ᴍʏ ғᴜʀsᴏɴᴀ[/size]
[size=130][color=#FFFAF4]✘[/color] [color=#F6F3EE]✘[/color] [color=#C8B29D]✘[/color] [color=#E3C9BA]✘[/color] [color=#A9F1FF]✘[/color] [color=#5F414B]✘[/color][/size][/center]
[left][list][size=110][color=#FFFAF4]✘[/color]
[color=#F6F3EE]✘[/color]
[color=#C8B29D]✘[/color]
[color=#E3C9BA]✘[/color]
[color=#A9F1FF]✘[/color]
[color=#5F414B]✘[/color][/size][/list][/left][url=http://i.imgur.com/uYkVbw3.jpg][center][img]http://i.imgur.com/OqJ0Lz7.jpg?1[/img][/url] [right][list][size=110][color=#FFFAF4]✘[/color]
[color=#F6F3EE]✘[/color]
[color=#C8B29D]✘[/color]
[color=#E3C9BA]✘[/color]
[color=#A9F1FF]✘[/color]
[color=#5F414B]✘[/color][/size][/list][/right][/center]
[left][quote][size=85][color=transparent]xxx[/color][b][u]Dɪsʟɪᴋᴇs[/u][/b]
✘ humidity
✘ working
✘ school
✘ being still
✘ paper
✘ thunder
✘ lightening
✘ losing
✘ bullies[/size][/quote][/left][center][size=85][left][quote][b][u]Aʀᴛᴡᴏʀᴋ[/u][/b]

[b][21 in total][/b]

[b]Refs:[/b]
[url=http://i.imgur.com/uYkVbw3.jpg]ref[/url]; fallinqstar [url=http://fallinqstar.deviantart.com/]●[/url]

[b]High Quality:[/b]
[url=http://i.imgur.com/RDKxVgj.png]Ashton and Friends[/url]; Marvei [url=http://schuis.deviantart.com/]●[/url]
[url=http://fc02.deviantart.net/fs71/f/2014/213/8/1/1_by_marvei-d7t7b6a.png]Individual[/url]; Marvei [url=http://schuis.deviantart.com/]●[/url]
[url=http://i.imgur.com/iNiOxpX.png]Ahston and Friends [winter][/url]; isa-sensai [url=http://isa-sensei.deviantart.com/]●[/url]
[url=http://i.imgur.com/C9xtCZX.png]Floating[/url]; MrBoodle [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=644571]●[/url]

[b]Pixels:[/b]
[url=http://i.imgur.com/MfJi5Zo.png]Yoo[/url]; Bootypyro [url=http://doiarhyde.deviantart.com/]●[/url]
[url=http://i.imgur.com/KHDvZh7.png]Chillin'[/url]; mai-mai-mari/sixbane [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://i.imgur.com/JBNYENx.png]Tiny Pixel[/url]; mai-mai-mari [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://i.imgur.com/oSKwqOF.png]Big Pixel[/url]; MrBoodle [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=644571]●[/url]
[url=http://i.imgur.com/fCWKfoe.png]Medium Pixel[/url]; Nyra [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=246250]●[/url]
[url=http://i.imgur.com/0jrYISi.png]Laying Down[/url]; Propwashforever [url=http://propwashforever.deviantart.com/]●[/url]
[url=http://i.imgur.com/qzwZLYv.png]Standing[/url]; Propwashforever [url=http://propwashforever.deviantart.com/]●[/url]
[url=http://fc06.deviantart.net/fs71/f/2014/231/c/1/pixel___fallinqstar_by_dismalossuary-d7vwjqu.png]Hey[/url]; DismalOssuary [url=http://dismalossuary.deviantart.com/]●[/url]

[b]Chibi:[/b]
[url=http://i.imgur.com/2c3OrYt.png]Big Eye[/url]; mai-mai-mari/sixbane [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://fc05.deviantart.net/fs71/f/2014/203/7/c/i_dunno__anymore_by_fallinqstar-d7rvqo1.png]More like Bolt[/url]; fallinqstar [url=http://fallinqstar.deviantart.com/]●[/url]
[url=http://i966.photobucket.com/albums/ae142/ingenius/ashton.png]Fat[/url]; tienchris [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=698171]●[/url]

[b]Fullbodies:[/b]
[url=http://i.imgur.com/iKcfwhj.png]Sunrise[/url]; mai-mai-mari/sixbane [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://i.imgur.com/JYAc1la.png]Yo I actually am a girl[/url]; Viral-prince [url=http://viral-prince.deviantart.com/]●[/url]

[b]Page Dolls:[/b]
[url=http://i.imgur.com/5R60Pc4.png]Top o' the World[/url]; mai-mai-mari/sixbane [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://i.imgur.com/T2xaD5T.png]Hopping[/url]; mai-mai-mari/sixbane [url=http://sixbane.deviantart.com/]●[/url][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=581047]●[/url]
[url=http://i.imgur.com/znmydM3.png]Page Doll[/url]; PinkPoodle543 [url=http://pinkpoodle543.deviantart.com/]●[/url]


pm me if you'd like to make art ^^[/quote][/size][/center] [size=95][right][/left][quote][b][u]Hᴇx Cᴏᴅᴇs[/u][/b]
#FFFAF4 [b][color=#FFFAF4]●[/color][/b]

#F6F3EE [b][color=#F6F3EE]●[/color][/b]

#C8B29D [b][color=#C8B29D]●[/color][/b]

#E3C9BA [b][color=#E3C9BA]●[/color][/b]

#A9F1FF[b][color=#A9F1FF]●[/color][/b]

#5F414B[b][color=#5F414B]●[/color][/b]

I don't think these hex
codes are completely
correct, so when doing
art of Ashton you can
find the codes yourself c:[/quote][/right][/size]

^^my crazy coding^^

I'm trying to get quotes like the center one with the art types in it onto the sides. Basically two quotes with the same size font and stuff on the sides of the main art quote to take up that space with 'fake pets' and 'headshots'. And then I'm trying to use a tiny pixel art to squeeze into that blank space on the left where a quote won't be able to fill up space.

trying to make it look like this~

thanks c:

[agile]

◤xxxxxxxxxxxxxxxxxxxxxxxxx◥
[ sig credit ]
text text text text text text text
text text text text text text text
text text text text text text text
✖ ✖ ✖
◣xxxxxxxxxxxxxxxxxxxxxxxxx◢

Heyyy! Finally finished my sig for a comp. What do you guys think?