Frisby's Submissions

[LaQuann Dawson]

just post anything you make (with coding) here!

[Frisby]

Here are the images for two layouts I would code, but the stupid filter won't let me. I'll code them as soon as the problem is fixed...


Mystery Island


<style />
body{
background-color:#F0FEEF;}
a:link,a:visited,a:active{
color:#348303;}
td,p,body{
font-size:8pt;
font-family:verdana;}

.header{color:#ffffff;
background:#348303;
border-bottom:3px dotted;
font-weight:italic;
font-family:mistral;
font-size:25pt;
}
#footer,#header,hr,#usercollections,#usershop,#userneohome,#usertrophies{display:none;}
#main{background:#000000;}
#userneopets img, #usershop img, #usertrophies img, #neohome img {width:20px; height:20px;}
#userinfo{position:absolute;left:30px;top:400px;width:350px;height:300px;overflow:auto;background-color:#000000;}
#userneopets{position:absolute;left:30px;top:700px;width:350px;height:300px;overflow:auto;background-color:#000000;}
.text{
color:#000000;}

</style />
<div style="position:absolute; top:0px; left:62px;"><img src="http://img73.imageshack.us/img73/4953/mysteryislandwc9.jpg"></div>
<div style="position:absolute; top:50px; left:30px; width:210px; height:300px; overflow:auto;">
<div class="text">
<div class="header">Hello.</div>
Frisby waz hea' "08".
<br>
Type stuff hea'.
<br>
<div class="header">Links!</div>
<a href="http://neopets.com/myaccount.phtml">My Account</a> |
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a> |
<a href="http://www.neopets.com/explore.phtml">Explore Neopia</a> |
<a href="http://www.neopets.com/gameroom.phtml">Games</a> |
<a href="http://www.neopets.com/objects.phtml">Shop</a> |
<a href="http://www.neopets.com/neoboards/index.phtml">Chat</a> |
<a href="http://www.neopets.com/nf.phtml">Updates</a> |
<a href="http://neopets.com/video/index.phtml">The Movies</a>
<p>
</div></div>
<div ID="Userinfo,Userneopets">



Froggie!


<style />
body{
background-color:#FFFFFF;}
a:link,a:visited,a:active{
color:#348303;}
td,p,body{
font-size:8pt;
font-family:verdana;}

.header{color:#ffffff;
background:#C6E89C;
border-bottom:3px dotted #59B91A;
font-weight:italic;
font-family:georgia;
font-size:25pt;
margin:10px;
}
#footer,#header,hr,#usercollections,#usershop,#userneohome,#usertrophies{display:none;}
#main{background:#000000;}
#userneopets img, #usershop img, #usertrophies img, #neohome img {width:20px; height:20px;}
#userinfo{position:absolute;left:30px;top:400px;width:350px;height:300px;overflow:auto;background-color:#000000;}
#userneopets{position:absolute;left:30px;top:700px;width:350px;height:300px;overflow:auto;background-color:#000000;}
.text{
color:#000000;}

</style />
<div style="position:absolute; top:0px; left:62px;"><img src="http://img73.imageshack.us/img73/5654/froggient6.jpg"></div>
<div style="position:absolute; top:50px; left:30px; width:350px; height:300px; overflow:auto;">
<div class="text">
<div class="header">Hello.</div>
Frisby waz hea' "08".
<br>
Type stuff hea'.
<br>
<div class="header">Links!</div>
<a href="http://neopets.com/myaccount.phtml">My Account</a> |
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a> |
<a href="http://www.neopets.com/explore.phtml">Explore Neopia</a> |
<a href="http://www.neopets.com/gameroom.phtml">Games</a> |
<a href="http://www.neopets.com/objects.phtml">Shop</a> |
<a href="http://www.neopets.com/neoboards/index.phtml">Chat</a> |
<a href="http://www.neopets.com/nf.phtml">Updates</a> |
<a href="http://neopets.com/video/index.phtml">The Movies</a>
<p>
</div></div>
<div ID="Userinfo,Userneopets">



They might be a little big...

[LaQuann Dawson]

awesome

let me know!

i love the froggie one!

[Frisby]

And a fairly simple guide/tutorial thing with some handy tips.

Making your Graphics Spiffy

There's a definite difference between spiffy and none spiffy graphics. The spiffy ones seem to be the more eye pleasing and all around preferable ones, so reading this will be of some use to you. I'll explain some tricks that'll make your creations more spazzy.

First, we'll start with a simple image like so. As you can see, it needs to be spiffified.


Saving as a gif…
Saving your file as a gif as opposed to a jpeg may create some desirable effects on your image. They will be most apparent if your image contains gradients. They will no longer fade the same way, instead they will alsmot have layers. Basically, with a gif, colors have visible lines were one ends and another begins. If we save this image as a gif, it will look like this.


The box effect…
Creating boxes or other shapes that are semi transparent can create a neat effect too. Here's what it would look like.


Acid border…
Take a brush that has ragged edges, or if you only have the choice of a solid or gradient brush choose the gradient brush. Now change the brush's color to white, black, or whatever background color you want, and run the brush along the sides of the image.


Text overlay…
Adding text is one of my favorite techniques. First you copy and paste your desired text onto the picture. Normally I choose text that has something to do with the image. Then change the words to a color that is hard to read and eye pleasing at the same time, no clashy. If your art program gives you the option, you can make it semi-transparent instead. Arrange the text as you wish; make it sideways, tilted overlapping stuff, wrapping around boxes, etc. Remember, your goal is to make it look good, not legible. Feel free to change the font as you please as well.


Swirls…
I can't draw them, but swirls are totally pwnsomeful. Maybe you're better at it than me. Draw a line coming from the corner of the image, the side, wrapping around a box, etc, and then add curls and circles and other wonderful things including flowers and butterflies.


These are but a few of the many things you can make. Try to combine the different techniques to make it really awesome. Here's an example of combining them for inspiration.

[Frisby]

A whatsamajigger. I forget what you call it...a blinkie? Sparkle? Eh.



It looks kinda bad now. I redid it and it looked better before but there was no credit before.

[Frisby]

Seven Adoptables!

Flaimie





<img src="http://i25.tinypic.com/10n7sli.jpg"><img src="http://i30.tinypic.com/6ymcft.jpg"><img src="http://s3.tinypic.com/sxjbxv_th.jpg">
<img src="http://s3.tinypic.com/zwnatf_th.jpg"><img src="http://s3.tinypic.com/1672v7m_th.jpg"><img src="http://s3.tinypic.com/11tr8k2_th.jpg">
<img src="http://s3.tinypic.com/2eyyhc5_th.jpg">


[LaQuann Dawson]

added all but the layouts, would you please make a screenie of them size doesnt matter, try to make them the size of our other guild layouts though

[Frisby]

Ice Lolly


<img src="http://i32.tinypic.com/aw2osl.jpg">

[LaQuann Dawson]

added and did you get the previous message?

[Frisby]

Yeah. One second. You know can can just do this

<img src="URL" width="400" height="400"> to make a thumbnail and not upload another image.

[LaQuann Dawson]

i know, thats why i said the size doesnt matter, but i cant use the ones you madew above because i need to show people what the layout would look like in a guild, because they cant see that they may just look and think 'i dont like it already' you know?

[Frisby]

Okay. I'm working on the thing.

[LaQuann Dawson]

thanks, and sorry about that

[Frisby]

Here we go:
i31.tinypic.com/eqwoyr.jpg
Thats for the mystery island one.

And the froggie one:
i32.tinypic.com/1z3cfgo.jpg

[Frisby]

An adoptable, 404 sign, and animal blend.



{I'm not really some crazy animal rights person, no offense intended for any of you guys out there}