Tutorial kali ini membuat saya agak excited kerana saya merupakan peminat Graffiti Art! Memandangkan tema pertandingan santai sambil bergembira di group Syok Grafik Malaysia pada minggu ini ialah Graffiti & Grunge, jadi apa salahnya saya buat tutorial cara menghasilkan Graffiti dan Grunge.
Pengenalan
Apabila disebut graffiti biasanya ia melibatkan text yang berwarna-warni dan gambar yang dilukis-lukis di dinding. Oh jangan salah sangka ya ini tidak termsuk hasil-hasil conteng korang di dinding rumah korang ye ;) Biasanya artist dan designer dari seluruh negara menghasilkan graffiti untuk menyatakan maksud di batu dan dinding. Hanya menggunakan font graffiti dan menambah sedikit efek grunge, kita dapat menghasilkan grafik Graffiti + Grunge di Photoshop.

Langkah pertama
Sediakan canvas baru di photoshop. Di dalam tutorial ini saya menggunakan dimensi seperti di bawah:

Langkah kedua
Warnakan background dengan apa sahaja warna yang sesuai. Saya memilih warna coklat kerana menyerupai warna dinding batu-bata yang akan saya gunakan nanti.

Langkah Ketiga
Klik pada Type tool dan cari font yang bersesuaian dengan tema graffiti. Saya menggunakan font Tribal Funk. Anda boleh download font ini di sini.
Taip di canvas dengan perkataan anda. Di sini saya taip perkataan ‘Syok!’ dan saya jadikannya warna hitam sebagai bayang-bayang teks kita nanti.

Langkah Keempat
Kemudian kita klik semula Type Tool dan taip satu persatu huruf bagi menghasilkan huruf di berlainan layer. Dan anda boleh lihat di bawah saya mulakan dengan hurus ‘S’.

Guna warna berlainan untuk teks ‘S’ ini dan di bawah saya menggunakan warna putih. Bawakan layer ‘S’ tersebut ke atas teks ‘Syok’.

Langkah Kelima
Klik edit > Free Transform dan gunakan pointer mouse anda untuk memutarkan sedikit huruf sambil mendedahkan sedikit teks hitam di belakang.

Langkah keenam
Lakukan cara yang sama untuk di layer huruf yang lain.

Langkah ketujuh
Kemudian di layer huruf ‘S’, klik kanan mouse anda dan pergi ke Blending tool. Gunakan setting seperti di bawah:


Langkah kelapan
Lakukan cara yang sama digunakan ke semua layer huruf:

Langkah kesembilan
Kemudian di keyboard anda, tekan butang CTRL + Klik di semua layer teks.
Pergi ke menu layer dan kemudian klik ‘Merge Layers’ bagi mengabungkan kesemua layer teks dan huruf menjadi satu layer. Layer ini saya namakan layer ‘Utama’.

Langkah kesepuluh
Di layer ‘Utama’, klik kanan dan tekan belanding tool. Kemudian gunakan setting seperti di bawah:


Langkah kesebelas
Jika anda ingin mengubah warna grafik anda boleh berbuat demikian dengan klik pada menu Image > Hue/Saturation.

Kemudian bolehlah mengubah setting Hue untuk pulihan warna yang anda suka:

Langkah keduabelas
Masih di layer grafik teks, klik CTRL + J di keyboard untuk ‘duplicate layer’ atau menghasilkan layer baru yang sama dari layer ‘Utama’. Saya namakan layer ini layer ‘Kedua’.

Langkah ketigabelas
Pada layer ‘Kedua’ yang baru dihasilkan, kita klik pada menu Filter > Render > Fibers. Dan lakukan setting seperti dibawah. Cara ini adalah untuk menghasilkan sedikit efek grunge pada grafik teks.

Langkah keempatbelas
Masukkan gambar batu-bata atau apa sahaja yang bersesuaian sebagai latar belakang.

Langkah kelimabelas
Klik Layer ‘Utama’ dan di layer tersebut, kita akan menggunakan setting Overlay. Opacity biarkan 100% atau ikut kesesuaian dengan grafik anda agar teks tersebut kelihatan sedikit tenggelam ke latar belakang dinding.

Langkah Terakhir
Klik layer Kedua’ pula dan anda bolehlah menggunakan setting seperti di bawah:

Berikut ialah hasil graffiti + grunge yang telah di hasilkan.

Anda boleh gunakan teknik yang sama untuk latar belakang yang berlainan. Yang penting gunakan kekretifan anda!
Setelah dapat menghasilkan grafik graffiti dan grunge apa kata anda hantarkan grafik anda di group Syok Grafik Malaysia. Manalah tahu boleh menang minggu ini, gambar hasil kreativiti anda akan ditayang pada orang ramai di facebook
Selamat Mencuba!





