| 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 |
|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!
Nothing at the moment.|
|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:
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!
|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.
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!
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!
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.
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.
|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!!
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.
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:
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:
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|
|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.|
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!
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.
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2013.
® denotes Reg. US Pat. & TM Office. All rights reserved.
Use of this site signifies your acceptance of the Terms and Conditions