HyperStudio - A Great Way to Start Editing Images and Photos

HyperStudio is unique among authoring tools because it includes a fairly nice “paint and draw” program. At it’s simplest, it lets younger students illustrate their projects with their own artwork.  In this sense, every HyperStudio project is an art project.


Sadly, as people move past adolescence, many lose their comfort with creating original art. However, HyperStudio is still quite useful for the basic manipulation of images and photos as a “graphic utility”.  Within a project, even one that doesn’t appear to contain “original art”, this can be very useful.  Here are a few quick examples.

Quick:  Suppose you had a file for bit of clip-art or a photo, and you wanted to create a new file that was a resized and cropped version of that original. 

How would you do it?  Consider for a moment what other graphics utilities or paint programs you may be familiar with, and the steps required to turn this:

into this:

How many steps, and about how much time would it take?  Try it now with a sample image in your favorite non-HyperStudio paint program.

With HyperStudio, you can do it even more quickly.

  1. 1. Drag and drop any image from the desktop on to a blank card in HyperStudio.


2.  Drag the sides and top/bottom handles to crop and resize.  Use the Inspector to rename the image to something different than your original image.


3. Hold the option key down while you drag the image to the desktop.


That’s it!  You’ve now imported, edited and exported an image in what will normally take less than a minute!

Again using a non-HyperStudio graphics program, your challenge is to isolate and remove the diving helmet from this image, turn it into a graphic object that you can then place over any other image, with the opening in the mask transparent so as to show through to the background, or within which you could place a photo, or even a playing movie:



  1. 1.Double-click the lasso tool in the Tools Palette of HyperStudio to open the drop-down drawer.  Draw the lasso around the helmet in the underwater scene:

and move the Sensitivity slider at the bottom of the tools palette to isolate the mask from the water around it.


  1. 2.Choose Convert to Graphic Object to convert the lasso’d region into a graphic object on the HyperStudio card.


  1. 3.Use the Inspector to name it “Diving Helmet”, then hold down the option key while you drag the graphic object of the helmet to your desktop.


You now have a file on the desktop called “Diving Helmet” that can be used in any HyperStudio project which has a transparent “hole” where the background, photo, or even playing movie will show through!

Again, this entire process can be done in under a minute.  Sure, there are programs like PhotoShop that can also do this, but generally they take a lot longer, cost a lot more, and require a rather lengthy learning process to use. 

Suppose you have a folder of images, and you want them to all be the same size in height and width?  This is a fairly common task when preparing images for a web page or other situations. 


Although other utility applications such as Color Convert, Graphic Converter or Photoshop offer a huge range of additional features, if what you want to do is quickly make a folder of images all the same height and width, HyperStudio will do the job for you.

Before starting, set the HyperStudio Preferences in Drag and Drop to “Scale to Fill Card”.  This will tell HyperStudio to make each image totally fill the card area when it is imported on to the card.  This may result in some automatic cropping of the image, but it will give you a set of resulting images with no blank areas at the sides or top/bottom of the frame.

  1. 1.Set the Size:  Start a new stack that will then have a single blank card, and choose “About this Stack”.

Click on the “Change...” button, and with the “Custom” setting, enter the size for the images that you wish to create.  Then click on “Ok”.

All the images that you import into HyperStudio will now be 600 x 400 pixels, and completely fill the card.

  1. 2.Drag and drop:  Drag a folder that contains all the images that you with to resize on to the HyperStudio application icon in the dock.

This will create a stack of your images.  The first card will still be blank, so you’ll want to delete it.  The Storyboard is a good place to do this.

  1. 3.Export as a Sequence of Images. Choose Export... from the File menu, then “Image Sequence”. 


You will then get a folder with all of the images at the card size of the stack, and numbered in sequence.

With HyperStudio, anyone can perform basic image manipulation and editing with very direct and simple steps.

*    *    *    *    *