|
|
Intro Hello, and welcome to moi likkle graphic site. There are tutorials on just about all the graphics you could think of. Please note that I don't include guild layout tutorials, userlookup tutorials, HTML tutorials, or CSS tutorials. Why? It would take up too much space, and this is a GRAPHIC help page. If you need one of the afore mentioned things take a look at the side links. Stuff that will be coming up are tutorials on how to make scrollbars, banners, even a couple of nifty codes to go with it. Yay. Also, I have worked very hard on this so a link back would be just awesome. You can find my button in the right table. Okay well the first graphic I'll go over is blogs. Yes, those nifty little things that you can put in shops and what-not. Before we start though, there are several things you will need.
Open your paint program and make a new image as large as you want it. I myself like them to be 300 by 350. Decorate your blog however you like. Make a table somewhere on your blog, so you know where to put your text. If your capable, fade the table. Like this:  Save it and upload it onto an image hosting website, like one of those mentioned above. Copy the URL of your blog and go to here: http://www.therisenrealm.com/?page=blog_coder. Click on the little quill pen. If you agree with the Terms and Conditions click Next. Paste your blog URL into the little box next to 'Image URL'. Below that fill out the EXACT width and height of your blog, then click Next. You don't need to change anything on this page so just click Next. Clear out ALL of the text on the page and type in TEXT GOES HERE until you get bored of that. Click Next. Don't fool with anything on this page, except make sure that 'Full Page HTML' is unchecked, now click Next. Check the box next to 'Neopets Compatibilty Mode' and click Next. Click on the top left corner of your blog table and then click on the bottom right corner. Text should show up within your table. If it doesn't just click Back. If it does work, click Next. Now you can Copy and Paste the code wherever you bally would like. You've made your first blog. Do a victory dance, or something. Good ole' backgrounds, there's even one featured on this very site! Well, like any other graphic there's always resources that you'll need.
There are several kinds of backgrounds you can make, but the first one that I'm going over is a full page background, meaning a non-tiled background. The first thing you do after you open your paint program is take a screenshot of a random page on neopets. How do you do that? Next to the F12 button on most keyboards is the PrtSc Sys Req button. Push that button, then in your paint program push Ctrl†V. Color in the WHOLE image with the main color that will be in your background. Then, decorate the rest of it how you like. Save it and upload it onto your image hosting website. Voila! A fullscreen background. Not too hard was it? The code to make any background non-scrolling is: Now, I'll move on to tiled backgrounds. With your paint program open, make a new image any size you want. Decorate it how you like. MAKE SURE that if you have anything sticking out on one side of the image that the part missing shows on the other side. Save it, upload it on image hosting website, Copy and Paste URL into this code, < b o d y b a c k g r o u n d = U R L G O E S H E R E > without the spaces, and you're done. The code to make a tiled background non-scrolling is the same code as the above. For those of you who don't know what cursors are the little Royal Cybunny floating around on the screen right now is one. For this graphic you will need all of the following.
After you download PSP 8 make a new image that's 32 by 32. Fill it up with a color that isn't used ANYWHERE in the image that you're going to use for a cursor. Copy and Paste the image that you want for your cursor into PSP as a new image. Go up to Image and then to Resize. Resize it with these settings.  Copy and Paste the image into the little color square. Draw an arrow in the upper left hand corner. Go to File/Save As and save it as .psp. Whatever you name the cursor you need to put it like cursornamehere.psp. Now go up to File/Jasc Software Products, and click Launch Animation Shop. Open your cursor. Go to Animation/Replace Color. Click anywhere on the color around the image, then click on the little white box and click Ok. Save it like this "cursor.cur" as an .ani. Go to -blocked- and upload it. This is the code to put a cursor on a page. Put that on any page and you have a cursor. Cool. Userlookup shields, those spiffy little images that you can make to cover up those old dismal shields. However, I must warn you. You HAVE to include how many months you've been on Neopets on your shield, or you could get frozen. The things you'll need to make one are listed below.
Once you have PSP 8 up Copy and Paste this image into the program.  Awesome, now go up to Adjust/Hue and Saturation/Colorize and change the shield to whatever color you want. If you don't want to change the shield color at all, just click Cancel. After you change or leave the color Copy and Paste whatever image you want onto the shield as a Transparent Selection. An example would be this:  I Copy and Pasted a Space Faerie Doll image onto a shield of similer color. Save it and upload it onto an image hosting website. To put it on a userlookup, Copy and Paste the code below with your shield URL in the spot where it says URLGOESHERE. You may have to adjust the left and right part of the code to properly position your shield. Shields... cool. I warn you, before you start to read this tutorial ask yourself if you're pretty well aquainted with PSP 8. If you feel that you are then read on.
Copy and Paste the image you want to glitter into PSP 8. Go up to Layers and select Promote Background Layer. Now, to the left you should have a little toolbar. Pick the Magic Wand (looks like a green stick) and click anywhere in the white surrounding your image. Click Edit/Clear, and there should be checkerboard squares around your image instead of the usual white. Click Selections/Select None then go to Adjust then to Add/Remove Noise/Add Noise. Make sure that out of the choices of Random Uniform and Gaussian you want to choose Gaussian. Also check the box nect to Monochrome, and select some amount of noise you want. I wouldn't go anywhere above 45 noise myself though. You'll see little dots all over the image. Just ignore that. Click on Layers/Duplicate twice. Then go to View/Palettes/Layers. Now to the right you should see this. Accept that the little x's won't be over the eyes.  Now click the eyes that have x's over them in the above picture (top and bottom eye). Add noise to this one with a higher number than last time. Click the top eye and make sure the bottom eye doesn't have an x on it. Add noise again with a number less than the two previous ones. File/Save As, save it as .psp. Whatever you name the image BE SURE to put .psp at the end. Open Jasc Animation Shop by going to File/Jasc Software Products/Launch Animation Shop. If you like your glitter as it is save it as a gif and upload it to your image hosting site. Scrollbars can be used on userlookups, blogs, petpages, guild layouts, textarea, almost EVERYTHING. They're that little bar that bobs up and down to the right of you're screen. These days it's very popular to color them to match your petpage, guild layout ect.. In order to do this you will need the following.
To color a scrollbar accurately instead of basic color names like blue or yellow people use hexidecimel codes. These are a combo of six characters that mean a color. For example: #000000 is black in hexidecimel coding and the color white is #FFFFFF. You can use basic color names but it just doesn't look as good. By the way, I don't provide color charts, but the person below does. Visit their page to see different colors and their hexidecimel codes.
..... I couldn't find any. I guess you could just search for 'hexidecimel color chart' at Google. Okay, maybe, JUST maybe you can't find exactly the color you want in the chart. The other way to find a hexidecimel code of a specific color is using PSP 8 (Paint Shop Pro 8). You can download it at Jasc.com. Take a screen shot of whatever page you're making a scrollbar for. Paste it into PSP 8. Crop it down with the little croper thingy, so that you can see the colors you want. Also, make sure that you have the Materials pallette visible. Click the paint brush icon. Holding down the CTRL button, hover over the color you want with the mouse. Click on it. Now go over to the right side of the screen where the Materials pallette is. Click on the square that has the color you want. Down toward the bottom of the little screen that pops up will be HTML: #whatever. That's the specific hexidecimel code for that color. In the below text boxes are the codes to make a scrollbar using css and a scrollbar using HTML. In both of the codes whenever you see a '#whatever' enter your own hexidecimel code. You're probably wondering, 'what is a scrollbar face color opposed to a scrollbar track color?'. They are just the different parts of a scrollbar that you can color. The nifty chart below explains it.  Those are all of the different parts of a scrollbar that you can color. Just so you know, all of the words in the chart have -color at the end, it shows it with that in the code. Yay! New scrollbar skills. |
Links
Link to me!       |
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions