Sigx

We are the future in the past.
It is currently Fri Nov 16, 2018 5:14 pm

All times are UTC - 8 hours




Post new topic Reply to topic  [ 39 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: Cowboy Bebop Tutorial
PostPosted: Sat Apr 03, 2004 7:54 pm 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
Image

Cowboy Bebop / Spike Graphic theme, with tutorial.

Same tutorial can be read here, with currect background color.


------------------------------------------------------------------

Sigx is a dynamic signature that reads off your PC stats.

Image
This is the customized Sigx that I am using right now.

First ::
You have to get the client from the website, sigx.yuriy.net, here

Second ::
You have to have a domain and server to load the remote .php
So your server has to support .php and GD.
If you don't know whether or not your server supports either .php or GD, download the remote and try it anyways.

Here is the Remote ::
http://sigx.yuriy.net/remote/sigx.zip

Third ::
You have to have a registered account, since even though it's on your server, the PC stats are still reverted to that site. If you are better at .php than I am, you can possibly kill the middle man and display your PC stats some-how. I don't know how to do that, but here is the register page.

http://sigx.yuriy.net/register.php

Forth ::
After you register, open the account, open the client, and try the .php and is successful in both displaying the image and seeing your own PC stats, find out the area in which your pc-stats are displayed.

The best way is to open a Image editor of your choice and figuring out how much area you will need in the text area of your box, like :

Taking the example they give you at the site,
Image
I will take this and choose areas in which I will customize the signature with.

I open it in my image editor, and I choose the area in which my stats will be laid.
Image
I mark it by enclosing the area which I am comfortable with a black box.
You can choose how much cell padding you want, I just did it by eye, but for the perfect look you can do it by pixels. A 3x3 pixel padding might look good, but still give your text enough room to be noticeable.

Now, I take both boxes and make it un-mistaken-ably different from each other.
Image

Now you can take a theme, or make it your own art-work, nobody will really care either way. I choused a Shirow Masamune theme for the dynamic signature I am using now because of the rich color, and the perverted shading and lighting of the female anatomy in which both Satoshi Urushihara and Shirow Masamune are both known for.

But for this tutorial purposes, I will do a Cowboy Bebop theme, or something.
I will be using this image [Wallpaper].

I take it, I resize it to fit the size in which the signature asks for.
Since I am using a horribly larger picture than the signature, the quality should be good, since sizing down images make them look sharper, and visa versa when enlarging.

After I resize it and fit it, I will rotate it since I want spike to be on the left side looking the other way. I paste it as a new layer, put it where I want it and then I give it some opacity to show where the text box is. I cut out the text area, put opacity back to full and this is what I have so far

Image

Since the Sigx does not allow for transparent unless you take off true-color (which will make it look uglah), I will be just making the background match exactly with the signature post-bit background color of this forum. That color is #4C4D65 in Hex code.

Which this color selected in my pallet, I will cut it out to make it have a boxed transparent look, which is basically my style. The cell padding between the spike graphics and the text box will be 3x3 pixels. After I make some cell padding, I like to enclose the box with a 1pixle line, which o'course I will make black. After this process, this is what I have.

Image

This is too big, so I am going to kill off all the dead weight, and give my spike graphic a little less hold, so it will look like the text box is the main area, and spike graphic is just a buffer zone, or some kind of technical mumbo-jumbo.

Image

Which also makes it more forum friendly, and giving spike a little less hold gives it balance, since the right side, the side that is over the text box has less hold than the left side.

Now, just having a black box is boring for a text area. And this has potential for a graphics area, given that the graphics doesn't give off too much static which will make it harder to read the text.

To do this, I just will use the same wallpaper, just at a different size and a different part of the wallpaper. Cut out the area that you need (in this case, 380x69 pixels) and paste as new layer, hit the opacity down to blend with the black (or what-ever color you choose) to where the text will still be noticeable. Enclose it with a 1pixle line, if you choose, something that is not the color of the box next to it, if you choose. Thus I will choose white.

Image

Do some other cosmetic things that you choose, upload it on your server, change the variable in the sigx.php to go to the signature you made, or you could just save it as sigxmonster2.png and allow it to find it itself (like I have done).

Since you are hosting your own signature, you can edit the .php to the point of choosing your own font (As long as you have the truefont file on you server), text size, where the text is displayed, yada yada. Lets just say a lot of things.

The outcome ::
Image

----------------------------------------------------------------


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 7:58 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
really nice, im impressed. you forgot to mention you can place the text anywhere you want by giving it a X,Y coordinate.

_________________
Image

Image

Image


Last edited by yuriy on Sat Apr 03, 2004 8:05 pm, edited 1 time in total.

Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 8:02 pm 
Offline
Guard Dog

Joined: Wed Mar 24, 2004 7:03 pm
Posts: 178
Location: Ann Arbor Michigan U.S.A.
A tad bit more complicated than it should be.

But it is a very nice tutorial.

I would think it deserves to be pinned.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 8:08 pm 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
Quote:
where the text is displayed


It tis a tad bit more complicated than some might want, but since I was writing and doing it as I was going, I just kind of went with the flow.


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 8:09 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
im thinking of moving this to the Remote SigX or Contrib section.. cant deside

_________________
Image

Image

Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 8:34 pm 
Offline

Joined: Sat Mar 06, 2004 4:17 pm
Posts: 276
thanks for putting out the effort, though i don't see anything really impressive about the little tutorial.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 8:54 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
its pretty nice. and might help encourage others to try it.

_________________
Image

Image

Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 10:26 pm 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
I could also do some custom requests.
This signature, without the writing, only took about 3-4 minutes easy.

As long as I am given a decent sized picture and the needed color hex-code for the transparent effect, it would be a sinch.


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 10:37 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
maybe you can make some templates for people, without requests, just so they can use it if they liked it.


you kind of inspired me to do a sig.

it uses a counter mod, and a "your ip" mod.

and im trying to find a nice font to use... what font did you use?

http://sigx.yuriy.net/remote/ferrari/sigx.php

_________________
Image

Image

Image


Last edited by yuriy on Mon Mar 27, 2006 3:43 am, edited 2 times in total.

Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 10:57 pm 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
http://www.abcreated.com/sigx/04B_24__.TTF

Bitmap type, 04b_24.
It's best at size 6, thus the reason why I use it.


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 11:02 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
it looks really tiny on my ferrari sig. o well, maybe i'll go usefull for some other tiny sig.

how about i create a contest or something for best SigX designs. the winner will get a year free of sigx service.

_________________
Image

Image

Image


Last edited by yuriy on Sat Apr 03, 2004 11:07 pm, edited 2 times in total.

Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 11:04 pm 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
http://bitmapmania.m78.com has bitmap font types for different sizes.


Top
 Profile  
 
 Post subject:
PostPosted: Sat Apr 03, 2004 11:06 pm 
Offline

Joined: Mon Mar 15, 2004 1:48 pm
Posts: 1395
Location: Los Angeles
Anime_Bri wrote:
http://bitmapmania.m78.com has bitmap font types for different sizes.


thats really cool. ill have to remmber that one.

_________________
Image

Image

Image


Top
 Profile  
 
 Post subject:
PostPosted: Sun Apr 04, 2004 1:48 am 
Offline

Joined: Tue Mar 16, 2004 10:51 pm
Posts: 15
Alright here's a question for you... what on God's green Earth do I change to change the font of my SigX? O_o;


Top
 Profile  
 
 Post subject:
PostPosted: Sun Apr 04, 2004 9:10 am 
Offline

Joined: Thu Apr 01, 2004 11:16 pm
Posts: 15
http://forum.yuriy.net/phpbb/viewtopic. ... light=font


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 39 posts ]  Go to page 1, 2, 3  Next

All times are UTC - 8 hours


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group