Neopets' #1 Screenie Guide!

Last Updated: May 26, 2008


Jump To:
| Introduction |
| What is a screenie? |
| How to Take a Screenie |
| What to Do with the Screenie Once You've Taken It |
| Editing (and Saving) |
| Editing Tools |
| Uploading |
| Putting Your Image on a Site |
| Basic HTML Tips |
| Special Requested HTML |
| Tips from Other Screenie Makers |
| Link to this Tutorial! |
| Awards |

| Mac Guide |



Please Read
If you already know how to make screenies/have used this guide before and have questions about it please see my FAQ first. If you have any other questions other than the ones listed in the FAQ then please neomail me at braikuvdawn.
I will know if you steal my images or copy my information. Please, if you're going to make your own screenie guide, come up with your own ideas on how to do it. I will report you if you steal my images and copy my information verbatim.
We're Going Global!

If you would like to see the screenie guide in Dutch, check it out!
Deze gids in het Nederlands

If you would like to translate this guide to any other language, please let me know! I will link to it!


Coming Soon
Nothing at the moment.


Introduction
Let's say you're wandering around Neopia when all of a sudden Something Has Happened!, or you find a lab map piece for 1NP on the wiz, or someone says something funny on the boards. Whatever the case may be, you want to save and cherish the moment forever... but how? You can do that with something called a screenie!




What is a screenie?
A screenie, screenshot, screencap, screen picture, whatever you want to call it, is basically just that. It's a picture of your screen. On Neopets, they're usually used to capture good events like getting an avatar, funny boards, restocking, shop wiz finds, etc. If you would like to see some examples you can check out my screenies by clicking the image below.





How to Take a Screenie
The first thing you need to do is to locate the Print Screen/SysRq or Prnt Scrn button on your keyboard. It's usually loacated in this area:



Here's a closer image:



Okay. Found it? It should be in that region of the keyboard. Okay now that you have that down, let's actually take a screenie. When you find something that you want to take a screenie of, you simply press that key. Too easy? Yeah, it is. It won't make any special noises when you press it. No pop up window is going to alert you that you've copied your screen. It's comparable to selecting some text and hitting Ctrl C. Nothing is going to happen visually except that the pointer on the mouse might disappear from the screen for an instant. Congratulations! You've captured your screen! If you only want to take a screenie of the active window that's up, push Alt + Print Screen. Hold down your Alt key and then press the Print Screen key. That can take a little bit out of your cropping job that I'll describe in a little bit.

If you are taking screenies on a laptop, the process is still the same. You might have to use the fn key to get to the Prnt Scrn option, but the Prnt Scrn key is in the same area. The fn key will be under your left hand beside the Ctrl key or around that general area.




What to Do with the Screenie Once You've Taken It
So your screen is copied. Now you go into an editing program (I use the regular Paint program under the Start Menu and Accessories).



When that program is opened you push Ctrl V or go to Edit and Paste. Your whole screen should be pasted into there. If nothing happens then go back and push Print Screen again where you wanted to. If it still doesn't work, try closing paint and reopening it again. This is what it would look like inside of your Paint screen (your image will be in there, of course, and not this one):





Editing (and Saving)
Now it's time to edit your screenie! First, you want to 'crop' your picture. Cropping just means cutting out the image you want from the whole screen picture. To do this, you use the tool in the upper right hand corner of the tool palette. It looks like a dashed rectangle.



Now you select what you want



and push Ctrl X or Edit/Cut.



