Final editing for Assignment 1

After consult madam lydia, she told me that the work juz worth 6 marks out of 15.....she say's it's too plain for the background n the photo was cover by the words n some sort of too simple for e wallpaper....so i try to change it as i change the background n add some effects like drop shadow to the photo n the words n info...n not forget also i add the colour on the open day words layout so it can pop out when ppl 1st saw the e wallpaper n will knw wat's it all about....

below was the works before n after edit...i feel it look better now....hehe

Assignment 1---E wallpaper for FOM Open Day

This was our 1st assignment and it's cost us 15 marks...so everyone was very care bout the assignment n try hard to make it as perfect as possible....hahaha..perhaps i need to use creative baru betul.....

before i start i had do some research about fom...i search on the background that i wanna use n also some of the faculty photo n student photo...as what i search here's the photo i use for my e wallpaper....

as i research MMU use blue colour to represent ourself so 1stly i put blue colour as background of my wallpaper...then i type on the title which is the most important things---FOM Open Day as below......n in this moment i had apply the colour which will pop out the title with yellow colour n also some effects n stroke let it more presentable...

after apply the background i start to edit n crop my photo n resize it to put on the polaroid at another page...all the photo is doin in the same step n in this time also i'm doing the layer n arrangable photo in the proper place....after all the photo had been resize n crop..i start to arrange it on my e wallpaper.....

the arrange n layer was apply as below......

as i had apply the layer n photo..it's time to put in the info of the faculty n also MMU contact list... all this was juz done by typing the text n changing font.....

lastly what i concern is the MMU logo i put stroke n effects on it... where i had place it on the lower right hand side....

And that all my assignment had done n i bring it to class as to consult mdm lydia on tutorial 6.....

Tutorial 6 -------Masks n Channel

Today was the class where we need to learn masks n channel in photoshop n also consultation on our 1st assignment the FOM Open day E-Wallpaper....

before i talk about my assignment let us see what we had learn in this class about masks n channel........

Using Channels To Mask Out Difficult Images In Photoshop

It would be very difficult and time consuming to separate this image from the background because of the complexity and fine detail involved with the feathers on the woman's headdress. This tutorial will focus on using Channels to help mask out complex objects with clean edges. This technique will also save you a lot of time. The initial goal is to separate the feathers from the pink background on the left side of the face, and there are lots of places where tiny bits of pink are showing through the feathers. We will use Alpha Channels, Quick Masks, Levels, Brushes and Color Range.

STEP 1 - Make A Duplicate Layer
Make a duplicate layer of the image. This way the original is preserved on the background and we are working on a duplicated layer. Hide the background by clicking off its visibility icon. Choose Select> Color Range from the Menu.

When the Color Range Dialog box open, choose the Left Eye Dropper tool and click on the background color in the image window (pink). You will see the selected color turn white in the dialog box. .

Move the Fuzziness slider until the image is mostly black and the background is a clean as you can get it. Tip: To add a color to the selection click on the eyedropper tool with the plus sign and click in the image. Click OK.

STEP 2 - Switch To The Channels Palette
With the selection active, switch to the Channels palette. Click the Create New Alpha Channel button, it's the second one to the right on the bottom of the channels palette.

A new alpha channel will now be visible. Press "Ctrl/Cmd+D" to Deselect and click on Alpha 1 in the channels palette.

The main window will now turn black and white. The advantage of using a channel is the ability to fine tune the selection without effecting the original image. Black represents the areas that we want to keep and white, the areas to be discarded.

STEP 3 - Click Image> Adjustments> Levels
Notice that there are areas of gray, these would be semi-transparent and need to become solid black and white (except for areas that should be semi-transparent such as soft edges). There are tiny dots also visible, and these will make for a very messy selection. Here is a quick solution that I have come up with: Click Image> Adjustments> Levels.

In the levels Dialog box, click the black point slider on the left and drag it to the right until the gray areas have become a solid black, Slide the White point slider to the left until the whites are nice and clean and the grainy effect has gone. Click OK to apply.

STEP 4 - Fine Tune The Mask
Time to fine tune the mask. Choose a black brush and make the edge hard. Paint over all the areas that belong in the object to mask out. Use a larger brush for large areas and a smaller brush for finer detail such as around the feathers. Use a white paint color to paint out the areas that should be removed.

