Cropping Images for Filecards

From JCWiki
(Difference between revisions)
Jump to: navigation, search
m (=Opening your image in MyImager)
(Cropping)
Line 9: Line 9:
  
 
==Cropping==
 
==Cropping==
What you should do for your filecard image is crop the picture to give a "close-up" of the figure, keeping in mind that this close-up needs to be 82 pixels wide by 147 pixels high. This gets rid of extraneous space around the image that really doesn't matter in the final product. For example, if I start with the following image:
+
What you should do for your filecard image is crop the picture to give a "close-up" of the figure, keeping in mind that this close-up needs to be 82 pixels wide by 147 pixels high. This gets rid of extraneous space around the image that really doesn't matter in the final product.  
  
 +
For example, if I start with the following image:
  
 +
[[Image:Uncropped.jpg|An unedited image of the figure that I'm creating a filecard for.]]
  
 
And crop it to get it into the proper size for the filecard image, I'll wind up with this image:
 
And crop it to get it into the proper size for the filecard image, I'll wind up with this image:
  
 +
[[Image:Filecard_cropped.jpg|Properly cropped image for a filecard.]]
  
  
 
===Cropping with MyImager===
 
===Cropping with MyImager===
* Choose Edit > Crop . . . from the menu bar once you have opened your file (if it isn't already).
+
* Choose '''Edit > Crop''' from the menu bar once you have opened your file (if it isn't already).
 
* On the page you get, you will see the image you are editing. Start by clicking the mouse in the upper left corner of an imaginary box that will include the part of the picture you want to keep.
 
* On the page you get, you will see the image you are editing. Start by clicking the mouse in the upper left corner of an imaginary box that will include the part of the picture you want to keep.
 
* The page will reload, then you should click the area where the lower right corner of your imaginary box would fall, although accuracy will not matter in this case as we will be changing the coordinates for this point in a second.
 
* The page will reload, then you should click the area where the lower right corner of your imaginary box would fall, although accuracy will not matter in this case as we will be changing the coordinates for this point in a second.

Revision as of 10:46, 6 December 2005

This tutorial will show you how to properly resize/crop a filecard image. Examples user MyImager's online photo editing application, but the basic ideas will apply for any program.

Contents

Opening your image

Opening your image in MyImager

  • Choose "File > Open" from the menu bar
  • Locate your file on your drive
  • Click the "Upload" button

Cropping

What you should do for your filecard image is crop the picture to give a "close-up" of the figure, keeping in mind that this close-up needs to be 82 pixels wide by 147 pixels high. This gets rid of extraneous space around the image that really doesn't matter in the final product.

For example, if I start with the following image:

An unedited image of the figure that I'm creating a filecard for.

And crop it to get it into the proper size for the filecard image, I'll wind up with this image:

Properly cropped image for a filecard.


Cropping with MyImager

  • Choose Edit > Crop from the menu bar once you have opened your file (if it isn't already).
  • On the page you get, you will see the image you are editing. Start by clicking the mouse in the upper left corner of an imaginary box that will include the part of the picture you want to keep.
  • The page will reload, then you should click the area where the lower right corner of your imaginary box would fall, although accuracy will not matter in this case as we will be changing the coordinates for this point in a second.
  • The page will refresh once again and you will see something like below (but with different numbers).
  • What you want to do in this case is change the numbers in the lower boxes so you will wind up cropping the image to the 71 W X 129 H dimensions required by the site.
  • In the x1 field, take that number and add 70 to it to get the proper coordinate to type into the x2 field. Type this number into the x2 field.
  • Take the number in the y1 place and add 128 to it to get the proper coordinate to type into the y2 field. Put that result in the y2 box.
  • In the case above, once completing the last two steps, you should have this:
  • Click the "Crop it" button.
  • After one more page refresh, you will see the newly cropped image. This has not modified the image on your hard drive in any way. The image should now be the proper dimensions for the filecard creator. To be sure, check in the lower left of the work area and you should see the image's current dimensions:
  • Please remember that you can undo anything by clicking the "Undo" button:

Saving the image

Once you are done working with your image, you will want to save it to your computer so you can upload it later.

Saving with MyImager

  • Choose File > Save from the menu bar
  • You will then be given a link and instructions on downloading your new file. You should probably give it a better name that what is provided, but also you should consider keeping the original file intact in case you decide to redo it. It is better to start with the original than this edited image should you wish to try resizing, cropping or optimizing it in the future.
Personal tools