Menu     Tutorial     AriffCS

 
Mengubahsuai Grafik
1.  Pemasangan dan Setting GIMP

Install GIMP dan Setting Interface supaya mudah digunakan

2.  Melukis Icon

Cara melukis icon berbentuk Tanda Right & Tanda Pangkah

3.  Mengubahsuai Header

Pelajari teknik mengubahsuai grafik untuk Header Laman Web

4.  Membuat Header

4.1.  Buat File baru
4.2.  Set Gradient Fill untuk Background
4.3.  Tulis Teks Tajuk utama Header
4.4.  Tambah Shadow pada Teks
4.5.  Buat Garisan diantara Header dan Isi
4.6.  Tambah Kesan Frame pada Header
4.7.  Tambah Gambar Utama pada Header


Gambar di atas adalah cara-cara mendapatkan gambar di Internet jika belum mempunyai idea tentang gambar yang sesuai. Risikonya adalah terambil gambar yang mempunyai hakcipta terpelihara. Jadi, anda perlu berhati-hati.

Caranya ialah melalui Google Image Search.

Seperti pada gambar di atas, klik pada Imej  tab di sebelah atas, cari kata kunci tentang imej yang dicari pada  . Sebagai contoh, saya telah memilih jenis  dan gambar  untuk digunakan sebagai gambar pada Header saya.





Selepas saya klik gambar  tadi, saya pun Copy Image  tersebut seperti dalam gambar di atas.

Pada perisian GIMP, klik menu Edit  -> Paste  untuk salin gambar tersebut ke GIMP.

Klik pada Layers Dialog Tab  . Seperti biasa, gambar yang di copy akan berada dalam status floating  . Jadi, kita perlu set ia supaya berada di dalam mana-mana layer. Untuk set gambar tadi supaya berada dalam layer baru, klik Create a new layer  .





Kini saya akan pindahkan gambar tadi ke posisi yang sesuai iaitu di sebelah kanan teks tajuk Header. Kemudian saya kecilkan sedikit saiz pixel gambar tadi.

Klik Move Tool  , klik gambar  tadi dan pindahkannya pada lokasi yang sesuai. Sebagai contoh, saya telah pindahkannya ke sebelah kanan.

Untuk mengecilkan saiz gambar tadi, klik Scale Tool  . Select gambar tersebut terlebih dahulu dengan klik menu Select  -> All  . Klik pada gambar  , Drag pada  mengikut saiz yang diingini, dan klik Scale  .





Seterusnya, kesan warna putih di sekeliling gambar perlu dibuang supaya hanya gambar yang perlu sahaja diambil. Tujuannya supaya ia kelihatan menarik dan profesional.

Untuk tujuan tersebut, klik Fuzzy Select Tool  , klik pada sekeliling objek seperti pada  , dan tekan pada kekunci DELETE pada keyboard. Begitu juga pada  , dan tekan DELETE. Boleh juga guna menu Edit  -> Clear  untuk memadam kesan warna putih di sekeliling objek.





Walaupun begitu, masih ada garisan halus yang tertinggal pada  . Untuk tambah kemas lagi, kita perlu memadamnya secara manual.

Zoom gambar tersebut. Klik pada  , set display sehingga objek yang hendak dipadam nampak jelas. Sebagai contoh ialah 200%  .

Klik Eraser Tool  , klik Brushes Dialog Tab  , dan klik jenis Brush yang sesuai. Sebagai contoh, saya telah memilih jenis  .

Padam garisan yang tidak diperlukan pada gambar. Boleh guna MOVE + SHIFT + CLICK  untuk memadam dalam bentuk garis lurus. Garisan halus yang terdapat pada bahagian yang lain, sebagai contoh pada  juga boleh dipadam.


 

4.8.  Kesan Transparent pada Gambar
4.9.  Tambah Kesan Cahaya
4.10.  Tulis Informasi tentang Produk
4.11.  Duplicate Gambar
4.12.  Tulis Informasi tentang Produk
4.13.  Tambah Kesan 3D pada Teks Tajuk Header
4.14.  Export to JPG






5.  Membuat Footer

Pelajari cara membuat Footer untuk Laman Web Surat Jualan


Tutorial di AriffCS, 0132293744, ariffcs2007@gmail.com, Mohammad Ariff bin Zainal

Beli Domain dan Hosting
Memilih Domain dan Hosting yang sesuai
Membina Laman Web
Cara Membina Laman Web Dinamik menggunakan sistem CMS.
Background Music MP3
Cara membuat Background Music MP3 daripada MIDI Music
Membeli di Internet
Pelbagai Tips untuk Membeli di Internet