Posted by reezluv | Posted in tutorial | Posted on 29-06-2009
Tutorial: Menghasilkan Banner Design
Salam semua, pada kali ini aku nak tunjukkan dan guide korang step by step bagaimana nak design banner. Banner design memang ramai yang nak tahu tentang cara nak buatnya dengan menggunakan Photoshop, ramai yang tahu sebenarnya, tapi pada hakikatnya malas nak belajar..tak gitu? Hehe..
Ok, pada kali ni jom kita belajar pula tentang Bagaimana Nak Design Banner Dengan Menggunakan Photoshop.Aku hanya menggunakan Photoshop CS2 untuk menghasilkan banner, terpulang la kat korang nak pakai version mana satu, asal ada sudah.
Langkah pertama adalah Buka PS dan klik Ctrl+N atau File-New dan hasilkan file seperti description dibawah:
Kita akan design sebuah banner dengan saiz 300×350 pixel dan tekan OK.
Kemudian buka satu layer baru dengan klik New Layer pada menu disebelah kanan dan tetapkan gradient yang bakal kita buat sebentar lagi seperti gambar rajah
Terpulang jika anda ingin menggunakan warna yang lain, tetapi kali ini saya akan menggunakan warna tersebut.Pilih di toolbar, pilih option Gradient seperti gambar rajah, dan pilih Radial Gradient.
Pada layer yang kosong tersebut, isikan gradient dengan KLIK pada ruangan putih tersebut serta DRAG kan ke BAWAH sehingga anda berpuas hati dengan gradient yang anda telah buat.
Kemudian kita akan buatkan satu petak melintang di bawah.Buat satu lagi layer baru dan Klik pada Marquee Tool dan lukiskannya di bawah seperti gambarajah dan masukkan Fill Colour (Alt+Backspace) dan klik Blending Option atau double klik pada layer.
Klik pada GRADIENT OVERLAY dan tetapkan setting seperti gambarajah. Anda boleh configure mengikut kesukaan anda jika anda tidak mahukan warna ini.
Seterusnya klik pada DROP SHADOW pula untuk membuat sedikit bayang pada objek tersebut.
Kemudian kita masukkan teks dengan memilih Tool Text pada toolbar atau T untuk shortcut. Pilih font yang anda rasa sesuai dan taipkan perkataan seperti berikut.
Tambahkan DROPSHADOW pada perkataan dan tetapkan setting seperti gambarajah.
DOUBLE KLIK pada layer teks tersebut dan masukkan juga GRADIENT OVERLAY dan tetapkan juga warna gradient yang anda inginkan seperti berikut.
Langkah seterusnya kita akan design satu objek dengan menggunakan SHAPE TOOL. Pilih SHAPE TOOL dan tetapkannya seperti di gambarajah
Lukiskan satu petak seperti yang anda lihat sebelum ini dan DOUBLE KLIK lagi untuk tetapkan pula GRADIENT OVERLAY
Tetapkan juga nilai STROKE yang akan kita buat juga seperti berikut
Klik pada Marquee Tool untuk buat Paku berbentuk bulat di atas.
Kemudian klik pada PEN TOOL dan lihat pada gambarajah
Lukiskan tali seperti dalam gambarajah itu. Biarkan ianya dalam bentuk LINE, Kemudian RIGHT KLIK pada LINE tersebut dan pilih STROKE PATH, masukkan BRUSH pada option yang diberikan. Jika terlalu nipis, setkan nilanya pada BRUSH TOOL.
Klik BRUSH TOOL, dan tetapkan nilai yang anda inginkan.
Hasilnya adalah seperti dibawah
Masukkan teks ORDER NOW dalam ruangan tersebut dan CTRL+T untuk Rotate kedudukan teks berkenaan atau anda ingin kecilkan atau besarkan teks tersebut.
Akhir sekali KLIK File-Save As dan pilih file jenis apa yang anda ingin save kan sama ada sebagai psd atau gif/jpg/png dan lain-lain.
Sekian
Related posts:
Hrm tip yang menarik dan straight forward daripada reezluv. Memang bagus tip ni. Sebelum ni saya buat banner paaki easy banner creator je. Maklumlah tak tau sangat tool2 grafik ni.
Satu lagi saya ada permintaan sedikit ni. Boleh tak bro, buat dalam kurungan maksud dalam bahasa melayu untuk perkataan -perkataan seperti gradient, overlay dan lain2. nanti senang lah sikit saya nak faham.
hohoho dah kosong dah komen kat sini.. rasanya aku ada komen semalam… tapi takpe la aku komen lagi sekali.. hohohoh
nak design banner ni apa yang penting adalah kreativiti dan pandai memliih hohoho kena ada sense yang baik la senang cerita.. hohoho
tips yang berguna dr bro reez..boleh dipraktikkan oleh newbie…sebagai cadangan, boleh tak bro ajar kami yang newbie ni secara online??melalui ym ke skype??minat gak ni nk belajar..