Photoshop: cara mudah hasil efek teks 3d

image post

Pada kali ini, aku ingin berkongsi ilmu yang tak seberapa mengenai perisian photoshop. Aku nak berkongsi tentang bagaimana nak buat efek teks 3D dengan menggunakan photoshop. Teknik dapat digunakan bukan sahaja untuk teks tetapi untuk gambar juga.

Tutorial

1 copy

1. Buat satu file baru  dengan klik File>New.  Setkan nilai ukuran projek mengikut kehendak korang. Untuk tutorial ini, aku  gunakan size 7 x 5 inci ( Size asal photoshop ) kerana senang untuk uploadkan kat dalam website nanti.

2 copy

2. Langkah seterusnya, klik pada ikon T ( atau tekan huruf  T di keyboard ). Menu untuk edit teks akan keluar di bahagian atas.

3. Tetapkan jenis huruf yang tebal supaya efek 3D akan lebih menyerlah. Aku gunakan huruf jenis Poplar Std dan saiz 298.26 pt.

3 copy

4. Sengetkan huruf ‘a’ tadi dengan klik pada Edit>Transform>Skew ( Ctrl+T untuk shortcut ).

5. Setkan nilai H sebanyak 28.9. Korang boleh setkan nilai mengikut kesesuaian korang. Hasilnya adalah seperti di atas. Selepas korang berpuas hati dengan hasil korang klik Enter.

4 copy

6. Proses seterusnya adalah untuk menghasilkan ketebalan huruf. Klik pada ikon Move ( ikon paling atas di photoshop toolbar ) atau tekan huruf v ( shortcut ).

7. Tekan butang Ctrl ( shortcut untuk copy ) dan jangan lepaskan. Simbol tetikus seperti di atas ( highlight warna biru ) akan  keluar.Ini menunjukkan anda bersedia untuk copy.

8. Ketika masih klik Ctrl, klik arah kiri .Lepaskan butang Ctrl dan klik bawah di keyboard. Layer bernama ‘ a copy ‘ akan keluar.

9. Ulang langkah 7 dan 8 sehingga layer ‘ a copy 30 ‘ keluar. Korang boleh menambah atau mengurangkan ketebalan mengikut kreativiti korang.

5 copy

10.  Klik sekali pada layer ‘ a copy 30 ‘. Pergi ke layer ‘ a copy ‘ .Hold shift dan tekan pada layer ‘ a copy ‘. Layer ‘ a copy ‘ sehingga ‘ a copy 30 ‘ akan dihighlight seperti di atas.

11. Klik kanan pada mana-mana layer yang dihighlight tadi dan klik resterize type.

6 copy

12. Ulang langkah 9 dan klik kanan sekali lagi dan klik merge layer.

13. Layer yang banyak tadi telah dicamtumkan dan secara automatik dinamakan layer ‘ a copy 30 ‘.Layer ni adalah ketebalan bagi huruf a tadi.

7 copy

13.  Seterusnya klik skali pada layer ‘a’. Klik ikon Text atau tekan huruf T. Tukarkan warna huruf ‘a’ kepada warna putih.

14. Klik sekali pada layer ‘a’ dan tarik layer itu supaya berada di atas layer ‘ a copy 30‘.

1

15.  Untuk menghasilkan border huruf a .Klik 2 kali pada layer ‘a’ dan ikut tetapan seperti di atas. Warna yang aku gunakan adalah kelabu ( kod #999696)

8 copy

Inilah hasil efek teks 3D yang kita perolehi. Korang boleh menambah bayang dan menukar stail mengikut kreativiti masing-masing. Gambar di bawah adalah hasil aku menggunakan teknik ini.

Ini merupakan entri pertama aku untuk tutorial photoshop. Kalo ada kesilapan dan penambahbaikan boleh la korang letakkan di ruang komen. Selamat Mencuba :)

Untitled-1 copy

Tagged : , , ,

