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.