Comprehensive Web Design
Fall 2002 - Spring 2003
https://ehollywood.net/dhima/handouts/class3.htm
Class 3 Handout
PhotoShop Lesson 1. Creating your own titles, banners,
and background images. Scanning or using a digital still camera and manipulating
your own photography. When to use a JPEG vs a GIF. Color palettes.
1. Basis Photoshop. - http://www.dzfx.com/workshops/list/2/Photoshop_6-For_The_Web/
Understanding
Photoshop tools and menu bar.. Learn to manipulate image size, resolution,
cropping, text etc. Using the color picker. Creating a new image. We will
go thru activities 1-13 during class.
2 Creating a title. - http://www.lehigh.edu/~inimr/photo601/photo6_text.html
Creating and using layers.
Creating a new text layer, editing existing layers, altering existing
text layers to include text effects such as drop shadows and glow.
3. Scanning or using a digital
camera..
I
will demo using a scanner and a digital camera.
4. Adjusting your
image -http://seurat.art.udel.edu/Site/InfoDocs/GIFToot/PhotoTut.HTML
There are all kinds of
ways to manipulate an image. We will go thru some of the methods used
on the above URL.
5. Saving out to the web.-
Making a GIF
Make sure you're in "Indexed Color" ("mode" menu).
Under the "file" menu, go to "export" and then "GIF89a
Export..." GIFs are, at most, 256 colors (8-bit), but you can experiment
with reducing the colors. Under "colors", try 7-bit (128 colors),
6-bit (64 colors), or even less, with the goal of making the file size
of your image as small as possible while keeping an acceptable image quality.
Choose "Interlacing" if you want your graphic to load in starting
as a simple set of squares. If you want a "transparency" background,
choose the color in your image that you want to be transparent. This can
get tricky. Refer to the link below for more help. Avoid making a GIF
out of another GIF, instead go back to your most previously saved TIFF
file (or BMP) and try again.
Making a JPEG
Make sure you're in "RGB color" ("mode" menu). Go
to "Save as" ("file menu") and choose "jpeg".
Photoshop then gives you four options for JPEG image quality. Try using
"medium" or even "low" and then compare. Avoid making
a JPEG out of another JPEG, instead go back to your most previously saved
TIFF file (or BMP) to make a new JPEG.
HOMEWORK ASSIGNMENT:
1. Each student is to create a banner for the DHIMA web class website.
https://ehollywood.net/dhima/images/banners.psd
(download this image to modify)
2. The banner will contain an image that represents technology.
3. The image will have 3 layers. Background, Text, Image and be saved
as a PSD.
4. It will also be output as a gif images and emailed to me by next Tuesday..
5. Go thru exercises #1-3 on this page: http://www.mccannas.com/pshop/photosh0.htm
|