wah,bagus la luv buat tutorial mcm ni.sekurang2nya dapat juga saya ilmu
Alhamdulillah saya gembira dapat berkongsi ilmu.
Terima kasih atas tutorialnya. Semoga Allah membalas dengan sebaik-baik balasan.
Terima kasih, semoga bermanfaat
saya dari tak tahu apa2 tentan photoshop dah tahu dah sekrang tetapi tak leh lawan lah sifu luv ni hehe
Alhamdulillah… ilmu yg berguna, perkogsian yg bermanafaat
Terima kasih
luv guna photoshop c3 ker ni?
Saya guna cs4.
saye masih gune cs2
still bleh kan?
Boleh Shah, tiada masalah.
jap..
kalo photoshop jenis lama boleh x?
boleh tapi mungkin ada yang berlainan sedikit. Saya ada reply di emel.
Saya pun minat juga bidang ni,,, saya pun mau cuba sendiri… terima kasih kerana bagi info.
Sama-sama, selamat mencuba.
Baguslah tutorial ini nanti boleh dipraktikkan. Boleh buat guna cs3 dan cs4 ke?
yer saya menggunakan cs 3 ni,boleh ker ?
Boleh…cs2 pun boleh
thanks 4 sharing luvly..nice info..!!
You are welcome
Memang terbaiklah Luvleey
Thanks Safuan
Harus cuba….terima kasih kak luv
cuba jangan tak cuba
aku dah lama betul tinggal dunia photoshop nih..sekali tengok tutorial nih, naik gian ni balik..
bolehlah titan mula balik main photoshop
bro sentiasa kagum dengan hasil karya yang dihasilkan oleh luvleey…hehehehehe..
Terima kasih bro Matzis
trima kasih atas tutorial.dah cuba tapi masih belum menjadi.mungkin kena praktis lagi kot.
Ya teruskan praktis. Simple saha step nya
trimas atas tunjuk ajar yang di berkan.. tp saya x faham lah apa maksud sebenar “grunge” tuh..?
Grunge dalam design, grafik kasar.
owh yeke.. baru saya faham..hehe trimas..
T.kasih Luvleey..info grafik ni
Salam… thanks a lot luv….
Next time ajar buat Text 3D boleh tak….
yg sama tulisan header syok-syok tu…
Sama-sama Abemogi dan muat. Insyaallah next time saya akan muatkan lagi tutorial grafik.
salam Luv,terima kasih bagi info grafik ni .Aziah Suka
thanks a lot! suke2..hehehe..best r…
Terima kasih Aziah dan Uni
Salam,
simple je rupenye.. seolah2 mcm 3d pun ade.. rupenye just double the layer..
tq luv.
yes just double the layer.
Salam Mari teman berteman bersama saya..
Good tutorial.. sejak saya melayari blog saudari banyak perkara yang saya pelajari..
Tq
Sama-sama Pakar Blogger
wah teramat terima kasih…
sama-sama.
ape kelebihan cs4 banding cs3&cs2?
Setiap kali adobe upgrade versi baru maknanya ada features yang mereka tambah. Seperti sistem edit workflow yang lebih smooth, 3D engine, konfigurasi panel yang baru dan banyak lagi. Untuk lebih maklumat boleh lihat di web adobe atau perbandingan di http://en.wikipedia.org/wiki/Adobe_Photoshop#Features
terima kasih, saudari telah menafaatkan ilmu yang dimilik….
Sma-sama dan semoga bermanfaat
Salam.. Saya nak tempah minisite, banner, agak urgent juga….. Bila agak2nya Luvleey boleh mulakan?
Hai Samurai, buat masa sekarang saya off dulu design, akan dimaklumkan nanti.
thx la sbb letak toturial kt sini k..
sy harap ade la lagi yg akk nk letak k…
wah jadi menarik….. selama ni saya tak terfikir pun menggunaka cara macam Luvleey tunjukkan…. kalau guna cs2 boleh tak?
boleh, tiada masalah jika guna cs2
perghh gilaa la mantop bleh cuba belajar neh…mmg terbaek huhu
tutorial terbaik dari ladang!
Terima kasih di atas tutorial ni,saya nak try la nanti
Sama-sama..Try lah
Penat nonton bola td terjumpa syosyok, eh syok juga tengok ilmu grafik ni walau rabun. terima kasih tunjuk ajar. Barokah la anda bagi ilmu percuma pulak tu..
Salam Kak,
Lama tak dgr citer.. hehe.. Thanks atas tutorial hebat ni..
Saya dah try tp mcm ada sedikit kurang.. Still improving..
http://www.facebook.com/#!/photo.php?pid=85830&id=100001090778780
Thanks kak..
Cantik! mungkin boleh terangkan teksnya sikit sahaja lagi. Lagi best kalau apply 3D
Satu tutorial yang amat berguna..terima kasih dgn tutorial yg dikongsikan ni..
Langkah demi langkah, itu yg kami cari…baguslah! dpt berkongsi ilmu spt ini. Makin lama semakin mantap kepakaran anda. txn..
salam luvleey.saya nak tanya sedikit..macamana nak buat banner di header laman web contohnya gambar terkeluar sedikit daripada ruang banner tersebut..sesperti perkataan SYOKsyok yang mana huruf S awal terkeluar sedikit daripada banner….contoh lain ialah jika buat banner pada header laman web “sempoiblog” pada banner dan diletakkan gambar komputer katakan..gambar komputer terkeluar sedikit petak empat segi banner tu…. macamana nak buat
Oh ok nanti saya terangkan..
time kaceh kakkk
came-came..
selama ni saya guna corel draw 9 10 12, photoshop tak pernah cuba plak