Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
-
Upload
cuthbert-williamson -
Category
Documents
-
view
213 -
download
1
Transcript of Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
![Page 1: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/1.jpg)
Scanning and Graphics Workshop I
Graphics for the Web, Scanning and Introduction to Photoshop
![Page 2: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/2.jpg)
Graphics Workshops
I: flatbed scanner and Photoshop basics II: slide scanner and digital camera III: Photoshop “tricks” - neat things to do
with text, graphics, and file compression IV: “Clickable” images
animated gifs and graphics “helpers”
![Page 3: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/3.jpg)
Basic considerations of graphic-design for the Web
Intro to Web graphic file formats Scanning paper documents Intro to graphic-editing with Photoshop File conversions
![Page 4: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/4.jpg)
Web-Graphics Basics
Basic Considerations Most common file formats are .gif
and .jpeg 8-bit color 254 colors of Netscape
http://www.killersites.com/1-design/index.html
![Page 5: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/5.jpg)
GIFs and JPEGS
GIFs use an LZW compression algorithm and have lossless compressions (decompressed image looks just like the compressed image)
uses linear pattern recognition for run-length encoding, so horizontal regularity is greatly compressable
![Page 6: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/6.jpg)
GIF compression
941 bytes 1000 1001
1033 1102 1147
1186 1803 6685
![Page 7: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/7.jpg)
GIFs and JPEGs, cont.
allows transparency, animation, interlacing, etc.
GIF 89a
![Page 8: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/8.jpg)
GIFs and JPEGs, cont.
best way to compress photographic images (continuous tone images)
JPEG
![Page 9: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/9.jpg)
Flatbed scanners
mac and Windows 95 machines use scanner software for image
acquisition use Photoshop for image manipulation
and file conversion
![Page 10: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/10.jpg)
Scanning
scan as “millions of colors”, even if the original image is black and white
save file as .bmp or.tiff
![Page 11: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/11.jpg)
Photoshop
Open file work with layers use image adjustment routines to
compensate for bad scanning resize images for use on Web save images in a web formats
![Page 12: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/12.jpg)
Saving in .GIF format
select “mode” from the menu bar select “indexed color” say “OK” to “flatten layers?” select either 8-bits/pixel or “Other” for
resolution - it’s up to you. However, because gifs are an indexed file format, the fewer colors you use, the smaller your file will be!
![Page 13: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/13.jpg)
select “exact” or “adaptive” for the palette
click “OK” select “file”, “save as”, and be sure to
select “CompuServe GIF” in the “Save File as Format Type” box.
![Page 14: Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94aa018e/html5/thumbnails/14.jpg)
Saving in JPEG format
if you have more than one layer you must “flatten” the image
save as JPEG (choose jpeg in “Save File as Format Type” box)