Photoshop: cara mudah hasil efek teks 3d

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

37 Responses to Photoshop: cara mudah hasil efek teks 3d
  1. beliamuda Reply

    aku baru belajar nak gne photoshop.. hehe… nice tutorial
    .-= beliamuda´s last blog ..Apabila streamyx buat hal lagi =-.

    • acad Reply

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

  2. loq Reply

    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? =-.

  3. kak jie Reply

    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 =-.

  4. Azah Reply

    hoho…
    menarik…

  5. Roslan Nazri Reply

    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! =-.

  6. dilot Reply

    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 =-.

    • 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 :)

      • 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 =-.

        • acad Reply

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

  7. Anarm Reply

    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 =-.

  8. zelo55 Reply

    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) =-.

  9. PakciQue Reply

    Aku lebih selesa guna Paint.
    .-= PakciQue´s last blog ..Kereta Yang Berpenyakit =-.

    • 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 =-.

  10. Luth Textile Reply

    good work bro!
    i like it

  11. elyass Reply

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

  12. -WaN- Reply

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

  13. simple girlz Reply

    test 1 2 3

  14. JILLBAIRD Reply

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

  15. esanstudio.net Reply

    perggh SMART!!! thanks
    .-= esanstudio.net´s last blog ..Folder Permission Problem =-.

  16. Pdf To Word Converter Freeware Reply

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

  17. Hellen Sturino Reply

    Helpful post, bookmarked the site in hopes to see more!

  18. security tool virus removal Reply

    Interesting write-up and 1 which should be more broadly known about in my view. Your level of detail is very good as well as the clarity of writing is excellent. I have bookmarked it for you personally so that others will be in a position to see what you should say.

  19. Work From Home Australia Reply

    Hi, this is NOT a spam comment. I really like your website and have put a back link on my “Recommended Links” page for you which is located here – http://www.workfromhomeincome.com.au/recommended-links/ I was hoping you could approve this comment.

  20. Shana Rothbart Reply

    grievous listing you’ve sit on

  21. osama death photo Reply

    Fantastic piece we need to spread the word about this internet site.You need to have far more interest .

  22. Frankie Nottingham Reply

    Hi there. I really wish to say thank you so much for a marvelous experience. I have found most of your articles as well as suggestions exceedingly enlightening, specially subject matter covering a variety of attributes of web design. At this moment, I am desperately learning graphics using Adobe Photoshop CS5 which is really a great piece of design software, nevertheless, it’s complexity have superceed my abilities making it hard for me to go farther. I’ve explored in many different places to uncover some good quality beginer courses, youtube, dailymotion, blogs, nonetheless they all appear to go over related learning content. A whole lot of tutorial matter on Adobe’s site is geared at high-end users, certainly not me. If anyone is looking over this and might offer me some proper helpful information with regards to where I am able to obtain the right type of lessons I would really be thankful for it, please drop me an e-mail. Thanks again for a fantastic experience! Frankie Nottingham

  23. Tarkan Mp3 ?ndir Download Reply

    Good Post Awsome !

  24. 1danisman Reply

    Nice comments and nice sharing. This is related to the subject of your work and wish you continued success. adsl

  25. adsl Reply

    Still struggling to Write Articles, Submitting them to get Traffic, and make money? Brand new technology now allows you to now create 100′s and even thousands of UNIQUE and readable articles out of just one main seed article – with just a few clicks of your mouse button… and then have them submitted to the top article directories on autopilot!

    Discover How Two Powerful Pieces of Software that has cost us a real total of $48,000 In Development Costs Can Help You Get The Results You Want, By Working LESS…

  26. suraya Reply

    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.

    Huuuuuuuuu…saya tak paham part ni…..tak reti buat….

  27. suraya Reply

    owwwwhhhh…dh dpt..sy kena tekan btg alt bkn ctrl..hehehe…..tuto yg best…tq..

  28. best weed killer Reply

    Good post but I was wanting to know if you could write a litte more on this subject? I’d be very grateful if you could elaborate a little bit more. Thank you!

  29. Perth Website Designers Reply

    Right now it looks like Drupal is the top blogging platform available right now. (from what I’ve read) Is that what you are using on your blog?

  30. ayu ibrahim Reply

    x faham langsung…huwaaaaaaaaaaaaaaaaa

Leave a Reply

Your email address will not be published. Please enter your name, email and a comment.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>