Assignment 2

Finally,come out with the Homepage~
hope not too bad~
Using White color background,hopefully its wont looked messy.

Please comments ya~

Final Project - Layout

Hey guys,

here the sample layout of our final project.
I failed to make the meeting decided design work,its not nice.
So here come the new design,this is only one of the sub topic which is Heritage.Hopefully will done all the topic design as soon as possible.

Homepage - Black Background

Website - topic layout,with color theme

Please leave some comments.Please...its very important for our mark.

*For each member,please prepare your power point presentation slide for each topic.Your topic and your job task.
**Please wear formal during the presentation,if possible wear white color

Thanks.
ahteh

eWallpaper Conclude - 100%

Finally,
finalize my eWallpaper assignment.

Here I listed all the link for the step-to-step how I done this wallpaper,make my blog end user life easier~

eWallpaper - Process 1
eWallpaper - Process 2
eWallpaper - Process 3
eWallpaper - Process 4
eWallpaper - Process 5
eWallpaper - Process 6
eWallpaper - Process 7
eWallpaper - Process 8

Enjoy ya~

eWallpaper Process (8)

Finally,its come to final part.
Adding the main content or information for end-user.

Add the FOM word,by using the Vertical Type Tool.
After type the word,go for Blending Option,Outer Glow,and select white as the glow color.
For the Fonts,make the "O" alphabet white color.

 

Add the "Faculty |" , "Of |" and "Management |" word.

Blending Option >Outer Glow>White color

Add the "pen Day".Make it white color and big,because its the main part of the eWallpaper.

then follow by adding the date - 21 March 2009.

After that using Brush Tool to add the Wing for the date so can drop end user attention.

Drop the Layer position for the Wing,so it wont overlap the FOM word.

Next,adding the course that offered by FOM.design a bit,so it wont looked too bored.

Type all the offered course by FOM.Colourlize it,so looked difference.
Here using the Horizontal Type Tool,so need to do some rotation.
To do the rotation,go for Edit > Transform >Rotation > 90 degree CW

Ta da..
DONE the eWallpaper.

eWallpaper Process (7)

Here the step for adding the "Contact Us" information.

To make the Black background,use the Rectangle Tool to draw a box.
Right Click on the Layer,and select Blending Option.

 

From the Layer Style windows,decrease the percentage for Opacity,so the box will looked a bit transparent.Will make the content in the box more contrast and easy to read. 

Use the Horizontal Type Tool to type the "Contact Us" content.
Select the Fonts that is formal and easy reading.
Make it White color,which will be contrast with the background.

Use the Brush Tool to draw some curly pattern,so the Contact Us part wont too blank.
And hopefully will drop the end user attention.

The Contact Us part..DONE~

eWallpaper Process (6)

This summary is not available. Please click here to view the post.

eWallpaper Process (5)

After adding the "Bridging Boundaries,Connecting Minds" words, now was the main part of the wallpaper.
Which is the newly built main building of Faculty of Management.
Open the FOM Building image file.

In the new image file,right click on the layer,Duplicate Layer...
so,can drag and drop the layer into the eWallpaper image.

 

Ok,Now using Move Tool,drag and drop the FOM building file into the eWallpaper image. 

The image seem too big in the eWallpaper image.To re-size it,go to the Edit,then Transform,follow by Scale.
Then the size of the FOM BUilding layer can be adjust freely.

 

 Now to remove the sky from the FOM Building image.

Using Magic Wand Tools,click on the sky.

Delete it.

 

The sky was deleted.Just like above screen shot.

Next was is the blur the under part of the image,so when put the "A TM university" banner,will look nicer and clearer.
First,using the Rectangular Marquee Tools or shortcut key M.Select the bottom area of the image.
Then follow by using Filter option to make the selection area blur.
Go to Filters, then Blur...,follow by Lens Blur.
New windows will pop up.

Just click OK at the upper left corner.
And you can adjust the settings as you like.

