FTMM Layout

FTMM Layout

 

Create Wallpaper:

The wallpaper in this tutorial will be 1050x3000 but it will work in any size. Simply change the canvas size in step 1.

1. Create a new canvas 3000 pixels in height and 1050 pixels in width.

2. Now you set the 2 base colours for the wallpaper. The example uses #1B5484 and #FFFFFF – any two differing colours will work however. Set your foreground colour to #ff99ff and your background colour to #FFFFFF. Choose Filter > Render > Clouds.

3. Next choose Image > Adjustments > Brightness/Contrast… and set the Contrast to +50.

4. Now choose Filter > Distort > Ocean Ripple; set the Ripple Size to 11 and the Ripple Magnitude to 15.

5. Now to create the stripy effect – choose Filter > Blur > Motion Blur. Set the angle to 90° and the distance to 225.

6. Finally, choose Filter > Sharpen > Sharpen. Hold down Ctrl and press F to repeat the filter. This brings some subtle clarity to the wallpaper.

Resources: http://www.drquincy.com/blog/stripy-abstract-wallpaper-in-photoshop/

Creating the Banner:

1. Create a new canvas 950 x 300 pixels.

2. Next set 2 base colours for the banners. I chose #1B5484 and #FFFFFF. I set the foreground colour to #ff99ff and your background colour to #FFFFFF.

3. By using various brushes, I decorate the banners by using different types of brushes with different sizes.

4. In the banner also, I put the UTHM logo on left side of the banner.

5. I also put the FTMM logo in right side of the banner.

Creating The Footer:

The same method was used when we made the header accept we use different colour when we applying to the background of the footer:

1. Create a new canvas 950 x 300 pixels.

2. Next set 2 base colours for the banners. I chose #1B5484 and #FFFFFF. I set the foreground colour to #ff99ff and your background colour to #FFFFFF.

3. By using various brushes, I decorate the banners by using different types of brushes with different sizes.

Creating The Content Box:

MENU BAR

This is step to do menu bar. 

1. Firstly open new photo paper, then use brushes to do frame of menu bar.

2. In this assignment we use colour pink at the brushes.


3. The backgroud of words at menu bar we use gradient pink and the words of menu bar is


4. "HOME, DISCOVER US, PROGRAMMES, DEPARTMENT FACILITIES, RESEARCH STAFF "and" SITE MAP"


5. After do the words, we change the colour of that words to dark pink and edit the colour use colour balance.

Web Design Templates:

 

Group Members:

1. Amirul Hakmal bin Jalil.

2. Mohd Redzuan bin Mamat

3. Muhammad Zulhelmi bin Maseot