WEEK 14 ( ASSIGNMENT 2 & 3 )

ASSIGNMENT 2 &  ASSIGNMENT 3

PREPARED BY : 

 NOOR HIDAYAH BINTI  CHE LAH  

MP101013

 

PREPARED FOR : 

ASSOC. PROF.DR. ZAIDATUN TASIR

 

ASSIGNMENT 2  

Digital Image Manipulation (6 Images)

 Image 1

                                                                  My picture

 

                                                              Tun Dr. Mahathir

Images 1 (techniques used) 

 

§Crop

§Blur

§Combination

         Steps : 

           1. Crop the picture of  Tun  Dr Mahathir using crop tool and select with  magnetic   lasso tool.

            2. Combine the picture to  my  picture.

            3. Crop the background picture.

            4. Make the blur background using blur  tool.

            5. Save the file.

Result for Image 1 

  

Image 2

  Picture a

 

  Picture b
 

   Picture c

Images 2 (techniques used) 

§Crop

§Combination

§Superimpose

§Rotate

§Resize

            Steps :

            1. Resize picture c to be small than others pictures.

            2. Crop pictures a and picture c using magnetic lass tool.

            3. Combine the pictures that had been crop to picture  b.

            4. Duplicate layer for picture c that had been crop to get superimpose picture.

            5. Rotate the duplicate layer  using edit-rota canvas-flip canvas vertical.

            6. Place the  duplicate layer picture to the  right position.

             7. Save the file.

Result for Image 2

  

 Image 3

  Picture  a 

  Picture  b

Images 3 (techniques used)

§Resize picture

§Pattern

§Hue Saturation

           Steps :

  1. Resize the picture a to become small.

  2. Define the pattern of picture b by using , open file-open picture b – select picture b-edit-define pattern-save the pattern.

  3. Open the picture a, select area that want to be   pattern using magnetic lasso tool.

  4. Then, click select, modify, feather, choose radius.

  5. Click to the select area, right click-fill-choose the pattern.

  6. For huge saturation, click image-image adjustment-huge saturation. Choose the color that wanted.

  7. Save the file. 

 

                                                                   Result for Image 3 

Image 4

  Picture  a 

Picture  b 

  

  Picture  c

Images 4 (techniques used)

§Combination

§Hue saturation

§Crop

§Black and white

§Resize

 Steps :

    1.  Resize picture c (cap) became smaller .

    2.  Crop picture b (monkey) and picture c (cap) using  crop tool and edit the pictures using magnetic tool for better view.

    3.  Combine the picture b and c that have been crop  at the pictures  a.

    4.  Select  the water using magnetic tools ,change the color using huge saturation. Select the tree using magnetic tool and  edit color using huge saturation.

    5.  Select monkey, then edit the color of monkey to be black and white. To do this, click image-adjustment-black and white.

    6.  Save the file.

      Result for Image 4

 Image 5

Images 5 (techniques used)

§Black and white

§Crop

§Filter (liquify)

 Steps :

 1.  Select the picture, change color of picture to be black and white. To do this, click image-adjustment-black and white.

 2.  Crop the right site of picture, filter it using liquify. Repeat the same thing for the  left site of picture.

 3.  Save the file.

Result for Image 5

 

  Image 6

  Picture  a

 

   Picture b

Images 5 (techniques used)

§Resize

§Combination

§Framing

§Crop

Steps :

 1.Resize picture a to become smaller.

 2.Crop picture a (subject need) using crop tool, select the subject using magnetic lasso tool.

 3.Combine the picture a that had been crop to picture b.

 4.Create framing at the pictures b. To do this, choose rectangle tool  and put it  as white color.Put it for the whole side of picture as a framing.

 Result for Image 6

ASSIGNMENT 3

 Graphic Design – Books Cover

Pictures used

Design of Book Cover

Description of Book Cover 

§Size : 6 x 8 inch

§Title : Landscape Photography

§Background color : white

§Theme : Simple and just nice

Description of Text Used

§Typography : Trebuchet MS

§Font size : 36  ( LANDSCAPE) &

                          48 (PHOTOGRAPHY)

§Text  color : Green

§Text effects :         - drop shadow

                                 - Outer glow

                                 - bevel and emboss
                   - contour