Then push Ctrl N (File New) for a new screen (don't save changes to untitled) and Ctrl V (Edit Paste) in the new screen to paste your selection.



NOTE: This is very important!! Make sure that when you paste your screenie into the new window to take out all of the extra space around it! You can drag the boxes on the corners of that gray area to make it as big or small as you like. If there isn't a gray area and your screen is entirely white, go to the bottom right corner and try to click and drag from there. If that still doesn't work, go to Image/Attributes and make the width and the height smaller.



You want this:



There you can add text, wipe out a name, edit the picture, whatever you want! Oh yes. If you're going to use text in your screenie, make sure that you use the transparent background for the text box. It's the 2nd option underneath all of the tools. It makes the text look better on the screenie. Go to view/text toolbar to get the window to change the font.



Here's my version of that screenie:



Saving

Push Ctrl S (File Save) to save your work of art. I save all of my images as .png files now and it seems to work very nicely, so when the window pops up for saving instructions, put a name on your picture and on the bottom of the window it will say Save as type: I suggest the PNG. If you can't use PNG (if you only have BMP as an option) then I suggest using a different image hosting site. The main one that I use is Photobucket. There are others such as imageshack.us, imgspot.com, tinypic.com, imageweb.info, theimagehosting.com, and myfilestash.com. The other way you can go is to download an image converter. The one that I use is irfanview. You can get it at irfanview.com.




If you want to change the file type:

You have to resave your image. First open your image into paint or whatever image editing program you choose to use. Once you've opened it go to File/Save As. A window should pop up that looks something like this (on Paint):



You can save it as the same file name, just change the type. I still suggest using PNG because the quality is better. Once it is saved, though, you have to reupload it to Photobucket (or wherever) and repaste the tag onto your site. It's a hassle, I know.

The other way you could do it would be to use a file converter like irfanview. To get that go to irfanview.com. It's really easy. I use it all the time to resize images from my digital camera.


This is how you use irfanview: You first want to open it and this is what it will look like:



So you open an image you want to resave and it will come up on the black part that was there before. The window will either shrink or get bigger according to the picture.



So now you want to go to file/save as and then this window will pop up:



You just pick what kind of file you want to save it as and you're done! Now you can upload it to photobucket like always!




Editing Tools
To go into more depth about what you can do to your screenies, I'm providing a description of the tools you can use and why you would possibly need to use them! ^_^

Okay, this is the toolbar that Paint has and what my explanations go off of.



I'm going to explain all of the main tools used for screenie making and how you use them.

Selection Tool

First of all comes that selection tool I talked about earlier.



You use it to select the part of the screenie that you want to keep. You don't really want the extra stuff around it because first of all the file will be too big to do any good, and second of all it would take up a lot of space on your screenie page and no one wants to see a messy screenie page!

Eraser



I would only prefer to use the eraser when you have to erase text from a white background. For example, erasing names from the neoboard topics.



If I were to erase names from the actual topics on the neoboards or from neomails I would do it a different way, and I'll show that now.

Pick Color Tool/Paint Brush Tool



This is the combination of tools that I use to erase names and such. It makes the erasing job so much neater! What you do is you click on the tool and you click on whatever color you want to use to erase with (usually the color around it). Then you click on the little paint brush



and paint over the name or whatever. Here's my example for you:



And please, don't use the paint brush for more than that. You probably won't need it. If you accidentally erase something with the regular eraser, don't worry! Just click the pick color tool, click on the color you want (it will probably be right around where you need to fill it back in), and then click the paint bucket tool (right beside the eraser) and fill it in!

Text Tool



This tool is one of the most frequently used tools in the art of screenie making. Please use this tool to write words on your screenies instead of the paint brush or pencil. Those are definitely a turn off. Anyway, the text tool is used a lot. Usually when you edit your screenie, the first thing you put on it is a comment. So, all you have to do is click on the tool and click and drag on your screenie how big of a text box you want. As I said before, make sure that the 2nd option underneath the toolbar is highlighted because it makes the text on the screenie look a lot better.



Here's my example of that:



The next thing you can do is change what color you want your text to be. At the bottom of the Paint window there is a box with a bunch of colors in it. You can pick what color you want from there.



After you pick the color you can choose what font you want it to be so you can click in your text box and a menu will pop up on the screen and you can choose what font you want from there! You can also go to view/text toolbar to see the -blocked-



When you're done with your text you can just click off of the text box. Be careful, though, because after you click off of it you can't edit your text again unless you erase it. If you wanted to change it your best bet would be to erase what you have there and make a whole new text box.

Line Tool



You can use the line tool a couple of ways. You can underline things with it to make them stand out and you can draw arrows with it. Those are the two things that come to mind when I think of using the line tool. All you have to do to use it is click on the tool and then click and drag it to make a line. Hold the Shift key down to make a straight line. Woo! It wasn't that hard! Here's an example of why you would want to use the line tool for arrows instead of the paint tool:



It's obviously much neater. You can also pick how thick you want the line. When you select the line tool, this little thing will pop up underneath all of the other regular tools. You just pick how thick you want your line.



I used two different thicknesses in the example up there.

Rectangle Tool/Oval Tool



I use these tools almost as much as I use the text tool. I've used the rectangle tool in the tutorial many times, including putting a box around what tool I'm talking about. As you can see, it's very useful. You use these much like the font and line tools. You can pick what color you want and how thick the box is. You just click and drag how big you want the box or oval to be and around what. You can't move it once you put it there, so if you mess up, just pull the Ctrl Z trick (edit undo). When you click on the tool 3 options will appear underneath all of the regular buttons.



I always use the top option because that doesn't cover up anything. Here are examples of each:



The oval tool is the same exact way.





Uploading
Now that you have your image saved you can upload it to the internet! To do that, get an account with a free image hosting site. That means that you can take the files on your computer (mostly images) and upload them onto that site. Then you can copy the URL for them and use them on the internet! I use Photobucket. Photobucket hasn't given me any problems (except with bandwidth. If you exceed your bandwidth that means that too many people have looked at your images and they're going to shut down your images for the rest of the month). So you get a free account on Photobucket (or wherever). Just pick a username and word. It will tell you right away if the username is taken or not. If it doesn't pop up right away, click on the box again and it will pop up.



