Creating Great Screenshots Terry Smith STC Carolina Tri-Doc 2005 April 8 & 9.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Dan Sadler Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
CS 128/ES Lecture 7a1 Data – How (Much of) It Is Stored.
2.01 Understand Digital Raster Graphics
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Dr Jimmy Lam CAD for Fashion and Textiles
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
Paint Shop Pro and the Web Rick Matthews Dept. of Physics, Wake Forest University And The International Center for Computer Enhanced Learning
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
File Formats About graphic file formats And image compression.
An Introduction to Graphic File Formats.jpg.gif.tiff bmp and.eps and.psd...
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Understanding Images on the Computer How do images work and why?
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Graphics workshop Library and Information Services University of St Andrews.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
 Scanned or digitally captured image  Image created on computer using graphics software.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Things to Remember When working with digital images.
Raster Graphics 2.01 Investigate graphic image design.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
Graphics Concepts Presentation
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
2.01 Understand Digital Raster Graphics
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Lesson 7 Learning Objectives: Insert pictures from files
2.01 Understand Digital Raster Graphics
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
A computer display is made up of small squares, called pixels.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Lesson 5: Multimedia on the Web
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Creating Great Screenshots Terry Smith STC Carolina Tri-Doc 2005 April 8 & 9

April Graphic Element Clarity  Fonts are best for all formats  Vector art is next  Bitmap art like all screenshots is least flexible

April What is the best tool to use?  It really doesn’t matter for simple screenshots  Most tools can capture portions of the screen  The real difference is in post-processing

April Which graphics format is best?  Where will the graphic be used?  Can you sacrifice quality for reduced size?  How important is dependable color reproduction?

April What can I do before taking the screenshot?  Use standard appearance settings so your screenshots have a consistent look.  Use appearance settings that do not moirés.

April It’s a moiré  Moirés are checkerboard patterns that show up in print and sometimes online.  The appearance of the moiré depends on the resolution of the printer, how the screenshot was resized, and so on.  Moirés look unprofessional.

April How do screenshots get ruined?  Lossy format  Changing size  Changing size by dragging instead of by adjusting DPI (FrameMaker)  Settings in print driver  Settings in Acrobat Distiller  Pasting from Microsoft Word

April What is the worst graphic format?  JPEG (with one exception)  Lossy format  Compression algorithm is meant for smooth images like photographs, not abrupt transitions  Can cause bloating in PDFs

April Good online formats  GIF if you need only 256 colors  PNG if your users all have a browser that supports PNG (PNG is the native format for SnagIt)

April Good print formats  TIFF and EPS are best if you need top- quality color reproduction or cross- platform compatibility  PNGs are small and lossless if your desktop publishing program supports them  BMPs are big, but often useful for Windows programs

April What do users like to see?  Clear screenshots  Screenshots with callouts  Screenshots that highlight the important parts in some way  When appropriate, screenshots that are layered and labeled to show relationships

April SnagIt  The most recommended screenshot tool  Easy to capture the portion of the screen you want  Easy to process the screenshots for professional, user-friendly effects

April SnagIt Drawing

April Resources  Creating Perfect Screenshots Input\LS2-ScrnCap.htm Input\LS2-ScrnCap.htm  Dov Isaac’s recommended driver and Acrobat Distiller settings Input\Dov Isaacs PDF Presentation\Isaacs PDF Conf West 2002.pdf Input\Dov Isaacs PDF Presentation\Isaacs PDF Conf West 2002.pdf

April Q & A

April Tri-Doc 2005 Terry Smith Per-Se Technologies, Inc. (919)