Steps:                               

1.Edit picture which is to add lighting effect using filter-render

    lighting effect.

2.Edit picture for   add blur using blur tool.

3.Edit picture for  crop using crop tool.

4.Resize  all of the pictures. Edit-image size-resize the image.

5.Create  a new layer and design the text. Double click to tex

    layer –layer style-choose the effect of text.

6.Combine the pictures and arrange them perfectly.

7.Save the file.

 

-THE END-

THANK    YOU  FOR  YOUR ATTENTION

 

WEEK 11 ( PATTERN AND HUE SATURATION)

 PATTERN

1. Open the picture that we are going to edit.

 2. Select the area that we are going to change the pattern. Select are with using magnetic 
     magic lasso tool.

3. After finish select, open the pattern we want to create.

4. Open the picture, define the pattern. select the pattern we want and then, click edit>define the   pattern, save the pattern. Re size the image if the image is too large.

5. Open the handbag picture and right click for the selected area just now, fill the pattern with the pattern that we created just now.

6. Save the file.

RESULT OF PATTERN

Another pictures that has been used pattern.

 

Picture want to pattern

 

Create a zebra pattern 

Result of using zebra pattern

 

HUE SATURATION

 

Steps :

1. Select the jacket using magnetic lasso tool

2. After completed select, click edit, adjustment and then choose hue saturation.

3. Edit the color that we want and also the brightness

4. Save the file.

Result of Hue Saturation

WEEK 10 (ADOBE PHOTOSHOP PRACTICAL MODULE)

Imej Combination

step 1 : edit this picture using icon rectangular marquee tool. Select the element that want to delete.

step 2 : edit image >canvas size

step 3 : by using icon rectangular marquee tool, select area of two character in the image

step 4 : use icon move tool to move the object to the right side.

 

step 5 : open this pictures

step 6 : use add to selection at option bar with press shift for make sure all the are is selected include the shadow

step 7 : when all the area is selected, used select > inverse, so that the main character will be select

step 8 : select > feather, choose radius to be 2 and then click ok

step 9 : use edit>copy and edit>paste by using ALT and icon move tool to move the pictures to the toystory.jpeng 

step 10 : open this file

step 11 : use icon lasso tool to select the character of shrek

step 12 : add to selection at option bar menu to add the area of selection

step 13 : after complected select, use feather to make selection is smoother

step 14 : used edit>copy and edit> paste, to toystory.jpg

step 15 : arrange the picture and add some text

step 16 : save the picture

Result of image combination

Application of using filter

step 1 : click filter>artiristic > coloured pencil

step 2 : control or adjust the pencil width and paper brigtness at the pop up window

step 3 : save the file

Result of application of using filter

Cloning

step 1 : click the clone stamp tool at toolbox and press ALT at the same time

step 2 : choose the size of brush and opacity

step 3 : put the icon  clone stamp tool at the people and press ALT at the people

step 4 : drag the mouse to the place that we want to clone

step 5 : repeat step 1 until 4 for clone the basket

Result of cloning

Blur tool (Bokeh)

 

step 1 : open image

step 2 : click on icon blur tool at toolbox

step 3: choose the brush size, mode and strength

step 4 : drag the mouse to the area that want to blur.

step 5 : make sure it only blur the background not the elephant.

step 6 : save the file

Result of image using blur tool

WEEK 9 (INTRODUCTION TO ADOBE PHOTOSHOP)

Adobe Photoshop is a graphic editing  program developed and published by Adobe System Incorporated.

Adobe's 2003 "Creative Suite"  rebranding led to Adobe Photoshop 8's renaming to Adobe Photoshop CS. Thus, Adobe Photoshop CS5 is the 12 th major release  of Adobe Photoshop. The CS rebranding also resulted in Adobe offering numerous software packages containing multiple Adobe programs for a reduced price. Adobe Photoshop is released in two editions: Adobe Photoshop, and Adobe Photoshop Extended, with the Extended having extra features available. Adobe Photoshop Extended is included in all of Adobe's Creative Suite offerings except Design Standard, which includes the Adobe Photoshop edition.

Photoshop has ties with other Adobe software for media editing, animation, and authoring.

