Photoshop: Designing Graphics for the Web
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community
Ask the community for help and clear up your study doubts
University Rankings
Discover the best universities in your country according to Docsity users
Free resources
Our save-the-student-ebooks!
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
Designing Graphics for the Web - Photoshop Tutorial, Study Guides, Projects, Research of Photoshop
Photoshop tutorial to teach things in best way. These slides talks about: Designing Graphics for the Web, Web Graphics, Graphic Limitations, Display Considerations, File Formats, Transparent Text, Saving for the Web, Scanning Line Art Scan Resolution
Typology: Study Guides, Projects, Research
2013/2014
1 / 26
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Designing Graphics for the Web - Photoshop Tutorial and more Study Guides, Projects, Research Photoshop in PDF only on Docsity!
Photoshop: Designing Graphics for the Web
Overview
- Photoshop Basics
- What is Photoshop?
- Uses
- Tour
- Web Graphics
- Graphic Limitations
- Display Considerations
- Cross-Platform/Browser-Safe Palette
- File Formats
- Transparent Text
- Saving for the Web
What is Photoshop?
Photo retouching, image editing, and color
painting program; graphic design tool
- Create high-quality digital images
- Tools & special effects capabilities
- Manipulate scanned images, slides, & original artwork
- Isolate parts of an image for experimentation &
individual editing
- And lots more…..
Uses of Photoshop
- Art (line drawings, charcoal, color original)
- Photographic
- Restoration
- WWW (GIFS, JPEGS, etc.)
- Montage
- Halftones, Duotones, Tritones, Quadtones
- Color Separations
- Posterizations
- Special Effects
Graphic Limitations
- Connection Speeds
- User Configurations
Display Considerations
- Screen Sizes
- Colors
File Formats
- JPEG – Joint Photographic Experts Group
- GIF – Graphics Interchange Format
- PNG – Portable Network Graphics
JPEG
- Best for photos or continuous tone, full-color images
- Uses 16 million colors
- Browsers use reasonable approximations
- Work in RGB mode
- Uses lossy compression
- Saving (Standard, Optimized, Progressive)
PNG (8-bit)
- Best for line art (logos)
- Compresses solid areas of color well and maintains sharp detail
- Generally, has better compression than GIF (10-30% smaller)
- If considering saving as GIF, also consider saving as PNG (8-bit)
- Not supported by older browsers
PNG (24-bit)
- Best for continuous-tone images
- Compresses well, but can be larger than JPEGs
- If considering saving as JPEG, could also consider PNG (24-bit)
- Not supported by older browsers
GIF vs PNG
Comparison of JPEG and PNG 10.8K PNG-8 with 64 colors 9.5K GIF with 64 colors
Transparent Text
Web Graphics
Scanning Concepts
- Getting Images Into Photoshop
- Bitmap vs. Vector Graphics
- Pixel Dimensions
- Image Resolution
- Monitor Resolution
- Printer Resolution
- Screen Frequency
- File Size
Evaluating Originals
- Color Range
- Contrast
- Size
- Good Original
- Shadow & Highlight Detail
- Tonal Corrections