Photoshop Tips

To do a transparent background:

1. Open the image. Notice that the Layers palette displays the layer name as Background. 
   
2. Double click on the Background layer. It will display a Layer 0.
   
3.  Accept this name or give it another name. (It CANNOT remain Background. )
   
4. Using your magic wand or other selection tool, select the background areas and delete them. (The areas SHOULD display as transparent pixels.)


5. Go to File > Save for Web.
6. Choose a GIF file format and click OK. (the default choices are fine)

Using Photoshop Actions to do Batch Processing for files (for example, to reduce the resolution and /or file size):

Step 1

Create the Action

(My action resizes the file down to 300 pixels wide and 72 pixels per inch [for the web], keeping the proportions correct, then saves it as a JPG file.)

Step 2

Open Photoshop without opening ANY files

Step 3

Select Starting folder and Destination folder, along with Action Set and which Action to run.

It will most likely default to Default Set (which is the ones that came with Photoshop. We want the one that we created.)

The Source is set to folder so that it will do the Resize4web2 action on EVERY pic in the folder. Destination folder is set to a different folder so that I don't disrupt the original, full sized images. Upon completion, you move the fixed images to whichever web images folder they belong in and you're done!

You're watching TV and Photoshop does all the work!!!!

Using Photoshop CS or CS2's Automation menu to do a web gallery

1. Open Photoshop
2. Go to File > Automate >Web Photo gallery
3. Choose a style to your liking
4. Choose the folder that the images are located in
5. Choose the destination folder where the new copies of images and it's corresponding html files will be
6. Post to your web server
7. Tada!!

To see examples of this:

Simple

Table 1

Horizontal Slide Show

Creating a Favorites Icon File

Back to Class Tips

Back to Home