Cropping Images for Filecards

From JCWiki
(Difference between revisions)
Jump to: navigation, search
(Cropping)
(Formatting, clarifying and updating outdated instructions)
Line 4: Line 4:
  
 
===Opening your image in MyImager===
 
===Opening your image in MyImager===
* Choose "File > Open" from the menu bar
+
* Choose '''File > Open''' from the menu bar
 
* Locate your file on your drive
 
* Locate your file on your drive
* Click the "Upload" button
+
* Click the '''Upload''' button
  
 
==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.  
+
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:
 
For example, if I start with the following image:
Line 23: Line 23:
 
* 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.
+
* Now click the 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 the next step.
* The page will refresh once again and you will see something like below (but with different numbers).
+
* You will see something like this (but with different numbers) above your picture:
* 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.
+
[[Image:filecard_crop_coords1.png]]
* 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:
+
* 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 82 W X 147H dimensions required by the site.
* Click the "Crop it" button.
+
* Take the number in TR X, add '''82''' to it and type this number into the BR X field.
* 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:
+
* Take the number in the TR Y place, add '''147''' to it and type this number into the BR Y field.
* Please remember that you can undo anything by clicking the "Undo" button:
+
* In the example I'm working though, once completing the last two steps, I have this:
 +
 
 +
[[Image:filecard_crop_coords2.png]]
 +
 
 +
* Click the '''Submit''' button.
 +
* The page will reload and 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:
 +
 
 +
[[Image:filecard_crop_postcrop.png]]
 +
 
 +
* Please remember that you can undo anything by clicking the '''Undo''' button:
 +
 
 +
[[Image:myimager_undo.png]]
  
 
==Saving the image==
 
==Saving the image==
Line 37: Line 48:
  
 
===Saving with MyImager===
 
===Saving with MyImager===
* Choose File > Save from the menu bar
+
* 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.
 
* 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.

Revision as of 11:01, 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.
  • Now click the 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 the next step.
  • You will see something like this (but with different numbers) above your picture:

Filecard crop coords1.png

  • 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 82 W X 147H dimensions required by the site.
  • Take the number in TR X, add 82 to it and type this number into the BR X field.
  • Take the number in the TR Y place, add 147 to it and type this number into the BR Y field.
  • In the example I'm working though, once completing the last two steps, I have this:

Filecard crop coords2.png

  • Click the Submit button.
  • The page will reload and 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:

Filecard crop postcrop.png

  • Please remember that you can undo anything by clicking the Undo button:

Myimager undo.png

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