STEP 5 - Toggle Views
Sometimes it can be hard to guess which part of the image belongs in the foreground and a peek at the original image is needed. Click on eye icon to the left of RGB at the top of the Channels palette. The original photo is now visible and the mask appears as a reddish color.

Click the eye icon to go back to the mask view. The mask can also be hidden by toggling the eye (visibility icon). Keep going until you have a clean mask.

STEP 6 - Reveal The Masking Effect
Hold Cmd (Ctrl PC) and click on the Alpha 1 thumbnail. You will now see an active selection. Click on RGB to see the color image. Open the layers palette. Select the working layer and press the Delete key (Backspace on Windows). The masked area of the background will now be removed to reveal a nice clean masking effect. At this point In am only worried about removing the pink background on the left.

STEP 7 - Final Details
If there are areas that still need to be removed - such as on the right side of this image, repeat the proceeding steps. Because each image is unique, some will need several passes and some can be done in a single pass.

As you can see, this technique is very effective and the image can be dropped onto any background.

sources taken from : http://www.photoshopsupport.com/tutorials/colin/masking-images.html

Tutorial 5-----Photo Retouching Using Spars.jpg

This tutorial was the class exercise again...today we need to retouch an old photo let the photo become new photo....down there was the before n after photo retouching skill.....

Tutorial 4 -------Photo Retouching

Photo Retouching is about fixing up a photo. For example, learn to get rid of the swimmer and the text in the photo.

In photo retouching we learn how to use stamp tool, cropping, fix eyes colour, colour retouching, old photograph become now photograph..n where i had practise to use stamp tool in the class, colour retouching n saturation about the whole image photo n what i had done is like the image below..before n after....

as we need to passed up another tutorial exercise in tutorial 5 so i trying to search some extra info n teaching skill online to learn more....below is the video that i get from adobe website.....

Tutorial 3-----Design Face with Computer Components

Today mdm lydia was not able to attend the tutorial class as she's going for a talk in other university so we juz do our tutorial online n the 1st tutorial exercise which is design a face with computer components....

Firstly i search some computer components in the web..as i need it to be more clearly so i choose the file id bigger than i mb file so it's easy for me to crop n paste..n it's also easy for me to redirect the photo to the size i wan....the face i use monitor to be, the ears are microphone as it can record sound, eyes are web cam as web cam are visual aid n can see, nose are mouse n mouth are speaker as i talk very loud..haha

after much exercise n croping, paste, n redirect the original photo..below was my 1st tutorial exercise that i submit to mdm lydia...it's a computer girl which it's a bit look like me that had curly hair n i like to round my mouth n also big eyes....hope every 1 will like it.....

Tutorial 2---layer Basics

while in class i had follow the step which teach n consult by mdm lydia but when i bc home n try it on my own i feel it's so difficult without her teaching beside me..so i try n search some tutorial in the yahoo search n i get this to be my online teacher...

Layers are like transparencies stacked one on top of one another. Each layer can have different images and effects. When the layers are stacked, the images appear as if they are all a single image.Layers allow users to work on separate images in order to modify sections without changing the entire image.

The example below contains three layers: the background yellow layer, the red square layer and the green circle layer.

If, for example, the circle in this image were in the wrong place, you could easily change its location by selecting the circle layer and moving the circle without affecting the rest of the image.

The Layers palette has various icons that control the functions of the layers in the image. Following is a description of some of the most useful one.

Notice the red arrow on the Layers window to the left.

It is pointing to an image that looks like an eye. This image acts as a show/hide feature for the corresponding layer. When the eye is open, that layer is visible. when the eye is shut, the layer is not visible.

The green arrow points to an image that looks like a paint brush. It shows the layer that is active, in other words, the layer which is currently editable.

The blue arrow points to an image that looks like a vertical chain link. This links two layers together. For example, since the square layer and the circle layer are linked together, moving the position of the circle in the image would also change the position of the square.

The purple arrow points to the new layer icon. A single-click on this icon will result in the automatic creation of a new layer..

Source taken from : http://iit.bloomu.edu/vthc/Photoshop/Basics/layers.htm