Graphics Tutorials and More Graphics Resources and Tips Paint Shop Pro Tutorials and Plug-ins/Filters; Photoshop Tutorials; Other Graphics, Color, Font and Typography Resources and Tips; Scanning Resources; Animated Gifs; Image maps
Paint Shop Pro Tutorials nicely done at the-graphics-tablet.com X3, X4 and earlier. Essential Skills, Editing Tutorials, introduces really interesting tutorials from Terry, Scrapbooking, Workspace. Lots of information and tutorials on Photoshop too.
Corel Paint Shop Pro price shop at amazon.com to purchase boxed. Look for discounts on recent or even older versions like Corel Paint Shop Pro 9 (formerly JASC). Check Corel Support for Software Updates and Patches. Download free trial at corel.com or purchase boxed. Sales on PaintShop Pro X4 latest version. Paint Shop was always two words when it was JASC for earlier numbered versions (i.e, Paint Shop Pro 3, Paint Shop Pro 7) and continued at Corel through Paint Shop Pro X. Since then Corel took out the space PaintShop Pro versions X1, X2, X3.
news:comp.graphics.apps.paint.shop.pro newsgroup or read it online at Google Groups
Plug-ins and Filters at about.com with general information and tips as well as places to get them for photoshop-compatible image editors like PaintshopPro
Calibrating Your Monitor reference still at jasc
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.
Paintsho Pro 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)
Camp Ratty Paint Shop Pro Tips questions "Irreverant Tutorials Marginal Advice". Prefers vintage PSP 9 over upgrades PSPX and up. previously known as Top Ten (Very Frequently Asked Questions)
Paint Shop Pro Users Group PSPUG online study groups, discussion, tips and resources, newsletter. Free registration. Discounts from affiliates.
Paint Shop Pro Web Artist site archive, reocities.com when geocities went down. Just change g in geocities broken link url to r, reocities might have saved.
AutoFX Software : Photoshop Plug-in Filters for special effects. Check downloads for FREE plug-in Dreamy Photo and Free plug-in Mosaic. Both are available with Mac version or Windows and are Adobe Photoshop compatible plug-in
the Place Message board for people who love graphics, HTML and web design. Expand learning from online VU classes. All welcome.
Instant Buttons using Button Button font, ButtonButton AOE, font, at dafont.com. Update: current location for astigmatic.com's free archives, dafont.com
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.)
How to Build Web Galleries in Photoshop CS3 Nathan Segal, step-by-step illustrated directions. Even if you don't use photoshop can apply to other programs. How to organize photos and how to proceed.
digital-foundry.com Photoshop Filters and Plug-ins, tutorials with sponsored links.
VisiBone Swatch Collection has free web-safe palette swatches for Adobe software as well as other graphics programs.
Introduction to Adobe Photoshop designed by Selena Sol and Kenji Tachibana online - Day One: Photoshop Basics Day Two: Basic Image Manipulation Day Three: Advanced Image Manipulation
Screen Ruler 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.
Webdesigner Depot "exciting new platform designed to explore different web and graphic design techniques, great examples and best practices." Joint effort and collaboration between leading designers around the world which contribute a wealth of expertise on all fields of design, such as coding, typography, Photoshop tutorials and more.
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.
HTML Tag Buddy combines a lot of features and has a separate Color Tag Buddy UFRAGG Software. Free for win 95. 2006
Color Worqx Color Theory Overview & Tutorial at woqrx.com Wow, thanks KOT for telling me about this wonderful color tutorial! Stay to the end to create a composition based on the information with her palette picker NOT connecting 1/29/2012 - seems temporary as visited in 1/24/12. Message problem loading page connection reset. Try again.
comp.infosystems.www.authoring.images newsgroup
Creating Transparent Background Images with Lview Pro 1.D2/32 There are more tutorials in the graphics section of my main page. Each one gives a few different tips.
All Good Things Typography Lots of interesting articles. Kevin Woodward. http://www.redsun.com/type/ URL NOT FOUND site redirects to spam sites? Jan 2012
TypeIndex.org - The International Type Index Register for free to build your collection, database with all the fonts you are interested in. WHAT IS THE I.T.I. ?
The International Type Index is a free project from a non-profit organisation, self-financed by (few ;-) ads.
Imagine : a searchable database gathering in one place all fonts from all foundries, from all the world! We are doing it! Register for free to build your collection, database with all the fonts you are interested in. THE TYPE HANDBOOK
1 - Creating type :
a 10 steps tutorial.
2 - Typography :
Anatomy of a letterform
3 - Typography : Portrait of a family.
4 - Bitmap vs Outline :
A history of fonts.
5 - Types of type :
The different font formats.
6 - Font Classification:
A user-oriented guide
Typography Feb 1, 2000 from WPDFD, includes list of mac and pc equivalent fonts.
Web Style Guide 3rd edition, online, web design with users in mind. Chapter 8 Typography, balance and interplay of letterforms on the page, verbal and visual communication, when to display typography with graphics.
ButtonButton AOE Font | dafont.com free download for PC and Mac .ttf true type font, buttonbutton_aoe.zip from Astigmatic One Eye Typographic Institute Dafont free archives. Dingbats/Shapes cagtegory. Tutorials on the web for creating graphics using this font now have broken links from when it was featured on their main site, http://www.astigmatic.com This is where to find it now 2012, aka Button Button font.
FAQ | dafont.com How to install fonts on MAC OS? Windows and Linux.
the Dingbat pages free for Mac and PC, create graphical text/images from them
Graphics and Color WPDFD - faster load time and quality GIF JPEG file formats, palettes and cross platform issues
The Graphics File Format Page
http://graphicssoft.about.com/od/softwaretutorials/Graphics_Software_Tutorials_and_User_Resources.htm
Graphics Software Tutorials and User Resources graphicssoft.about.com .
Resources for learning and using your graphics software, arranged by software title or company. Find tutorials, tips, and other instructional resources for popular graphics software programs. Also lists downloads, add-ons, and other useful Web sites for each software program.
Preparing Graphics for The Web Douglas E. Gray comprehensive, use article text menu links to naviate: Douglas E. Gray comprehensive, use article text menu links to naviate: Introduction | JPEG File Format | GIF File Format | Which Format to Use | Display Types | Tips and Tricks
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
CKWS - Single-Pixel Gif Trick for placement by D. Siegel Creating Killer Web Sites still handy workaround, how to make the most of them. "When Cascading Style Sheets (CSS) are consistently well implemented in browsers, I hope we can throw these hacks away and begin, finally, to do things right."
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.
Image-Acquire.com digital camera website that provides all the latest digital camera news and reviews. archived content as well.
Adding Images to Your Site has tips for scanning photos for the web including use the original negative or slide
Image and Document Scanning about.com One way to get graphics and text into a computer is with a scanner. Learn how scanners work, get scanning software, and find tutorials on all aspects of image scanning, document scanning - including OCR - and using a scanner effectively for black and white and color scanning.
A ShortCourse in Sensors, Pixels, and Displaying Images how PIXELS relate to image sizes when displaying, printing, and scanning digital images. A must use Pixels and Image Caculator, and Scanning Calculator to download in excel spreadsheet format, pixelcalc.xls scancalc.xls
How to Create Animated Gifs from Images & Video with Gifninja tutorial to convert the video file into an animated GIF. gifninja.com is a website that lets you create animated gifs quickly and easily. You can either create an animated gif from individual images or by uploading a video. gifninja also provides you with a nice utility to split an animated gif into separate images.
ShoeString's PictureDicer is a windows freeware tool that chops any image file into several smaller images, suitable for creating mouseover effects and pseudo-imagemaps on Web pages. It also generates the HTML for a table to contain the partial images and display them so they appear as the original uncut image.
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 another online accessibility checker to see what happens and get suggestions for a page you have made as many are easily implemented. Unfortunately Bobby is no longer available, but this is advice it gave to me. 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. But I learned now to fix it from the mowt recent run through several html checkers and page validates as W3C HTML 4.1 Transitionl. 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 Strict HTML 4.1, but will for Transitional. While I am learning more, I didn't switch to CSS for presentation until I knew 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. Now it's time to try on all of my pages.
![[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}
nicely done at the-graphics-tablet.com X3, X4 and earlier. Essential Skills, Editing Tutorials, introduces really interesting tutorials from Terry, Scrapbooking, Workspace. Lots of information and tutorials on Photoshop too.
This page is Bobby approved for accessibility. Try using another online accessibility checker to see what happens and get suggestions for a page you have made as many are easily implemented. Unfortunately Bobby is no longer available, but this is advice it gave to me. 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.
