Panduan Membina Banner Dengan Photoshop CS3/CS4Photoshop CS4 portable (96MB) http://rapidshare.com/files/238304672/Photoshop.zip Photoshop CS3 Portable (59MB) http://rapidshare.com/files/201224210/Adob.Photo.CS3.Portable.rar

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.

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

6. Pilih warna yang ingin diletakkan. Pilih warna yang agak gelap untuk foreground.

7. Pilih warna untuk background pula.

8. Pilih warna untuk background color.

9. Guna Gradient tool untuk melakukan pewarnaan.

10. Klik mouse dan hold untuk point yang pertama ke point kedua di atas banner..

11. Setelah melakukan gradient tool, kita akan mendapat warna seperti di bawah.

12. Sekarang kita ingin masukkan gambar di bahagian hujung kanan banner tersebut. Pergi ke File > Open.

13. Pilih gambar yang ingin diletakkan di dalam banner.

14. Setelah file gambar di buka, pilih rectangular Marquee Tool untuk membuat pilihan bahagian gambar untuk di copy.

15. Pilih bahagian yang mahu di copy.

16. Setelah memilih bahagian tersebut, pergi ke Edit > Copy.

17. Kemudian, kembali ke paparan banner melalui Window > (nama file banner)

18. Klik kepada Edit>Paste untuk masukkan gambar ke dalam banner.

18. Gambar itu boleh diubah saiznya dengan pergi ke Edit > Transform > Scale.

19. Kita boleh kecilkan atau besarkan saiz mengikut kemahuan kita.

20. Gambar telah dikurangkan saiz di dalam contoh ini.

21. Setelah saiz telah dikecilkan, klik kepada Move Tool.

22. Selepas itu, satu dialog box akan dibuka. Apply the transformation.

23. Transformation telah diapply. Ubah kedudukan gambar tersebut.

24. Untuk masukkan tulisan, klik kepada Horizontal Type Tool.

25. Masukkan tulisan yang dikehendaki, boleh tukar jenis dan saiz tulisan.

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

27. Boleh pilih style layer di blending options. Beberapa pilihan boleh diambil dan lihat perubahan pada tulisan.

28. Kini, tulisan telah berubah bentuk kepada lebih menarik.

29. Boleh masukkan satu lagi tulisan yang lain, dan kali ini kita menjadikan tulisan itu senget. Guna Free Transform > Skew.

30. Tulisan Join Now! telah berubah.

31. Kini , kita ingin membuat tulisan itu mempunyai animation berkelip kelip Pilih Window > Animation.

32. Animation frame sudah terbuka.

33. Letakkan delay pada animation ini, sebagai contoh 0.5 sec.

34. Duplicate frame..

35. Tanda mata di sebelah join now telah diklik untuk memadamkannya.

36. Kini, anda boleh klik play simulasi untuk animation ini.

37. Save file tersebut dengan Save for Web & Devices.

38. Satu paparan keluar menunjukkan optimized image. Click save.

39. Save gambar tersebut.

40. Untuk file template banner tersebut. Boleh save sebagai .psd.

41. File PSD ini bolehlah diletakkan di dalam satu folder untuk photoshop file.

42. Klik OK untuk maximize compatibility.

43. Kita sudah mempunyai banner seperti di bawah. Selamat mencuba.