Then fill out all of your information.



Then browse to find your image.



Then you click on the image that you want.











Putting Your Image on a Site
Now that you have your image on Photobucket, you have to get the code for your page. They changed it up on Photobucket, so now it's a little bit more complicated than it was. Follow the exact directions that I'm giving you right now so that you don't get a Neopets error message.



Copy the text beside the one that says Direct Link. I show it highlighted in this picture. If you don't have three options under your screenie or you have no options at all, this is what you do. First you go to Account Options at the top right of your screen.



Then you scroll down, and under Album Options you want to make sure that at least the Direct Link one is checked.



If you want to put your screenie on a pet page you go to My Account on the top menu bar



and then click on Edit Pet Page



and then edit!



If you want to create a whole new page by yourself then delete EVERYTHING in that box! This way you can paste your code into it!

Now take the URL that you copied and use this code in your pet page and make sure you replace the URLHERE with your URL:





Basic HTML Tips
Now that you have your images on your site, you probably want some HTML help, huh? Well, Neopets has an awesome HTML help site.





Special Requested HTML
Well, I've had an excessive amount of neomail and boards asking me how you do some special HTML things. To answer your questions, I will put them in here!!

Buttons

Now that you have screenies you want to make a button to link back to them right? Making a button is just about the same as making a screenie, except you make the whole thing using paint (or whichever program you use). You make it, save it as PNG preferably, and upload it. All you really have to do is to link it. Here's my example:



If you want it to link without the little blue border around it, then put border=0 right after your url in the img tag.


Page Jumps

First is the "link thing". It's basically when you click on a link and it takes you to a certain point on the page. Here's my little example of what I'm talking about (or go to the top of the page):



First you start out with the text (or picture, just put an image there instead of the text) that you want to link. Say you have something like what I have.