After that,adjust the building Brightness and Contrast,so the building will look more attractive.
To adjust the Brightness and Contrast,go to Image, then Adjustments,follow by Brightness/Contrast...

Brightness/Contrast will be pop-up.And you can adjust the brightness and contrast as you like.But of cause,make the color more comfortable and nice looking.

Ta da~Done.
The nice looking + attractive FOM building born in the wallpaper~

eWallpaper Process (4)

After adding the MMU logo.
Its time to add some words.
Now going to add MMU slogan "Briding Boundaries,Connecting Minds" below the MMU logo.

 

Using the Horizontal Type Tool,or short cut key T.

New layer will be created.

Type the sentence.

 

After that right click on the layer,Blending Option again.
But,this is using others option which is Drop Shadow option.
Tick the Drop Shadow at the left hand side of the Blending Option windows.
Use Multiple blend mode,and select Black as shadow color.

Can use the Move Tool to move the text as you like.

Ta da..done~

eWallpaper Process (3)

After created a background for the wallpaper,its time to add in some elements.But this is not the main one.
Now adding MMU logo.Which let end user realize that this is from MMU.
Here the step

First - open the MMU logo file.
And then using Move Tools,or short-cut key M,drag and drop the MMU logo into the background,new layer is created.

Using Move Tool as well,drag the MMU logo to the upper right corner.

Using Magic Wand tool, or shortcut key W.
Select the White Color background of MMU logo,n then Delete it.Dont forgot to delete the white background inside the "D", "A" and "R" words as well.

After deleted the white background,right click on the Layer,then select Blending Option.
In the Blending Option pop up windows,tick the Outer Glow.
Choose white as the outer glow color.
Turn the Opacity to 100%,so can see the glowing clearer.

Ta da...
the MMU logo is glowing at the upper left corner.

Done this part.

eWallpaper Process (2)

OK.
After created a new image,a BLANK white colour background.
Let's add something on it.the design for new background.
Which is blue,but not a blank blue,blank blue was too blur.
And the reason choose blue is because,blue represent MMU.

Ok,start with drawing a square boxes.by choose the Retangle Tools,which short-cut key was U.


After that,want to do a gradient effect.
Go to Layer there,and then right click on it,Blending Option.
A window as shown below will pop up.Just follow the setting shown in pic below.

Step 3,adjust a capacity,so the box look a bit transparent.

then step 4,tick the box beside Gradient Overlay at the left hand tab.
then adjust the gradient angle.

Step 5
For the left side,same as using the gradient blending.
Use brush tools draw the Wing as well as the Flora image.
So the background wont looked so blank.

Step 6
Done the new background for my eWallpaper

eWallpaper Process (1)

Hello everyone,finally feel free to upload the process/step to step or the making of my FOM Open Day eWallpaper.

I would like to share here how the eWallpaper get done.Hopefully I can go as details as i can.And hopefully get comments from you all,share ur tips,maybe its got shortcut to done it better.

And,after done the eWallpaper,I would like to conclude that, Layer was the most important in the photoshop.So,master the layer was the must for photoshop. Its make your life easier.

Create new file,by pressing Ctrl+N.
Then to choose A4 size,from the Preset,choose International Paper.

Size there,choose A4

deng deng~new image had been create.
But it in Portrait.
Now,here is how to change it to Landscape.


First,go to Image tab,then Image Rotation,after that click on 90 CW.

deng deng deng~
the image had been rotate to Landscape

80% eWallpaper

Ladies and gentlemen,

Here is my 80% of the FOM OPEN DAY eWallpaper.
Make some changes after comments from Dr.Kent Neo.

The process/step to step or making of the eWallpaper will be upload soon~
Keep on track ya.

Please felt free to drop a comments on it ya.

Thanks...
cheers....

EWallpaper-Pic Used

So far,I only using 3 picture.
WHich two is searching from web and the FOM building was originally captured by myself.

The FOM building captured by myself.

MMU, A TM University Banner

MMU Banner