Using PhotoShop and Images

This page will contain information on how to scan, resize, and import images. More information concerning PhotoShop can be found in the class project from Dr. Smith's class. Ultimately, the most information can be found at Adobe's website.

How to Scan Images

The steps required to scan an image are listed below. To accomplish this task, you will need the image and a scanner that is hooked to your computer.

1. Place your image on the glass of the scanner face down
2. Open PhotoShop
3. Highlight the Import feature under File. Choose Twain_32 or Twain acquire, sepending of your computer.
4. Hit the Prescan or Preview button
5. Resize and fit the display box around the image
6. Click the Final button to complete the scan of the image

At this point, PhotoShop will open your image in a window that you can manipulate. Remember to save any work completed on the image. If you desire a GIF image from what you scanned, under the Image menu, highlight Mode, then Indexed Color. Accept the defaults proposed by the computer, then save the file in .GIF format. GIF images require much less space than a JPG, but the trade-off is an image with less quality.

Browse other instructions completed by Loyola and University of Texas for similar instructions.
 

PhotoShop Resizing Techniques

PhotoShop makes resizing images to a smaller or larger size simple. This process requires only a few steps, shown below.

1. Open your image in PhotoShop
2. Select Image resize under the Image menu
Do not change any of the default features.The Proportions box is selected, so the image at any size will  grow or shrink proportionally
3. Enter the new parameters of the desired image. Unless changed to percent, the image is measured by pixels. Because Constrain Proportions is activated, changing one dimension will change the other dimension also
4. Click OK and observe the changes of the new image
5. Save any changes completed
 

How to Include Images

After scanning and resizing the image, HTML code is required for your web page to publish your work to the world. This also is fundamentally a simple process that requires only one step, shown below.

Type <img src="image name">
Where image name is he name of the image that is stored in your account

We can elaborate a bit and add a border around the image.
Type <img src="image name" border=n>
Where n is the thickness of the border in pixels. Unfortunately, the color of the border cannot change

The image may also be resized without using PhotoShop. This method is best for thumbnails or icons. Otherwise, a lot of space is being wasted for no reason at all.

How to Create Thumbnails

To create thumbnails, the first thing to do is to open the graphic in PhotoShop or any other graphics program that can help you define tha parameters of the image. Thumbnails are more or less the size of, well,  a thumbnail. When selected, the thumbnail is opened on a new web page in its full size. The reason of using a graphics program is to size it proportionally for the web page. For example, if the image has a height of 62 pixels, and a width of 100 pixels; what are the dimensions if you only wanted the width of 40 pixels? You can guess all day and waste a lot of time, but with the resize feature in PhotoShop, you are a few clicks for the answer of 25 pixels for the height. Follow the steps below to create a thumbnail.

1. Type <a href="image name">
Where Image name is the name of the image
2. Type <img src="image name" width=# height=#>
The parameters of width and height are in pixels. Fill in the pound signs (#) with the dimenstions provided by PhotoShop for the smaller image.When the initial link is selected, the full image is displayed in the window
3. Save your work and observe the changes
 

Back