Accommodation ~ photoshop

 

For the blue button thumbnail as shown in the GUI, i used photoshop to make it. 

I search the images of hotel, resort, camping site and others from google.

first i do for the hotel thumbnail.

1) i use the 15cm x 5cm for the size of blank psd.

2) after that drag of hotel image and background image into the blank psd file. Adjust both image to right place.

3) i added the word hotel. After that, i use the layer style -- drop shadow to make the word like more attractive.

4) i want to add the 2 line at the top and bottom for the word to let user to focus on the word. And i use the same angle of drop shadow on it.

5) For other thumbnail, i used the same method to show unity.

Information of accommodation.

1) 10cm * 2cm is the width and height of the button for name of hotel.

2) background i add a image and add a white stroke (layer style -- stroke) on it.

3) After that i put text and add stroke on it too.

4) Now i do for the information like address and telephone number for hotel. For the background i put opacity to 70%. Then i use brush tool to make the purple border.

5) The information of the hotel is listed inside the border.

idea on Assignment 3~

Description on the individual ideation of the link

My parts are introduction and accommodation about Perak. Introduction is the history and brief information of Perak like head of state, population and others. For the accommodation available in Perak, it means for the places that visitors may stay such as resorts and hotels.


Objective of the link


The objective is to let user to explore about the state, how big is Perak, what is the word 'Perak' mean, how Perak grow from 16th century till now, famous and non famous hotel and resorts in Perak. Address and contact info for accommodation will be provided in the link to make it easier for user.


Design of GUI


GUI design for our group website is prepared by another teammate because we want our design to be unity.

Below is the GUI that I want to use for the accommodation part. I add on the button below the pages. The other part is same as the above picture shown. The blue button is for user to click on the option they want and the info will link to the button. 

Flowchart of the individual site

Use of tools in Photoshop, Dreamweaver and Flash


Photo and video will be designed and edited with using Photoshop Flash and Dreamweaver.




References


I'm taking information of Perak from the2 link below. Pictures used in Photoshop and Flash are search from google.

http://www.peraktourism.com
http://www.about-malaysia.com/perak/index.htm

Screen shot of final output

dreamweaver on personal website~

photoshop for header footer..
madam may feel free to see my website on http://student.mmu.edu.my/~1101107817
http://student.mmu.edu.my/~1101107817/index.html