Salam 1 Malaysia, dan Salam Perpaduan. Untuk pengguna Windows (ehem, saya triple boot OK) yang membeli Adobe Photoshop original (kalau tak original pun tak pa), boleh lah follow tutorial ni. Didalam tutorial ni, korang akan belajar cara-cara untuk membuat grafik yang sungguh kreatif sekali dalam Adobe Photoshop ini.
Pertama sekali – Fikir apa yang korang nak buat. 😉
Sebagai contoh, untuk membuat banner dengan grafik, pastikan berapa lebar kah yang korang mahukan. Sebagai contoh, untuk design banner yang saya buat kt atas ni, saiznya adalah 600 (lebar) x 216 (tinggi). (Sejak itu, si Syahril membikin banner dengan saiz ni untuk post2 baru dia kihkihkih sebenarnya mamat tu pun otai gak grafik2 ni :-[) ).
Tutorial Bisnes Fotografi Untuk Produk Anda. Dapatkan sekarang sementara masih ada!
Tekan File > New. Dan Kekotak “New” akan terpapar.
Masukkan width: 600 dan height: 216
Seterusnya, korang akan nampak kertas kosong. Bermulalah titik permulaan seorang jurugrafik daripada kertas kosong. 😐
Ok, terdapatnya layer pada sebelah kanan tu. Kita akan menggunakan beberapa layer pada tutorial ni.
Layers pada sebelah kanan skirn
Sekarang, buat satu lagi layer sebagai background nya. Pergi ke menu “Layer” > New > Layer dan namakan Layer tu “Gambar Latar”.
Dapatkan banyak sumber psd files kat http://downloadpsd.com/
Sekarang, pergi ke File > Place dan cari latar belakang yang korang suka. Contohnya,
Pilih gambar latar yang bersesuaian dengan tema
Ok, sekarang kita dah dapat latar belakang yang cantik. Seterusnya, korang perlu pikir tulisan yang sesuai dengan tema pulak. Contohnya, Helvetica Neue LT Pro. Untuk memasukkan text, tekan papan kekunci huruf “T” dan klik dimana2 dalam gambar latar tu. Suaikan saiznya dan masukkan teks yang lebih besar untuk tajuk. Contohnya:
Memasukkan teks
Ataupun, untuk membuat dia lebih menonjol, buat satu lagi layer. Dan Klik pada Rectangle tool atau tekan pada papan kekunci huruf “U”. Drag pada teks korang, contohnya
Drag rectangle tool tu meliputi teks mcm ni
Seterusnya, drag layer tu ke belakang layer teks korang, contoh
Tarik layer kekotak tu ke belakang layer teks korang
Klik pada “Vector Mask Thumbnail”
Klik pada Vector Mask Thumbnail
Kemudiannya, kita rendahkan opacity kekotak tu. Caranya
Setkan opacity kepada 30% ++
Tambahkan teks jika korang mahu, dan juga masukkan butang yang kalau orang nampak diorang jadik excited, seperti join now! etc etc. Dapatkan sumber psd file untuk butang-butang tu di sini, sbg contoh
Contohnya, korang boleh letak “Sertai Sekarang” sebagai kontra/membuatkan pengunjung rasa nak klik je
Kemudian ada boleh save dan muat naik ke laman web korang, semoga berjaya
Muaturun Sumber Tutorial dalam format psd
Ohhh macam tu je rupanya.
Selama ni susah-susah je buat.
Huhuh teirma kasih atas tunjuk ajar 😀
Terima kasih. Design cantik2 🙂
ada kawan2 yg pandai photoshop x yg nak berkerja boleh hubungi saya 018-3137937
Mantap saya coba dulu bos….
pergh…mantop…nak kena belajar gak ni..hehe
Salam bro,
Terima kasih sebab berkongsi artikel di atas.Bolehlah belajar-belajar untuk buat banner sendiri lepas ni.
Sekarang ni aku masih biasa
guna PS 7.cs3 tu aku pernah guna.
tapi hilang dah.huuu..
Guna photoshop juga senang.
harga photoshop je tak adil langsung.
mana la aku nak cari duit.
sama la aku tak faham guna
Gimp lagi…kena la guna
windows dan Photoshop juga.
bukan guna selalu.sebab dalam
windows senang nak kena virus.huuu.. :[
hehe, betul tu bro
GIMP aku tak berapa expert sangat
tak pasti la yang si Fariz ni boleh tunjuk kan ke tidak lepas ni *peace*
tutorial yang berguna..terima kasih banyak..
masih lg tengah nak belajar cs5 nih…
info menarik bro.. 🙂
weyhhhh..mana button like nie..aku nak like…haha, link ko share tu pun aku suka..thanks…:)
share je..terima kasih bro..
Oh terima kasih.. tapi aku masih guna CS3 jer.. eheks
sama je.. boleh jugak
to everybody – hehehehe thanks semua!! nantikan lebih banyak tutorial untuk GIMP, Photoshop etc etc.. hihihi 😀
terima kasih bro… penjelasan yg mnarik.. lagi satu, aried suka cara bro komen di blog2 lain.. telus dan ada yg luar pndangan orang lain.. so, aried amik peluang ni datang ke blog bro n ucapkan tahniah… like the way u ar…
sama2 aried.
kena ikhlas nak komen ni walaupun pelik bunyinya
biar ikut gaya kita tersendiri
make fun with comment~ yeah!!
Biasa guna cs3 je…
Tutorial ni senang dan ringkas…
mudah untuk diikuti….terima kasih ya…
terbaek la tip2 nye, ble di tiru he2, yg pntg kne kreatif, keep it up bro thanks….
setuju tu
kena kreatif~
Tangan perlu dilembut untuk guna PhotoShope kalau keras tak jadi nanti 🙂
bookmark entri ni bro
Terkini : 700 Ribu Kondom Hilang
thanks!!
gunalah font lain bro. kan google font ada banyak font boleh download. 🙂
ps/:baner kt ats tu blogspot punya huu..skrg blog cahayacinta.dah ok .tq sb ada baner 🙂 mmg ctik heee :8
hehe, banner biasa je tu
menarik utk di pejari..pasni klu ada masa free mau kesini lagi heee..
terima kasih atas ilmu yg d beri..blog cinta pun blum ada baner lagu ..alahai.. :p 🙂
aku x bpe power photoshop ni..setakat edit skit2 bole la..hehe
sama la kita bro
sikit2 je
tapi kalau banyak belajar mudah la
tips yang amat berguna. bukan senang pakai photoshop ni kalau tak biasa.
huh! boleh buat kat aku satu nie, aku langsung tk pandai gune..sikit boleh la
haha, memang terbaik kan? aku pun gagap nak cuba benda ni
waa bro terbaik punya sharing nie..boleh praktik nanti,,thanks alot..kongsi lagi banyak nanti ye..
abang kita ni buat tutor kan
mesti menarik punya.
perghhhh
lagi satu tutorial yang mantap
wahhh!!!tutorial lengkap nak buat header ni..i loike…Thank tuan rumah..hehe
huyyo.. memang cantik lah… aku kana cuba praktikkan…
tuts budak2 but nice try…aku impress dgn screenshot… software apa guna untuk capture screenshot ni? or sekadar printscreen?
menarik tutorial ni..
tapi akupun belum pakai cs5.. masih setia dengan cs3..
tak tau bila dapat pakai cs5 ni
aku x blh guna cs5 lagi
coz grafik kad build in ja..x support
still cs3
sama je bro.. cs3 ke.. paling teruk 7.0 pon still boleh ahhahaha
aku still pakai version 7 tuh.. =( =(
tool baru tak sempat nak merasa :aie: