Graphics Tutorials and More Graphics Resources and Tips Paint Shop Pro Tutorials and Plug-ins/Filters; Photoshop Tutorials; Other Graphics, Color and Font Resources and Tips; Scanning Resources; Animated Gifs; Image maps
Plug-ins and Filters at about.com with general information and tips as well as places to get them for photoshop-compatible image editors. (L-3)
Calibrating Your Monitor From PSP File/Preferences/Monitor Gamma Adjustment dialog box. Instructions and charts to set Brightness & Contrast Calibration and Gamma Estimation to improve graphics display and how others also view them. Also use Help topic in PSP. (psp)
Cheryl's Image Gallery - Tubes brief tutorial on what tubes can do and original tubes which can be downloaded. Her wonderful original art can be used to make your own too.
Extensis PhotoTools Commercial software plugin-in for buttons, free trial (L-5)
Conversion Chart PSP 4 to PSP 5 changes to convert tutorial settings opacity, blur, feather for tutorials (PSP 03/4 tutorials use numbers 1-255 while PSP 5 changed to percentages 1-100)
Create a Transparent Gif in Adobe Photoshop from Laurie McCanna's Tips. Requires use of the Gif89A Export Filter (Users of Photoshop 3.0 will need to get it from Adobe. Other versions automatically install this filter.) (L-4)
Screen Ruler wonderful JR free tool to measure graphics, web page browser sizes or design elements in pixels, inches or centimeters as you work. Launch from shortcut on desktop.
Color Pickers for windows to download, use offline to choose colors for web pages
Color Wheel Pro - a program that allows you to see color theory in action: you can create harmonious color schemes and preview them on real-world examples.
Creating Transparent Background Images with Lview Pro 1.B. There are more tutorials in the graphics section of my main page. Each one gives a few different tips.
Using Images Examples for wrapping text and aligning images. Examples from left menu, select chapter 5 Using Images from Castro's HTML for the World Wide Web (L-4)
Web Tester
Download free tool to test your backgrounds to make sure they are seamless or
make sure they look like you want them to.(psp) http://www.groan-zone.net/delphi/tester.html Not found 7/26/2006
To keep file size down for web pages, scan photos, usually TIFF is best quality for the original to work with, and then convert them to jpeg 72 dpi (others suggest 80 or 90 dpi for the web) with your graphics program as this is the limit for what most browsers and monitor resolutions can distinguish. Always go back to the original image for any modifications.
A Short Course in Pixels, Displaying, Printing, and Scanning "Everything you wanted to know about how PIXELS relate to image sizes when displaying, printing, and scanning digital images." A must use Image Sizing Calculator rescalc.xls to download in excel spreadsheet format, rescalc.xls
The Arithmetic of Scanning Film and Prints Download the Scanning Calculator in excel spreadsheet format to help you calculate and follow along in the tutorial scancalc.xsl
When you use an image map for navigation, it should also be offered with a text menu for the links. Even if you use alt text for the graphic, if the graphic does not show for people traveling with graphics turned off or for some reason the ISP does not load the image, there is no way to tell that links were even provided. Using a text browser like Lynx is usually not a problem as visitors can follow the links provided in the coordinates.
A Note About Validation and Accessibility: This page is Bobby approved for accessibility. Try using it to see what happens and get suggestions for a page you have made as many are easily implemented. Adjacent links should be separated: I changed my text menu so that the brackets [ ] go outside of the total hyperlink. It was a challenge to separate the graphics of my menu by more than white space. Bobby 2.01 followed the lead of the WAI in instituting HTML 4.0 requirements which offers improved accessibility for people with disabilities. I added a descriptive TITLE to my image links. Advanced options of the latest version of Bobby allow you to check a page using Web Content Accessibility Guidelines (three Priority levels available) or U.S. Section 508. This time through on 2002 Jan 6, I found more things to repair.
I also use this page as an example as it is the one page on my site that validated as HTML 3.2 when I tested it a few years ago. Now there is a counter code which I can't control which do not allow it to validate. Using the special character for Ampersands (&'s) in URLS fixed validation errors on a recent run through. Other pages on my site use coding to bold the text used with the <DT> tag to emphasize sections -- they do not validate because strict coding does not allow this. I didn't change the display of the other pages as even though they do not validate, they work for most browsers. Because I use "deprecated" tags font size=, align=, center and attributes in the body tag, this page will not validate for HTML 4.0. While I am learning more about 4, I won't switch until I know most people have browsers capable of displaying new presentation features in a more reliable manner. To get the highest Bobby rating, valid HTML 4 coding must be used with the enhancements for accessibility.
![[HTML]](htmlp.gif){kind=small}
![[Colors]](colorsr.gif){kind=small}
![[Graphics Tutorials]](tutorr.gif){kind=small}
![[Editors]](editorsp.gif){kind=small}
![[Extras]](extrasr.gif){kind=small}
![[JavaScript/Java]](javar.gif){kind=small}
This page is Bobby approved for accessibility. Try using it to see what happens and get suggestions for a page you have made as many are easily implemented. Adjacent links should be separated: I changed my text menu so that the brackets [ ] go outside of the total hyperlink. It was a challenge to separate the graphics of my menu by more than white space. Bobby 2.01 followed the lead of the WAI in instituting HTML 4.0 requirements which offers improved accessibility for people with disabilities. I added a descriptive TITLE to my image links. Advanced options of the latest version of Bobby allow you to check a page using Web Content Accessibility Guidelines (three Priority levels available) or U.S. Section 508. This time through on 2002 Jan 6, I found more things to repair.
