Multimedia Concept: Assignment 1- 05/03/2010 (LAYOUT)

Pada 23 Mac 2010 kami telah ditugaskan untuk menghasilkan satu layout untuk Fakulti Teknologi Maklumat Dan Multimedia, Universiti Tun Hussein Onn Malaysia. Ini merupakan tugasan berkumpulan pertama untuk menghasilkan karya kreatif masing-masing dengan menggunakan Abode Photoshop. Berikut adalah langkah-langkah yang untuk menghasilkan layout tersebut.

Menghasilkan Layout.

Gambar diatas menunjukkan layout yang telah disiapkan.
Untuk mencipta layout tersebut perlu mengikut langkah-langkah yang dinyatakan di bawah:

Dengan menggunakan saiz 900 pixel x 500 pixel dan berlatar belakang warna puteh.
Brushes tools > saiz 260px, warna #14173a digunakan untuk menambahkan lagi kesan pada latar belakang tersebut.
Pada layer 1, banner yang telah dicipta akan di masukkan ke dalam latar belakang tersebut.
Rounded Rectangle tools digunakan pada kotak disebelah kiri dengan menggunakan warna #d4daf8.
Ulang langkah yang sama untuk kotak kedua.
Pada kotak pertama, text di masukkan iaitu Waktu yang menggunakan jenis perkataan Maiandra GD dengan saiz 18pt.
Pada kotak pertama juga diletakkan gambar jam menunjukkan waktu semasa di negara kita.
Manakala pada kotak yang kedua, perkataan search diletakkan. Perkataan Search tersebut menggunakan jenis tulisan Maiandra GD dan saiz 18pt.
Rounded Rectangle tools digunakan sekali lagi untuk membuat petak untuk menaip perkataan yang ingin dicari.
Selain itu, penggunaan ikon-ikon seperti youtube, facebook dan twitter juga digunakan didalam kotak tersebut. Ikon-ikon tersebut di muat turun melalui internet.
Seterusnya perkataan SELAMAT DATANG KE LAMAN WEB FAKULTI TEKNOLOGI MAKLUMAT DAN MULTIMEDIA dengan menggunakan jenis perkataan Maiandra GD dan saiz 18pt.
Lines tools digunakan untuk membuat garisan pada sebelah kiri dan kanan.
Text tools digunakan untuk menaip perkataan News dan Info dengan menggunakan format yang sama iaitu bersaiz 18pt dan jenis tulisan Maiandra GD.
Ulang langkah diatas untuk perkataan Sambutan Perayaan Tahun Baru Cina, Pada : 01 -03 March 2010, Tempat : DTII, Tawaran biasiswa kepada semua pelajar, dan juga perkataan senarai penaja.
Untuk membuat footer pula, satu gambar latar belakang yang telah di muat turun daripada internet digunakan sebagi latar belakang.
Gambar tersebut di potong (crop) mengikut saiz yang dikehendaki.
Buka file baru dengan saiz 900 pixel x 100 pixel.
Gambar yang telah dipotong tadi di cut dan di paste ke dalam file yang baru dibuka tadi.
Dengan menggunakan text tools taip FTMM dan UTHM. Tulisan Maiandra GD, saiz 18pt dan warna #93707f digunakan untuk kedua-dua perkataan tersebut.
Perkataan FAKULTI TEKNOLOGI MAKLUMAT & MULTIMEDIA ditulis dengan menggunakan format VinerHandITC, saiz 18pt dan berwarna #e81e75.
Begitu juga dengan perkataan Kampus Bandar , 86400 Pt Raja, Bt Pahat, Johor, Malaysia detaip dengan menggunakan tulisan yang sama tetapi ditukarkan dengan warna #bfe81e.
Setelah siap semua langkah- langkah tersebut maka terhasillah layout seperti diatas.

Menghasilkan Logo FTMM

Copy gambar computer dari google image

Kemudian copy gambar masuk dalam new page

Araha kedua ialah untuk memasukan perkataan dalam logo tersebut

i. Klik horizontal type tool untuk mulakan text

ii. Taip perkataan Mahasiswa ICT Teras Pembangunan

iii. Double klik layer

iv. Untuk layer style, menggunakan bevel ,emboss dan pilih texture, kemudian tick gradient overly, Untuk blend mode pilih normal and opacity.

v. Styles-pilih blue glass(button)

vi. Create warpad text, pilih style pilih flag dan horizontal

Untuk masukkan perkataan FTMM,

i. Klik horizontal type tool untuk mulakan text

ii. Masukkan perkataan FTMM

iii. Double klik layer

iv. Layer style blending option default, tick drop shadow, bevel embross,gradient overly dan stroke

v. Untuk color perkataan style plih color target(button)

Edit background

i. Double klik layer background

ii. Style blending option default, tick drop shadow, innor shadow,outer glow, bevel dan embross pilih texture

iii. Untuk general blending

- Tukarkan blend mode dari normal ke pin light

Akhir sekali edit gambar rajah computer dan garis-garis

i. Pergi ke menu image, kemudian klik adjustments dan pilih Hue/saturation

- Untuk present pilih custom

- Hue = +3

- Saturation =+16

- Lightness = 0

- Akhir sekali klik ok, logo siap di cipta.

Menghasilkan Banner

Untuk membuat banner, satu gambar latar belakang yang sama dengan footer telah di muat turun daripada internet digunakan sebagai latar belakang.
Gambar tersebut di potong (crop) mengikut saiz yang dikehendaki.
Buka file baru dengan saiz 900 pixel x 200 pixel dan diletakkan sedikit kesan seperti inner glow.
Gambar yang telah dipotong tadi di cut dan di paste ke dalam file yang baru dibuka tadi.
Perkataan FAKULTI TEKNOLOGI MAKLUMAT & MULTIMEDIA ditulis dengan menggunakan format VinerHandITC, saiz 18pt dan berwarna #e81e75.
Begitu juga dengan perkataan Kampus Bandar , 86400 Pt Raja, Bt Pahat, Johor, Malaysia detaip dengan menggunakan tulisan yang sama tetapi ditukarkan dengan warna #bfe81e.
Logo yang telah siap diproses akan di copy dan di paste pada banner tersebut.
Begitu juga dengan menu bar, proses yang sama dilakukan untuk menggabungkan ketiga-tiga perkara tersebut.
Setelah siap semua langkah- langkah tersebut maka terhasillah banner seperti dibawah.

Menghasilkan Menu Bar

Buka file baru dengan saiz 95pixel x 35 pixel dan latar belakang berwarna #1102a3.
Kemudian menggunakan jenis perkataan Stencil Std, saiz 18pt dan warna #db1838 perkataan HOME ditaip.
Ulang lagkah tersebut dengan menggunakan format yang sama pada perkataan MANAGEMENT, ACADEMIC, PROGRAMMES, STAFF, SITEMAP dan FACULTIES.
Berikut adalah hasil-hasil yang telah dibuat.