DIGITAL ARTS NOTES

• Graphic Design - the use of graphic media (such as color, symbol, and type) to communicate a style or expression Visual Design - spans the fields of Graphic Design, Illustration, Typography, Layout, Color Theory, Iconography, Signage, Photography, etc. and any medium, including online, broadcast, live performances and print. Experience Design - an approach to creating successful experiences for people in any medium. Interactive Design is concerned with a user, customer, audience, or participant's experience flow through time.

Axis

Bitmaps – pixelated (pixel by pixel) Opaque – Opacity, Fill Transparent – Alpha Levels < 100% Alpha Channel: Transparent Channel – There are 3 color channels (RGB) and 1 transparent channel (alpha channel) Anti-alias edges using the alpha channel; part of the pixel is used or reserved for transparency, type of mask Control Alpha 1 % (Transparent) – 100 % (Opaque) Interpolate – using surrounding pixels or shape to calculate the value of the new pixel or position. Dithering- This is a process used in making an image (like in a GIF file that has 256 colors or less) appear to have more colors than it really does. Interlaced - A fuzzy outline of an image is gradually replaced by seven successive waves of bit streams that fill in the missing lines until the image arrives at its full resolution ABOUT COLOR Pixel – “Picture Element” Bitdepth – amount of data for an individual colored dot • • • • Monochrome – 1 bit deep Grayscale – 8 bits deep RGB – 24 bits CMYK – 32 bits

(Interactivity should not be confused with animation in which objects may move on a screen. Interactivity is concerned with being part of the action of a system or performance and not merely watching the action passively.) • Information Architecture is a field and approach to designing clear, understandable communications by giving care to structure, context, and presentation of data and information.

Shapes & Geometry Primitive Shapes: • Circle • Square • Parallelogram • Polygons Lines Constructed by: • Vector – 2 connected points • Vertices – Anchors (Points) • Handles Use of Bezier Curves to create lines • • 1 Spatial Shape Rotation

RGB - Red, Green, Blue. Colors that involve monitor display. Colors are determined by mixing these 3 colors together with values ranging from 0 to 255. CMYK- The initials of the four process colors. They are cyan, magenta, yellow, and black. K is used for black to not confuse people into thinking blue. Gradient- This is a gradual transition of two or more colors.

All of the information is completely restored (e. „ Leading.This is the distance between the baseline of one line of text to the next baseline of text. add instance • Input – for user input Resize selection – blue outline is the sizing mode – do not transform text since it will enlarge text Dynamic – you can scale the text area. grouping of like elements • Nesting of Elements Grouping and togetherness • Spacing of Elements Hierarchy levels Bleed. Place or Copy/Paste Actions) • Movie clips (Flash Types) • Graphics (Flash. Shape Transform Scale: Height x Width (x Z) Position: X & Y Skew Offsetting Shape Inset Cropping. dependencies. white.This is type that lacks the strokes on the end of letters Serif.g. video. There is just black. every single bit of data that was originally in the file remains after the file is uncompressed. When the file is uncompressed. May require you to embed typefaces if user does not have it Modifying Text Elements Break Apart Distribute to Layers Motion Tween each text element {Constrain Transforms} Assets (Import. • Optimization • Yield size Text & Typefaces • • San Serif. JPEG. Use Eye Drop tool to sample color Inkwell – use to set or add stroke Types: • Static – static text • Dynamic – for tween and motion. only a part of the original information exists (e.Method used in print to have ink printed right up to the edge of a page. background opaque • GIF – smaller but lower quality edges Formatting and Layout: • Sequence of Elements Flow control.These are the exaggerated strokes at the ends of letters. option to anti-alias text elements „ Tracking – adjust space between all letters „ Kerning – adjust space between the two letters 2 . all original data can be recovered when the file is uncompressed. and various shades in between.With lossless compression. GIF format) Trade off between file size and image quality. Illustrator Types) • Buttons (Flash Types) Graphic Types: • PNG – allows alpha channel • JPG – higher resolution. sound formats) Lossless . in the compression of a file.This involves removing the outside edges of a photograph to remove excessive or irrelevant background content of a photo.Lossy compression reduces a file by permanently eliminating certain information. especially redundant information. Lossy .This is a color mode where there are no colors in use.Grayscale. Lossy Lossless Compression Describes whether or not.g.

Select object 4. Checkbox Snap 5. Orient to Path Animation (“Motion Tweening”) Motion Tween For Motion use Easing Shape Tween For Shape Tween use Use Shape Hints Gradient – Color changes 3 . Guide Layer – Draw path with pencil 3.Motion Guides 1. Select Motion Guide 2.

Master your semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master your semester with Scribd & The New York Times

Cancel anytime.