Assignment 2 (Homepage)


This is the simple homepage that I have done. Having quite a challenging time in using the functions and tools in Dreamweaver 8. Wish that I can master the tools well after some practices again.

Finalized E-Wallpaper


Above is my final E-wallpaper. Thanks!

90% of E-Wallpaper for FOM Open Day


This is my almost complete e-wallpaper. It has slightly different with my initial idea of putting the mascot and date on the space of the lady's hand. I thought of how to fulfill the much spaces at the middle, so then I decided used the photos with frames to fulfill it and also can symbolize the progress of education in MMU. I will see if there is any changes and idea needed to put in before the submission date. Please feel free to give comment and advices on my work, thanks. Thanks to ah bee and zhen yi on their comments and advices on my work.

E-Wallpaper Process


First Step: I take the brown colour background wallpaper which I found from search engine as my e-wallpaper by using move tool to grab it and attached to the A4 wallpaper’s background layer.


2nd Step: I use the move tool to drag the footstep picture from the picture I found and attached it onto the up right edge of the wallpaper. I use the transform function of scale by making it smaller than the original which is slightly bigger. Then I had use the drop shadow, outer glow and inner glow to make it slightly glowing effect on it.



3rd Step: After using the horizontal type tool by edited the contents of faculty of management open day and the date as well on the upper middle, I have used the drop shadow, outer glow and the color overlay on the “OPEN DAY” to make it as the main information of this event and less focused on the glowing effect on the “Faculty of Management” as I only used outer glow on it. Besides that, I had also use the move tool to drag the E-bee MMU and attached it on the left side of the words contents to make it as the mascot symbol welcoming the public to attend the event by through the waving hand. I dint change the mascot colour or putting any effect on it as I don’t want it to grab the main attention from the “OPEN DAY” itself.


4th Step: Here I had use the move tool and dragged the professional man and lady with formal wear and lady with the hand rise upward on each of the middle left and middle right to show something that I will attach in the following step. For the blending effects, I had used the outer glow effect on the professional man and inner glow effect on the lady.


5th Step: I had used the rectangle tool to make a horizontal box below the professional wear lady and man. In the middle of the box, I had used the move tool and drag the MMU logo to attach in the box. Of the box itself, I had used the dark brown grey colour on its background colour and had used the drop shadow, bevel and emboss “texture”, gradient overlay and stroke effect on it to make it as a more visible and solid layer than the wallpaper background.


6th Step: Here I had used the rectangular marquee tool to cut up the rectangle shape of the photo frame I needed and use the move tool to drag it out there and attach on the space above of the hand of the lady.


7th Step: After attached the photo frame on the wallpaper, then I had use the transform tool by scaling and rotating the photo frame and a mature father graduate with its daughter’s picture so that the graduate picture be fitted to the space between the spaces in the photo frame. This photo frame and the picture is to show the memorial and happy moment snapped and there is endless learning regardless of the age and border.



8th Step: Here I had used the duplicate layer function to have another two (2) same frame picture and I had attached the pictures of graduation and group study on these two (2) photo frame. I had also used the transform function of scaling and rotating to make the pictures fitted on the photo frame.



Final Step: Here I had used the horizontal type tool to edit my theme “Take the first step to make the difference” below the footsteps and the MMU website’s url below the horizontal box and that’s all I had done. Thanks to ah bee and zhen yi’s advices on my work. Thanks.









































































































70% e-wallpaper & New background and Pictures Used


This is my 70% done of my e-wallpaper after some advices and comments from ah bee and my friend, seems like still need to put few pictures chained together with the 1st picture attach with the lady's hand there to fullfill the space at the middle. and for the horizantal blue box, i think of putting the mmu logo onto it rather than put middle above. i will put the mmu webiste link below the horizontal box. any suggestion or advice for the colour of the box and overall? thanks ya.


New background and pictures used


















Project Charter - E-Wallpaper

Assignment Title: E-Wallpaper for FOM Open Day Dated: 21th March 2009

Project Started Date: 11 Feb 2009

Project Finished Date: 11 March 2009

Project Manager: Chai Yu Loon

E-mail: yu_loon86@yahoo.com

Website: http://yuloon86.blogspot.com/

