The process of Buttons on Navigation Bar for The Tree Top Walk

Now i'm going to show you how i create the buttons for the Navigation Bar.

There are --

Home buttons, Activities buttons, Accommodation buttons, People's View buttons, Direction buttons, Information buttons.

-- 1 --

File > New

- Name : Buttons

- Preset : Custom

- Width : 180px

- Height : 50px

- Background Content : Transparent

-- 2 --

- clicked Rounded Rectangular Tool , then draw it in the background layer.

- This is the background for the the buttons.

-- 3 --

- opened an image from desktop

- used Rectangular Marquee Tool to select the wanted part.

- Copy & Paste the selected part to the background layer.

|
V

|
V

-- 4 --

- resized the image.

-- 5 --

- Name the layer 1 as background colour.

- Name the layer 2 as background.

- closed the eye of layer 2 (the screen is now showing layer 1 only)

- clicked the Paint Bucket Tool, change the colour to Black colour.

- clicked on the background colour layer.

|
V

-- 6 --

- clicked the eye to open back the background layer.

- this is the final background of buttons ^^

-- 7 --

- clicked Horizontal Type Tool to write text

- clicked on the background layer and write HOME.

-- 8 --

- Double clicked the HOME layer

- Ticked Drop Shadow box

-- 9 --

- Ticked Outer Glow box > OK

|
V

** This is the final image for HOME buttons. **

That's all for the steps of processing buttons.

For another 5 buttons, I changed the Horizontal Type Tool text only.

The images below are showing the final buttons for the rest of buttons.

Regards,

Lee Kah Yee