1 / 13

Mastering Web Graphics: Formats, Optimization, and Special Effects

Learn about graphic file formats, progressive display, transparency, optimizing images, and creating animations for the web. Explore advanced features of graphics programs to enhance your designs.

johnmking
Download Presentation

Mastering Web Graphics: Formats, Optimization, and Special Effects

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. chapter 29:Creating Web Graphics

  2. contents • Graphic File Formats for the Web • Progressive display and Transparency • Optimizing Images for the Web • Animating GIF Graphics • Advanced Features of Graphics Programs • Multimedia Graphics

  3. Graphic File Formats for the Web(1) • Using GIF • Using JPEG for Color Photographs • Other File Formats • Getting GIFs and JPEGs - creating GIFs and JPEGs with word processor- common programs for creating GIF and JPEG files

  4. Graphic File Formats for the Web(2) • creating a GIF or JPEG image file- paint or drawn- scan a paper image- convert an exiting file to GIF/JPEG • issues in convert to GIF and JPEG • getting web clip art from the internet

  5. Special Effects: Progressive Display and Transparency(1) • What is Progressive Display? • What is Transparency? • Setting a GIF color to be TransparentSpecial Effects: Progressive Display and Transparency • What is Progressive Display? • What is Transparency?

  6. Special Effects: Progressive Display and Transparency(2) • Setting a GIF color to be Transparent- using Microsoft Paint - using Paint Shop Pro • Avoiding or Fixing Transparency Problems • Advanced Features of Graphics Programs • Advanced Features of Graphics Programs- using Microsoft Paint - using Paint Shop Pro • Avoiding or Fixing Transparency Problems

  7. Transparency 적용

  8. Transparency 적용 안했을때

  9. Progressive display

  10. Optimizing Images for the Web(2) • Optimizing for Quality- choosing color depth and palettes in GIF and JPEG-choosing between quality and control-eliminating problems with photographs in GIF-reducing mixed colors to a single color

  11. Animating GIF Graphics • Creating and animating images sequences • Animating with javascript::rollover

  12. Advanced Features of Graphics Programs • Anti-Aliasing anti-aliasing 적용 비적용 • Image slicing • Background Tiling

  13. Advanced Features of Graphics Programs(2) • Image slicing 예

More Related