Project's Objective
To learn the design skills in the Adobe Photoshop CS2 by creating a E-wallpaper for FOM open day to promote and create awareness to the public about Multimedia University's Faculty of Management Open Day event which dated 21th March 2009 which is coming soon and the courses offered.

Approach

It's take quite a long time for me to figure how should I make my idea looks attractive and not messy. For the backgroud, I have thought of putting black colour as my background colour. For my idea of putting a teenager steps or foots on the wallpaper and progress into a professional persons who wear formal, I have went to search in the google to find some pictures about the foots of teenager and i find some from the Levi's jeans advertisement as there are many pictures teenager wearing jeans. I am using these pics with the casual jeans wear to symbolize that they are still on the stage of their decision making progress for their future. I found one picture with foots of 2 persons wearing jeans(male & female) which i believe is equitable and suit for my theme "taking first step..." below is the picture i wanna use in my e-wallpaper and i will put it at the upper left edge as the picture as it already is and making the outline with glow colour to make it as attention attractive point. the foots of teenager picture is as below:


For the middle upper part of the wallpaper, I will put the MMU logo on it to represent the Multimedia University’s symbol. Below the MMU logo, I will put the ‘Faculty of Management Open Day” on it. And below the “Faculty of Management Open Day”, I will put my theme idea of “Take the first step to make the difference” on it. These all words I will make it into gold colour with outline glowing effect except the MMU logo which will remain in its original colour’ Blue and Red”. The mmu logo I will use is as below:


At the 2.5/3 space on the bottom left of the wallpaper, I will attach the pictures of a professional Chinese man on the left and foreigner lady right beside him who are wearing formal wear to symbolize the professionalism and multinational university. I will make it the outlines of these pictures with brighter white glow colour than the footsteps to show the result by stepping into MMU to seek tertiary education. Below are the pictures of the professional people which I will attach:





For the picture of the professional lady whose left hand is putting upward and seems looking at some interesting stuff on her hand, I will put the date of the FOM open day dated 31 March 2009 on the space of her hands to grab the attention of people on the happening date of this event. Besides, I will put the Ebee of MMU just right beside the date to symbolize the mascot and symbol of MMU to make it more interesting with the creative animation icon. Below is the picture of Ebee MMU which I will use:

At the 0.5/3 space on the bottom of the wallpaper, I will attach a long and horizontal box below the professional people’s picture which I will put the courses offered by FOM in this box. I will make it the box in red colour as being a contrast to the black colour background. I will also put the ‘contact us’ or enquiries details on the right bottom edge on the wallpaper.



Milestone
16 Feb – March 5 2009
During this period, I have been thinking and thinking of the idea and theme which I can use it in my e-wallpaper. After some time, the idea just come out after I read my financial planning book about the specific statements. I have decided to use the theme “Take the First Step to Make the Difference” in my wallpaper. Then I sketched up the idea on a paper. So after decided on the theme and sketch, I have searched the relevant pictures based on my theme through the google search engine and found some. I have watched through some of the tutorial video clips given by Ms. Lydia on the skills in using the Adobe Photoshop CS2. Although I had watched the video clips and attending the tutorial, I still haven’t master the tools and skills of editing the picture using Photoshop because lack of training and practice. I have installed the Adobe Photoshop CS2 in my laptop during this period in order to edit my pictures and idea in the wallpaper, unfortunately, my considered outdated laptop hardly can support the system of Adobe Photoshop. It happened because the laptop system will showing ‘memory too low’ and the system got jammed every time I tried to open a picture and edit it. As this, I cant able to submit my progress of photoshop editing on time and I only able to sketched out the idea and pictures I will use in the wallpaper.

6 – 11 March 2009
Today (6.3.09), I have to take and borrow my gf’s laptop which has higher capability from her coursemate travelling from JB. I have to borrow from her in order to make my e-wallpaper progress smoothly by using the photoshop through her laptop. During this period, I will start with my photoshop editing asap and upload the progress of it to my blog. I will seek the advice and consultation from my tutor about my 70-80% works and make some amendments and changes on my wallpaper’s design based on the comments.

Finally I hope everything will going smoothly and able to submit a high quality work on time with no obstacle.