23 Responses to “Photoshop: cara mudah hasil efek teks 3d”

  1. aku baru belajar nak gne photoshop.. hehe… nice tutorial
    beliamuda´s last blog ..Apabila streamyx buat hal lagi My ComLuv Profile

    [Reply]

    acad Reply:

    xpe2 lelame kalo slalu blaja sndiri.pndi juga akhirnya .:D

    [Reply]

  2. bagus bro
    banyakkan tuto PS ni
    aku pon baru belajar PS ni
    anyway,tuto kali ini
    panjang sangat lah..huhu
    loq´s last blog ..Baju sekolah pelajar perempuan seksi ke? My ComLuv Profile

    [Reply]

  3. entah..ngape kakjie tak guna pun photoshop ni..nk publish gambar terus upload…hehehe..malas sebenarnya

    erk..atau dah melepasi zaman…tande dah tua le tu

    :p

    btw…thanks for checking out blog kak jie….blog makcik2 tu
    kak jie´s last blog ..Katil 18 Wad 4B Hospital Sungai Buloh My ComLuv Profile

    [Reply]

  4. hoho…
    menarik…

    [Reply]

  5. waaaa nice la acad..aku pun tak reti lagi camni..hu3..photoshop pun baru sentuh..hahha
    Roslan Nazri´s last blog ..Vote for Pulau Sipadan! My ComLuv Profile

    [Reply]

  6. aku dh kurg suke gune photoshop..

    lebih suke gune illustrator…

    bagus btlla ko wat tutorial ni…sbb aku malas nak wat…tak terbuat rrr..nak kene wat screenshot byk..hehe….

    encek malas mmg slalu datang melawat…
    dilot´s last blog ..Haruan bertopeng ustaz merogol 6 anak My ComLuv Profile

    [Reply]

    acadterror Reply:

    btul2.sbenanye kalo nak diikutkan illustrator lagi best dari photoshop sbb die cam lukis kat kertas di dalam komputer.photoshop ni lebih kepada edit sesuatu bende yg dah ade je .2 pendapat aku ler :)

    [Reply]

    Azree Hanifiah Reply:

    Photoshop ni lebih kepada gambar – means kita nak ubah warna pixel gambar.

    Illustrator lebih kepada vector.

    Ni pendapat aku je la..
    Azree Hanifiah´s last blog ..Kita Ibarat Bulan My ComLuv Profile

    [Reply]

    acad Reply:

    selamat datang azree hanifiah ke blog aku hehehehe
    betul2 apa yang anda katakan itu.aku bersetuju

  7. aku kalo buat bende2 camni aku biasa pkai illustrator..
    photoshop aku kurang pandai guna tool2 die..
    Anarm´s last blog ..PDF Xchange Viewer, Alternatif kepada Adobe Reader dan Foxit Reader My ComLuv Profile

    [Reply]

  8. seriusli cun bro!
    ak dah bookmark…
    esok ak bgun tdo bnde ni la first ak nk try…

    tenkiu veli2 mach!
    zelo55´s last blog ..Cintaku Itu Bukan Sementara. (Part 1) My ComLuv Profile

    [Reply]

    acadterror Reply:

    no problem bro :)

    [Reply]

  9. Aku lebih selesa guna Paint.
    PakciQue´s last blog ..Kereta Yang Berpenyakit My ComLuv Profile

    [Reply]

    Roslan Nazri Reply:

    hehehe..pak cik ni kelakor plak..cam serius jer..aku pun tak pandai..reti skit2 je..nti nak menuntut ngn my fren..
    Roslan Nazri´s last blog ..Ceritera Minggu Ini My ComLuv Profile

    [Reply]

  10. good work bro!
    i like it

    [Reply]

  11. haha i like sotoshop haha…
    dh lama guna cara nih..
    selain guna Ai hehe..
    elyass´s last blog ..(TV3 SERIES) AKSI : BIO-NIK My ComLuv Profile

    [Reply]

  12. alahai baru nak cuba, tiba2 photoshop xleh bukak…
    esok aku cuba lagi.thanks for sharing… ;)

    [Reply]

  13. simple girlz Says:
    September 9, 2009 at 11:19 am

    test 1 2 3

    [Reply]

    acadterror Reply:

    hehehe test ape tu.test math ke
    acadterror´s last blog ..9 Cool Emoticon untuk dirembat My ComLuv Profile

    [Reply]

  14. Make your own life easier take the personal loans and everything you require.

    [Reply]

  15. perggh SMART!!! thanks
    esanstudio.net´s last blog ..Folder Permission Problem My ComLuv Profile

    [Reply]

  16. Your web site is extremely intriguing,I would like to connect with u,could i sent email to you?

    [Reply]

Leave a Reply




CommentLuv Enabled

Blog Widget by LinkWithin