1 / 36

Chapter 3: Images

Chapter 3: Images. Yaqoob Al-Slaise ITBIS351. Outline. Plan your approach. “ The organizing and creative process begins with drawings in pen or pencil on paper.

drago
Download Presentation

Chapter 3: Images

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. Chapter 3: Images Yaqoob Al-Slaise ITBIS351

  2. Outline

  3. Plan your approach

  4. “The organizing and creative process begins with drawings in pen or pencil on paper. Too many times we are enthused about the color and the computer graphics tools, but they can overwhelm the creative design process”. - Dennis Woytek, Assistant Professor, Duquesne University

  5. Organize your tools • Many multimedia designers do not limit their toolkits to the features of a single authoring platform. • They employ a variety of applications and tools to accomplish many specialized tasks.

  6. Configure Your Computer Workspace • Have more than one monitor to provide lots of screen real estate (viewing area).

  7. Making Still Images • Still images are generated in two ways: • Bitmaps • Vectors

  8. Bitmaps • Used for photo-realistic images and for complex drawings requiring fine detail. • Uses ‘Painting’ software i.e. Adobe Photoshop, Paint, etc. • Are used in many file formats including: .BMP, .GIF, .JPG, .PNG

  9. Bitmaps

  10. Bitmap sources • Make a bitmap from scratch with a paint or drawing program. • Grab a bitmap from an active computer screen with a screen capture.

  11. Bitmap sources • Capture a bitmap from a photo or other artwork using a scanner to digitize the image. • Once made, a bitmap can be copied, altered, e-mailed, and otherwise used in many creative ways.

  12. Morphing • http://youtu.be/KVRQ0v15lrc

  13. Morphing

  14. Vector Drawing • A vectoris a line that is described by the location of its two endpoints.

  15. Try @ Home Type the following in Notepad: <svgxmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="-100 -100 300 300"> <rect x="0" y="0" fill="yellow" stroke="red" width="2002" height="100"/> <text transform="matrix(1 0 0 1 60 60) " font-family=" 'TimesNewRomanPS-BoldMT' " font-size="36">SVG</text> </svg> Save as (.svg) file then open on an HTML 5 compatible browser

  16. SVG • SVG: Scalable Vector Graphic • Small in size and can be scaled without distortion. • Supported by mobile browser as an alternative to Flash.

  17. Converting between Bitmaps and Vectors • From Vector to Bitmap  Easy to do with drawing software • Bitmap to Vector  Autotracing ( Can cause great inflation of file size!)

  18. 3D Drawing and Rendering

  19. Z axis

  20. Working in 3D • 3D applications create scenes. • Scenes consist of numerous objects, the more objects in the scene, the more complex and realistic the scene is. • Objects are created by modeling them.

  21. 3d Modeling

  22. Making models realistic • Texturing: Applying images as a skin to models to make them look real.

  23. Making models realistic • Lighting: Setting the mood of the scene or to simulate the environment in a realistic manner.

  24. Making models realistic • Rendering: When the computer uses intricate algorithms to apply the effects you have specified on the objects you have created.

  25. Computerized Colours

  26. Additive Colours • a color is created by combining colored light sources in three primary colors: red, green, and blue (RGB).

  27. Subtractive Colours • Colour is created by combining colored media such as paints or ink that absorb (or subtract) some parts of the color spectrum of light and reflect the others back to the eye. • Subtractive color is the process used to create color in printing (CYMK).

  28. CMYK

  29. Computer Colour Models • RGB hexidecimal

  30. Computer Colour Models • HSB (Hue, Saturation, Brightness)

  31. Computer Colour Models • HSL (Hue, Saturation, Lightness)

  32. Colour Palettes • Palettes are mathematical tables that define the color of a pixel displayed on the screen Microsoft Macintosh Web Safe

  33. Color Depth

  34. Dithering

  35. Image Formats

More Related