The .PSD (Photoshop Document), Photoshop's native format, stores an image with support for most imaging options available in Photoshop. These include layers with masks,color spaces,ICC profiles, transparency, text, alpha channels and spot colors,clipping paths, and duotone settings. This is in contrast to many other file formats (e.g. .EPS or .GIF) that restrict content to provide streamlined, predictable functionality. PSD format is limited to a maximum height and width of 30,000 pixels. .PSB (Photoshop Big) format, also known as "large document format" within Photoshop, is the extension of PSD format to images up to 300,000 pixels in width or height. That limit was apparently chosen somewhat arbitrarily by Adobe, not based on computer arithmetic constraints (it is not close to a significant power of two, as is 30,000) but for ease of software testing. PSD and PSB formats are documented.

Photoshop's popularity means that the .PSD format is widely used, and it is supported to some extent by most competing software. The .PSD file format can be exported to and from Adobe Illustrator, Adobe Premiere Pro, and After Effects, to make professional standard DVDs and provide non-linear editing and special effects services, such as backgrounds, textures, and so on, for television, film, and the Web. Photoshop is a pixel-based image editor, unlike programs such as Macromedia FreeHand (now defunct), Adobe Illustrator, Inkscape or CorelDraw, which are vector-based image editors.

Photoshop uses color models RGB, lab, CMYK, grayscale, binary bitmap, and duotone. Photoshop has the ability to read and write raster and vector image formats such as .EPS,.PNG, .GIF and .JPEG.

CS3

New productivity features include a streamlined interface, improved Camera RAW support, better control over print options, enhanced PDF support, and better management with Adobe Bridge. Editing tools new to CS3 are the Clone Source palette and nondestructive Smart Filters, and other features such as the brightness and contrast adjustment and Vanishing Point module were enhanced. The Black and White adjustment option improves control over manual grayscale conversions with a dialog box similar to that of Channel Mixer. Compositing is assisted with Photoshop's new Quick Selection and Refine Edge tools and improved image stitching technology.CS3 Extended contains all features of CS3 plus tools for editing and importing some 3D graphics file formats, enhancing video, and comprehensive image analysis tools, utilizing MATLAB integration and DICOM file support.

Resizing an Image

Most publishing applications offer two ways to resize an image:
• Scaling — selecting a scale tool and specifying a percentage or dimensions
• Stretching — selecting the image object and using "handles" to stretch or shrink it.

If you scale an image without changing resolution, pixels are added or deleted. The image blurs andedges become jagged. Details in the image sometimes disappear during scaling.

Stretching an image by grabbing image handles moves pixels closer together when you reduce the size of a digitized image and farther apart when you enlarge it, which also causes blurred images with rough edges.

In general, never enlarge a digitized image. Use scaling instead of stretching to reduce the size of an image.

Resolution of an Image

For computer presentations, use an image resolution of 72 dpi, first, because display screens are usually low resolution — only 72 dpi. Even if the monitor settings are set to 1280 x 1034, the screen is still 72 dpi. The resolutions are set in the graphics hardware installed in the computer. 

The physical resolution is 72 dpi of the monitor, so a 300 dpi image is usually unnecessary. Second, if your image resolution is higher than necessary, advancing slides and displaying special effects will be slow. Web images are measured in pixels. For best results, start with a 300‐dpi image at the same pixel dimensions it will have on a webpage and allow your photo software to resample it to 72 dpi, usually with a "Save for Web" selection. Animations are also 72 dpi.

Sometimes only a low‐resolution image is available for use in high‐resolution output. One way to handle this problem is to shoot a slide of the image and then scan the slide to the desired resolution and size.

                                      
                                                    (Self Review) 

                                  

Pixel

• is going to use through web or to view via monitor only
• Not for printing 

Iches

• for print image

The best resolution is 72. But why?

• Reflection of computer screen . Monitor screen will reflect our eyes. 
• For example same like pictures on laminating paper and the pictures on the paper which is not laminating. The laminating one show it is good quality. Actually both pictures is same quality. It is only because of the reflection.
• Another example is printing pictures using A4 paper and using glossy paper. The pictures which is printed on the glossy paper show more quality. But it is actually reflection from our eyes.

Setting of color :

1. RGB is for view only. It is use in setting of monitor color.

2. CMYK is used setting for print.