Labsheet 03 Ms

BSc (Hones) in Information Technology Specialized in Interactive Media

Batch 2016

Multimedia Systems

Lab sheet 3

R.A.P.C.P RANASINGHE

IT 14115394

1)

Select five different web pages, each from a different web site. Select pages that contain lots of colors and images, both photographs and graphics. View the five different pages on both a Macintosh and PC screen, preferably side by side, as well as on more than one computer on the same platform (for example, one Mac, two Windows computers). Note the differences in how each page appears across platforms and across screens. For each page, write a paragraph describing how they differ in terms of color tone, saturation, and any other characteristics that you notice.

•                 In Mac computer images re colorful. But it in Windows computer image is not colorful. Simply Windows Display had an effect like washout. Windows Green color is colorful than Mac every images. Color tone of the Mac is  most Perfect. We can see number of shade colors in Mac but in Windows we can’t is Shades colours.

2)

Using the capture tool built into the operating system or another dedicated tool, capture and save five different screens. Use the tools to save the entire screen, areas of the screen, the front most window, an image with a menu pulled down, and an image with the cursor

GOOGLE CHROME WEBBROWSER

MY COMPUTER O/S

PHOTOSHOP CC 2014

KM PLAYER

3.) Download three different images from a web site. One should be photographic, one should be a graphic (solid colors or gradients), and one should be a mix. a. Convert the images to 256 colors. Use the tools available to use different dithering patterns and palettes. Print out the files before and after reducing to 256 colors. Write the file sizes on each one. Use an image-editing program to compare the effects of applying different palettes and compression methods to the original images. Include sample images with your answer.

Edit photos

Edit photos

Original photo

Edit Photo

Original Mix Photo

After edit

4)

Visit different web sites. Describe the use of colors for each in subjective terms. Is each site vibrant? Childish? Muted? Subtle? Why? What cultural or other factors determined the color selection? Get a screenshot of a page from each site, and write a paragraph describing the colors and images used in each one.

Toyota Lanka

                This site Use ash, black color and brown in most of the time. Photos re changed by in slide show. Font Colors is White, because users can read clearly .Black, ash both color makes professional look.

                                                                                  

IKMAN.LK 

This site is Childish. This site Use blue,white and Green color in most of the time. Very simple site. Font Colors is White there for it can read clearly.  This site is very userfriendly. That site is very beautiful. Then peoples re coming all ways in this site.

5)

Open an image in an image-editing program capable of identifying colors. Select three different pixels in the image. Sample the color and write down its value in RGB, HSB, CMYK, and web (hexadecimal) color.

Point	RGB	HSB	CMYK	Hexa-Decimal
1	R- 151 G- 67 B- 142	H - 306 S - 56 B - 59	C - 46 M - 88 Y - 9 K - 0	#97438e
2	R- 121 G- 3 B- 235	H - 271 S - 99 B - 92	C - 70 M - 82 Y - 0 K - 0	#7903eb
3	R- 151 G- 93 B- 67	H - 18 S -56 B - 59	C -32 M - 65 Y - 75 K - 20	#975d43

6)

Visit the following URLs (or any suitable site) and write an short essay on the usage of “Standard Image Sizes”.

                Every site I looked at had different size images. 240 x 160 pixels was a very common small images. Larger images were  around 460 pixels wide.  If you make your images larger than 460 pixels, most layouts in most blogs or site designs will have some difficulty fitting these sizes into the layout. There be kind of Human elution to catch the images and to reduce the weight of the site they introduce Standard Image Sizes.

1. Very Large 800 pixels
2. Large 500 or 520 pixels
3. Medium 460 pixels
4. Medium-Small 320 pixels
5. Small 240 pixels
6. Thumbnail 100 pixels

Video Image Sizes

Photo Image Sizes                      460 x 308         240 x 160

Thumbnail Image Sizes                            160 x 108

Common Photo Print Image Sizes

35mm has a ratio of 3:2 and most digital formats have a ratio of 4:3 or close.

Common Web Image Sizes    1024 x 768      800 x 600         460 x 309         320 x 240        

240           160       220 x 148         160 x 108         160 x 120

Banner and Buttons