1 / 27

Paint Shop Pro and the Web

Paint Shop Pro and the Web. Rick Matthews Dept. of Physics, Wake Forest University And The International Center for Computer Enhanced Learning matthews@wfu.edu http://www.wfu.edu/~matthews. JPG vs. GIF Layers Raster vs. vector Text and shapes Adjustment layers Fixing exposure problems

schuyler
Download Presentation

Paint Shop Pro and the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Paint Shop Proand the Web Rick Matthews Dept. of Physics, Wake Forest University And The International Center for Computer Enhanced Learning matthews@wfu.edu http://www.wfu.edu/~matthews

  2. JPG vs. GIF Layers Raster vs. vector Text and shapes Adjustment layers Fixing exposure problems Color correction File export: JPG and GIF Screen capture My favorite PSP tricks

  3. Nearly all web images are one of these two. Each is a compressed format. Goal: small file size=>quick download. Each has compromises, but very different compromises. JPG vs. GIF

  4. Limit of 256 colors on screen. Shrinks files by looking for areas of uniform color. Great for text, line graphs, simple computer art. Poor for photographic images. GIF

  5. Problems: No uniform color, so big files Lots of colors, so poor fidelity. GIF and photos

  6. Photo rendition is the design goal of JPG. It is a lossy compression method, discards info least likely to be noticed. Huge reductions in file size with minimal quality loss. JPG and photos

  7. JPG is at its worst where GIF is best: Large areas of uniform color. Below are magnified 200x100 images. JPG and text, line art JPG, 2,400 bytes GIF, 646 bytes, perfect

  8. CAUTION: Never use JPG for your working file format. Each Save, Load cycle degrades image more. Lossless formats: TIFF, PSP, PNG. PSP: optimal internal format, but proprietary. TIFF: widely supported across multiple platforms. PNG: Newest, will eventually replace GIF. Not yet well supported. TIFF, PSP, PNG

  9. 3 kinds: Raster (images) Vector (adjustable objects) Adjustment (affect lower layers, not directly visible. Layers

  10. 3 kinds: Raster (images) Vector (adjustable objects) Adjustment (affect lower layers, not directly visible. Layers

  11. 3 kinds: Raster (images) Vector (adjustable objects) Adjustment (affect lower layers, not directly visible. Layers

  12. Levels let you intuitively (and reversibly) correct brightness and contrast. Uses adjusment layer. Color balance is another adjustment layer. Example: Levels and color

  13. Handy when dark areas need to be lightened more than brighter areas. Consider working on duplicate layer, to save original. Example: Gamma

  14. Handy trick to create header images for web pages, backgrounds for PowerPoint slides Must create a duplicate layer, then make background white. Transparency

  15. Handy for tutorials on software. Easy way to grap images that were not intended to be grabbed. Screen capture

  16. PowerPoint

  17. Choosing a presentation template Choosing a format for each slide Images Animation Sound, Narration Export to Web Steps in creating a PowerPoint presentation

  18. Appropriate theme? More important: contrast Presentation template

  19. Think about leaving room for illustrations, pop-ups. Can always delete text boxes. Inserted text boxes have defective bullets. Layout

  20. Can use Insert, Picture, File, or… Copy and paste from PSP. Best to size images in PSP first, rather than resizing in PowerPoint. Inserting images

  21. Introduces elements of slide sequentially. Choose SlideShow > Custom Animation “Effects” controls how it appears. “Timing” controls when. Animations

  22. Easy! Slide Show > Record Narration External microphone is recommended. Narrations

  23. Uses a tool you may already know. Efficiency much improved in PP2000. Layout is easy, well-defined. Nearly trivial way to post class notes on web. Less flexible layout. Slower viewing, because files are larger. Linear document: not a “web-like.” Web authoring: PowerPoint vs. direct authoring

  24. To create web page select File> Save As Web Page Publishing your PPT on the web • Preview web view under File Menu. • To create web page select File> Save As Web Page • Default: works with IE5 only. To fix, click “Publish.”

  25. Miniproject on PSP and Powerpoint

  26. Two Miniprojects -- PSP • Prepare another image consisting only of vector text and shapes. • You should have at least 3 layers: raster background with a uniform color, vector layer for text, vector layer for shapes. • Save as PSP image, export as GIF. • Start with a photographic image. • Correct brightness and contrast using levels, correct gamma, correct color. • Add text overlay • Save as PSP, export as JPG.

  27. Miniproject -- Powerpoint phase • Create a brief presentation, with your choice of designs. • Create three slides in more than one layout, and include at least one picture. • Experiment with different animations. Overdo it. Be tacky. • Add one “virtual” slide, consisting of sequence of slides with “fake” pop-up boxes. • Export to web.

More Related