Illustrator for design and draft painting, introduction to image flie

1. ILLUSTRATOR
322131 Human Computer Interaction
By Yaowaluck Promdee, Sumonta Kasemvilas

2. INDEX
• Image files for Design
• Vector vs Image
• Tools
• Basic illustrator
• Workshops

3. IMAGE FORMATS
• Jpeg
Joint Photographic Experts Group, and is the most
popular among the image formats used on the web
• 24-bit color, with up to 16 million colors

4. IMAGE FORMATS
• GIF
Graphics Interchange Format, is limited to the 8 bit
palette with only 256 colors. GIF is still a popular image
format on the internet because image size is relatively
small compared to other image compression types.
http://www.1stwebdesigner.com/different-image-formats/

5. IMAGE FORMATS
• BMP!
The Windows Bitmap or BMP files are image files within
the Microsoft Windows OS. In fact, it was at one point one of
the few image formats. These files are large and
uncompressed, but the images are rich in color, high in quality.
http://www.dicander.com/pix/files/tahaa.jpg http://ict-9.wikispaces.com/file/view/example.jpg/258947738/448x279/example.jpg

6. IMAGE FORMATS
• TIFF!
TIFF was created by Aldus for
‘desktop publishing’, and by 2009
it was transferred to the control
of Adobe Systems. TIFF is
popular among common users,
but has gained recognition in the
graphic design, publishing and
photography industry. It is also
popular among Apple users.
Very flexible format, it supports several types of compression like JPEG, LZW, ZIP or no compression at all.
High quality image format, all color and data information are stored
TIFF format can now be saved with layers
!
Cons of TIFF:!
Very large file size–long transfer time, huge disk space consumption, and slow loading time.

7. IMAGE FORMATS
• PNG!
PNG or (Portable Network Graphics) is a recently introduced
format, so not everyone familiar with it. format specifically designed
for the web. PNG is, in all aspects, the superior version of the GIF.
Just like the GIF format, the PNG is saved with 256 colors maximum
but it saves the color information more efficiently. It also supports an
8 bit transparency.
http://www.1stwebdesigner.com/different-image-formats/

8. RASTER (BITMAP) VS VECTOR
http://vector-conversions.com/vectorizing/raster_vs_vector.html

9. ADOBE ILLUSTRATOR

10. TOOLS

11. WORKSHOPS

12. ASSIGNMENT
• Using illustrator print draft 1 Artwork
• Sent original file and draft file .png and .ai
• Zip all file ASS2_ID_SEC.zip sent to LMS

13. EXAMPLE
http://img.youtube.com/vi/ciw5EQmvuhM/0.jpg