Okay so you have your text that you want to link. First you have to create a link there that will link to somewhere on the page. Don't worry about that 2nd part yet. So creating a link you start by your regular img src tag and link it to where it will go. NOTE: DO NOT USE THE WORD "LINK" IN YOUR ACTUAL LINK!! It will delete stuff with the blocked thing. Here's my example:



So now you have the first part finished. All you have to do is link it down to where it will go when you click on it. So in front of the text or image that you want the link to jump to you put this:



You're done! This is what my links section looks like:




Scroll Boxes

If you were wondering how I got the scroll boxes around my screenies, this section will answer your question! Here's my example to show you!



Here's the actual text for it if you would like to copy and paste it:



Text Boxes

If you look at anyone's "link back to me" section you will see that they have a code in a little box. Many of you have asked me how to make this, so here's the code. It's very simple:







Tips from Other Screenie Makers
  • Organization is usually a key factor in how well your page looks. If your screenies are organized well they look better and people will want to read them.


  • BE ORGANIZED! ~raizen_jorad


  • To make a screenshot on mac, you need to open up the Grabber program, and choose the "caption screen" option in the menu. then the rest is the same (the copy & pasting and such). ~superwoman_12517


  • Use proper English, unless it's sarcasm to make the screenie funny. ~xx_dream
    Example by shippougirl5: d0nT tYp3 lYk TiS oN YeR sC33n3S!


  • Take it easy with the Neoboard screenies. ~superwoman_12517


  • Don't use a screenie that everyone else has like the asparagus/cheat search. Keep it orginal. ~lansing420


  • Crop your images all the time and center them. *We don't want to see the whole screen!* ~lansing420


  • NEVER use a super extra bright color. It hurts the eyes. ~shippougirl5


  • Make sure the font is readable with the background you chose. ~meridancer


  • No huge fonts. ~xx_dream


  • No music on the page! It drives me nuts! Or loud, animated backgrounds. ~xx_dream


  • NEVER TAKE SCREENIES OF PEOPLE THAT RATE YOUR SCREENIES BADLY!! ~shippougirl5


  • No scribbling all over the screenies! ~xx_dream


  • Dont only take screenies of people saying "cheese, super mega creamy cheese, ect" ~shippougirl5


  • The fake events can be annoying too (the ones the person made, that didnt actually happen). *I most certainly agree* ~xx_dream


  • Only put screenie stuff on one page. Avatar lists and stuff are annoying. Put them on separate pages. ~xx_dream


  • Screenies take time. Don't try to get a million in one day because then they won't be as good. Try to get some good ones.


  • PEOPLE WHO GET OTHERS TO POSE FOR SCREENIES [is not good] ~xx_dream


  • Pounce on every board with ze word "screenies" and try to be linked by as many people as possible. ~raizen_jorad


  • Take time to reply to every nm (neomail). ~raizen_jorad


  • Its never bad to reply to all of both good and bad comments about your screenies. Ask them why they dont like it. ~sandheep


  • Don't ever think your screenies are the best. There is never a perfect screenie page. ~sandheep


  • Actually put comments on your screenies. It's boring to see blank screenies. ~golfergirl580


  • Don't have too many awards on your screenie page. Try to move some or all of your awards to another page. People are here to see the screenies, not lots of awards. ~meridancer


  • It's always nice to have a background for your page, but don't make it too distracting and bright. People will turn away from your screenies because the background attracts too much attention.


  • If you use regular Paint, before you save it into GIF. or JPG., click Ctrl+A and then click Ctrl+C then save into JPG. or GIF., then it will end up ugly, right? Then Ctrl+V!! Then save again. It won't be ugly! ~andrez_124


  • Don't get carried away with calling people on the boards "N00bs". ~xcgirlgc13


  • Don't take screenies of people that say, "Hey everyone! Put me in ur scr33n135!!!111" They're just n00bs that want to get attention. They don't deserve a screenie! ~tweek65


  • If you abandon a pet, its petpage coding gets erased. So if you're going to pound your screenie pet for some reason, save the code first. ~graulak


  • Make sure to put space between your screenies.If you have screenies that is just one after the other, it doesn't look good. ~jikalulu


  • Adobe Photoshop works good, too, if you have trouble cropping with the Paint program. ~missamerica000011


  • Adobe I have a somewhat different method of taking screenies. I open multiple tabs in Firefox (multiple windows in IE), and have one tab pointing to the screenie material (what's in your screenie), one to my Photobucket album, and one to my screenie pet's petpage editer. I have Paint open, and also Word (Appleworks for some Mac users). The fundamentals are the same (taking the screenie, editing it, uploading it to Photobucket), but before I upload it to Neo, I enter it into Word. The URL (not the link, which these days you have to gut the actual link from) goes into one of the tags in my "tag factory", which consists of multiple copies of the "img src" tag without the image link in it. When I get close to running out of tags, I C&P some more.I then place the finished tag into the long string of coding. I save the entire file, then go to the petpage editer, delete the entire code, paste the code from Word into it and "Make Changes". That's it! ~coolkitten913


  • [For this type of keyboard] logitech, you press F-lock, and then insert print screen, if you don't press F-lock, it wont work. ~wethepeople123412


  • Do not make your screenies all about making fun of others, and pointing out their flaws. Screenies should make people laugh, not make them feel bad, or uncomfortable. ~mizii381


  • A good way to get people 'into' your screenies is to add little pictures. Like, put a comment on your screenie like 'Wow, this person doesn't like cheese?!?' (that's just an example, put a different comment for yours) and then add a little picture of maybe a person or neopet wearing maybe a t-shirt that has 'Cheese Lover' on it, and maybe he or she is waving a flag that has a cheese picture on it. This adds a little humor and art into your screenies, just don't make it messy or unorginized! ~xx__ally


  • Don't get all upset if someone gives you a bad rating. Ask Them why! I personally had to re-do my ENTIRE screenie page 4 times until i got it all right the 5th time. Also, ask people questions like "Could you gie me a good tip?" I really hope this helped! ~sarahgogle




