![Page 1: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/1.jpg)
Graphics Theory
![Page 2: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/2.jpg)
Learning Objectives
• Learn about use of graphics & their importance
• Identify what makes a good graphic & why
• Recognise different graphic formats
![Page 3: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/3.jpg)
Starter TaskCan you name these graphics and logos below?
1. 2. 3. 4.
5. 6.8.
9.10. 11.
12.
7.
![Page 4: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/4.jpg)
What are graphics?
‘A picture is worth a
thousand words’
• A graphic is a visual representation of a word/s or occurrence/event
• Graphics can be paper-based or electronic• Virtually all graphics today are electronic
![Page 5: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/5.jpg)
Why are they so important?
• Eye catching image that captures a persons interest within an instant
• Can be more powerful than text
• Can be a representation of an organisation, e.g. a company logo or football team badge
![Page 6: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/6.jpg)
File Types
• JPEG
JPEG stands for Joint Photographic Experts Group.
It is basically a compression tool for images.
•BMP
A bitmap image defines the colour of every pixel in the image.
Good for high quality images but it uses a lot of memory.
![Page 7: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/7.jpg)
File Types
PNGThe Portable Network Graphics (PNG) format is one of the most recent formats.
This format was created as freeware.
•GIFGraphics Interchange Format
GIF is a common way of compacting bitmap images.
![Page 8: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/8.jpg)
Vector vs Bitmap
• Which graphic loses quality when resizing?
Check it out at
• https://www.youtube.com/watch?v=fy9Pby0Gzsc
![Page 9: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/9.jpg)
The software
There are many types of software for image
Manipulation, the most commonly used are:
• Jasc Paint Shop Pro
• Macromedia Fireworks
• Adobe Photoshop
![Page 10: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/10.jpg)
Pixelation Pixelation is an
effect caused by displaying a bitmap at such a large size that individual pixels, are visible to the eye.
![Page 11: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/11.jpg)
Pixelation [2]Early graphical applications ran at low resolutions with a small number of colours, and had visible pixels. The resulting sharp edges gave curved objects and diagonal lines an unnatural appearance.
![Page 12: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/12.jpg)
Anti - AliasingAnti-aliasing is the process of blurring sharp edges in pictures to get rid of the jagged edges on lines. After an image is rendered, some applications automatically anti-alias images.
Original image Anti aliased image
![Page 13: Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic](https://reader035.vdocuments.mx/reader035/viewer/2022062314/56649ef45503460f94c074ed/html5/thumbnails/13.jpg)
Your mission!!!!
• Name 4 common file types.
• Explain what lossy and lossless images are. (bitmap & vector based etc)
• Describe anti-aliasing.
• Describe Pixilation and show an example.