1. Aktifkan Adobe Photoshop CS3 ataupun CS4. Di bawah paparan yang dilihat setelah diaktifkan.

2. Bina file baru dengan pergi ke File > New.

3. Namakan file tersebut di bahagian Name. Letakkan width dan height banner yang ingin di bina. Pastikan ianya dalam ukuran yang betul. Selalunya kita menggunakan pixels. Untuk paparan website, kita menggunakan resolution 72 pixels/ inch.

4. Layout banner telah dibentuk dengan saiz yang diletakkan. Pilih foreground color dahulu. Warna ini kita akan bina secara toning yang berlainan agar nampak lebih menarik. . 5. Sekarang kita ingin meletakkan warna background di bahagian belakang banner.

8. Pilih warna untuk background pula. Pilih warna untuk background color.6. Pilih warna yang ingin diletakkan. . 7. Pilih warna yang agak gelap untuk foreground.

11. kita akan mendapat warna seperti di bawah.9. Setelah melakukan gradient tool.. . 10. Guna Gradient tool untuk melakukan pewarnaan. Klik mouse dan hold untuk point yang pertama ke point kedua di atas banner.

Pergi ke File > Open.12. Pilih gambar yang ingin diletakkan di dalam banner. pilih rectangular Marquee Tool untuk membuat pilihan bahagian gambar untuk di copy. 14. 13. Sekarang kita ingin masukkan gambar di bahagian hujung kanan banner tersebut. . Setelah file gambar di buka.

kembali ke paparan banner melalui Window > (nama file banner) . Pilih bahagian yang mahu di copy. Kemudian. pergi ke Edit > Copy.15. 17. Setelah memilih bahagian tersebut. 16.

.18. Klik kepada Edit>Paste untuk masukkan gambar ke dalam banner. Gambar itu boleh diubah saiznya dengan pergi ke Edit > Transform > Scale. 18.

. Gambar telah dikurangkan saiz di dalam contoh ini.19. Kita boleh kecilkan atau besarkan saiz mengikut kemahuan kita. 20.

klik kepada Move Tool. boleh tukar jenis dan saiz tulisan. Untuk masukkan tulisan. 24. Setelah saiz telah dikecilkan. Masukkan tulisan yang dikehendaki. . Ubah kedudukan gambar tersebut. Apply the transformation.21. Transformation telah di”apply”. Selepas itu. 22. satu dialog box akan dibuka. klik kepada Horizontal Type Tool. 25. 23.

Untuk menukar bentuk tulisan agar lebih menarik.26. . boleh klik kanan kepada layer yang dikehendaki dan pergi ke Blending options.

29. Kini. Boleh pilih style layer di blending options. Boleh masukkan satu lagi tulisan yang lain.27. . Beberapa pilihan boleh diambil dan lihat perubahan pada tulisan. dan kali ini kita menjadikan tulisan itu senget. 28. tulisan telah berubah bentuk kepada lebih menarik. Guna Free Transform > Skew.

31. Kini .30. kita ingin membuat tulisan itu mempunyai animation “berkelip – kelip” Pilih Window > Animation. Tulisan Join Now! telah berubah. .

Animation frame sudah terbuka.32. . 34. Duplicate frame. Letakkan delay pada animation ini. sebagai contoh 0.. 33.5 sec.

Tanda “mata” di sebelah join now telah diklik untuk memadamkannya. anda boleh klik play simulasi untuk animation ini.35. Save file tersebut dengan Save for Web & Devices. 36. . 37. Kini.

. Click save. Satu paparan keluar menunjukkan optimized image. Save gambar tersebut. 39.38.

psd. File PSD ini bolehlah diletakkan di dalam satu folder untuk photoshop file. . 41. Boleh save sebagai .40. Untuk file template banner tersebut.

42. Kita sudah mempunyai sebuah banner. 43. Klik OK untuk maximize compatibility. Selamat mencuba. .

Sign up to vote on this title
UsefulNot useful