Do you have any questions? If so, then read my FAQ by clicking here. If your question wasn't answered, then neomail me at braikuvdawn.




Mac Guide
Thank you very much Reminessences for the help!!
If you're browsing Neopia and see something you want to take a screenie of, all you have to do is push the Apple Key + Shift + 3. This will take a picture of the whole screen. To take a screenie of only a designated section of the screen, push the Apple Key + Shift + 4. A little cursor will pop up. Click and drag it over the section you want to take a screenie of, then let go. If you want to know where the Apple key is located on your keyboard, refer the the picture below.



After you have taken your screenie open up Appleworks. Appleworks is an application that should be on all Macintosh computers. If you can't find Appleworks on your desktop/dock, open up your Finder and search "Appleworks".



If you can't find it that way, look through your Applications folder.



Once you have Appleworks open select the "Paint" icon. If you want to know what it looks like, refer to the picture below.



Once you have Appleworks open, go to File/Open. A box will open up, and it will show all of your files. In the little drop section where it says, "File Format", select "All Formats". After doing that, select your screenie(s). Your screenies should be in your desktop and named Picture 1, Picture 2, and so on.

After you've opened up the pictures, drag them into the Paint -blocked- Then edit them as you wish. If you need help using Appleworks, hit the "Help" button on your keyboard.

Once you have finished editing, go to File/Save As. Name your file, and under the "File Format" drop-down menu, select the Format as "JPEG" or "GIF". Hit "Save", and then select your desired picture quality. You've finished making your first screenie! Congratulations!


***Edit***

If your computer no longer uses Appleworks, install the "Paintbrush" application by searching through the mac homepage. It's easy to use and FREE!

Thank you very much, leatherboots_10!

Now go back up and continue on the rest of the guide! Click here.



























Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® 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