1 / 61

Visual Representation of Language and Font Technology

Explore the visual representation of language through graphical symbols and fonts. Learn about character shapes, spacing, structure, and layout. Discover the technology behind fonts and image acquisition. Dive into optimization, database technologies, server-side scripting, XML, 3D content, and graphics device principles.

lars-patrick
Télécharger la présentation

Visual Representation of Language and Font Technology

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Media TechnologiesModule Review

  2. Character Representation & Font Technology

  3. Text – Nature and Aesthetic • Visual representation of a language • Graphical symbols with visual aesthetics • Characteristics • Shape • Spacing • Structure • Layout

  4. Abstract Characters • Grouped into alphabets • Alphabets describe written form of a given language • Upper and lower case require different symbols • A, B , C, …Z, and a, b, c, …z • Punctuation marks :;,. ! • Numerals and operator symbols 0, 1, 2, 3… + - x ^ =

  5. Font Technology • Each stored character value mapped to a visual display called a glyph. • Glyphs arranged in collections called fonts • Concept of fonts as collection of glyphs visually related and design to work together dates back to pre-digital era. • Some font designs originate from fifteenth century.

  6. Computer Graphics

  7. Image Acquisition • Scanner • Digital Camera • Computer Artwork • Digital Capture or Transfer • Library Material

  8. Vector Graphics • Mathematically prescribed • Wont loose resolution when scaled • Give very lightweight file sizes • Limited picture information for photorealism • File Formats .wmf, .swf, cgm • Software • Adobe Illustrator, • Macromedia Freehand

  9. Bitmapped Graphics • Allow for high-definition photorealistic images. • Image encoded on a pixel by pixel basis. • Image resolution degraded when scaled • Supports lossless compressions algorithms • File Formats - .BMP, .GIF, .JPG, .TIF .TGA • Software • Adobe Photoshop ( with ImageReady) • Macromedia Fireworks • PaintShop Pro (Shareware)

  10. Optimisation & Deployment • Control over compression (.JPEG) • Palette depth (.GIF) • Balance of picture quality versus file size • For web deployment use ‘Export for web’ • Never deploy the construction (layered) file! • Deploy for non-BroadBand audiences (for now)

  11. Database Technologies

  12. N-Tier Architecture 011020 011020 011020 databaseserver

  13. Server-Side Scripting • Advantages • No special client side software required • Robust security model via encryption (https) • Typical Activities • Design and Author scripts • For particular requirements • To sell or provide for wider community • Use existing scripts • Script will need to be configured (setup) for individual use • Access to cgi-bin required on host server

  14. Server-Side Scripting - PERL • Perl = Practical Extraction & Reporting Language • Perl has powerful text-manipulation functions • Used to process World Wide Web electronic forms • Provides a Common Gateway Interface (CGI) for access to systems, databases, and users • Freely available for several platforms, Windows, MAC, Unix, etc.

  15. XML • XML is a markup language much like HTML • XML was designed to describe data • XML tags are not predefined. You must define your own tags • XML uses a Document Type Definition (DTD) or a Schema to describe the data • XML with a DTD or XML Schema is designed to be self descriptive

  16. 3D Technologies for the Web

  17. Motivations for 3D Content • Virtual Tours ( Environments, Architectural walk-thru ) • Product design presentation and interaction • Scientific applications - molecular structures, navigation of ‘spaces’ • Abstract representations of real-world concepts, e.g navigating file structures or data warehouses via real-time 3D metaphors. • Online gaming

  18. Technologies • VRML • Shockwave 3D • 3DML

  19. Deployment Issues • Client-side software required to view & navigate worlds • Bandwidth! - broadband take-up and capacity will determine the future potential for 3D on the Web.

  20. Graphics Device Principles B.Sc. (Hons) Multimedia Computing Media Technologies

  21. Random v Raster

  22. Random v Raster

  23. Aliasing • Bitmap images will exhibit aliasing to the underlying method of their storage and display. • Algorithms applied to final image to smooth jagged edges and give more gradation between edge colours

  24. Antialiasing Lines Aliased Anitaliased B.Sc. (Hons) Multimedia Computing Media Technologies

  25. Aliased

  26. Antialiased

  27. Bitmap Image Editing

  28. Image Transformations • Scaling • Rotations • Translations • Reflections (flip) • Skewing • Freeform

  29. Compositing Images

  30. Compositing Images

  31. Compositing Images

  32. Colour Theory and Application

  33. Describing Colour • Words we might use when naming and describing colours: • ‘shade, hue, warm, tone, bright, dim, pale, intense, vivid, rich, saturated, cold, strong, wishy-washy, glowing, colour, flat, weak, muddy, soft, vibrant, luminance, bold, tint’ • Very subjective - influenced by perception and characteristics of illuminating light source.

  34. Colour Models: RGB & CMYK

  35. HSV 3D Representation

  36. HSV 2D Representation

  37. The Colour Wheel (Maya)

  38. B.Sc. (Hons) Multimedia Computing Media Technologies

  39. B.Sc. (Hons) Multimedia Computing Media Technologies

  40. 3D Modelling & Animation

More Related