Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Transcript of Graphics
Anti-aliasing can be applied to
minimize the effect. Adobe Photoshop’s Save for Web interface allows you to perform a side-by-side comparison of different compression settings and file formats to achieve the optimum result
(highest resolution /lowest file size). This high-res photo contains lots of redundant information – perfect for JPEG compression. You can crop an image to change or enhance the subject’s focus. Cropping permanently deletes pixels from a digital image while preserving the original color values of the uncut pixels. With resampling, both the pixel dimensions and the resolution of a raster image can be altered by applying mathematical algorithms that systematically add or delete color information during image resizing. Used for four-color printing.
etc. CMYK Color Space Used for multimedia:
etc. RGB Color Space Downscaling Upscaling Upscaling enlarges the size of the raster image and adds pixels
Downscaling decreases the size of the raster image and removes pixels. Computer Graphics A term coined by William Fetter in the 1960's.
Describes the process in which data is encoded and displayed by computers.
When discussing computer graphics it it generally
divided into two main categories:
Images Graphics Images Graphic Designer Someone whose main
job is to create graphics
for print and the web An image is a two or three
of a person, animal, object,
or scene in the natural world. An image can be still or moving Still (static) image
is fixed in time Moving (time-based) image
changes over time Digital Imaging Film cameras
plastic strip Digital cameras
into a binary file Digital Cameras
use an optical senor
to convert light
into a digital recording. Vector A raster is an imaging process that uses pixels
to define the structure of a digital image.
Tiny squares of color in a mosaic make up a graphics. Zoom into a raster and you can see the pixels. A vector image is mathematically constructed paths
that define a graphics visual structure.
A vector graphic is a group of interrelated points,
lines, curves, and shapes. Zoom into a vector and the edges are always crisp. Let's Talk Raster A raster is formed by dividing the
area of an image into a rectangular matrix of rows and columns Pixel A pixel is usually square (sometime a rectangle) and represents a single point in an image. Short for
"Picture Element" Raster Gestalt Theory Perpetual grouping The tendency to perceive whole shapes and
patterns from an arrangement of smaller
particles of information. Matrix Resolution Describes the image quality and directly
relates to size and quantity of pixels. Low Res High Res Pixel Dimensions & Count Pixel dimensions refer to the
dimensions of the raster matrix
(not the pixels themselves)
Pixel count is derived from the
multiplication of the x & y axis. Pixel Density Pixels Per inch (PPI) The more pixels per inch,
the smaller the pixels will be. Scaling Resampling Aliasing & Anti-Aliasing Raster Formats GIF JPEG PNG Vector Graphics Vector Formats EPS SVG SWF Color Space Compression Cropping Vector paths form
the outline of a geometric
region containing color information Since paths can be
resized there is virtually
no loss of clarity. Logos, graphics, and fonts are typically stored as vectors because of their
ability to scale. Raster Vector VS Structure Software Output Best Use Scalability Size Defined using pixels.
Raster matrix containing
various pixel data. Defined using paths.
Geometric areas that use
points, lines, curves, and shapes. Photoshop, GIMP, Corel
Paint Shop Pro, and Pixlr. Illustrator, Flash, CorelDRAW,
FreeHand, and SVG-Edit. Low resolution electronic display.
Used in digital photography, video,
and web pages High resolution printing and prepress.
Used for rendering 2D and #D
computer animation. Images with lots of color
and complexity. Realism. Simple drawing, fonts, clipart,
logos, and line art. Resolution-dependent
(fixed pixels). Image
degrades when enlarged. Resolution-independent.
Graphics can be resized
without loss of detail. Typically large. Can be
compressed,but that will
degrade image. Relatively small and
highly efficient. An area of a picture using paths made
up of points, line, curves, and shapes. Encapsulated PostScript. A computer file format based on the PostScript (programming language) standard. It is supported by most graphic design and page layout programs. Scalable Vector Graphics. An open-standard file format used for vector graphics under development by the W3C. Small Web Format (formerly ShockWave Flash). The dominant format for displaying "animated" vector graphics on the Web. Is a lossless compression format that is common for logos and supports transparency. Supports interlacing for faster loading
on the web. Offers only 256 colors. Is a lossless compression format that is common for logos and supports transparency. Supports interlacing for faster loading
on the web. Offers 16.8 million colors. Mostly used for photographs and compresses well to create smaller file sizes. Used heavily on the internet. Offers 16.8 million colors. 24 Bit Color Adobe Color Picker Panel Still Crispy! The term graphic means a visual representation that can be displayed
on a physical surface.
Human like figures
Line Art Paths Scale Best Uses Additive Color Model Subtractive Color Model The possible color options for an 8 bit pixel. The color picker
panel in digital
give options for
both models. Color space can be split into two categories
Red Green Blue (RGB)
Cyan Magenta Yellow Black [key] (CMYK) Magnified