Saturday, October 23, 2010

3D Text Effect with Adobe Illustrator CS3

3D Text Effect with Adobe Illustrator CS3This time.. I will be.. a little different than usual, but still with my favorite software, Photoshop, only this time.. with the help and the use of 3D rendering power of Adobe Illustrator to create 3D text effects.

Step 1

Open a new document by choosing File > New from the Main Menu or by using Ctrl + N to shortcut it.. my favorite one.. Activate the Text tool by pressing the T key... I use Billo Dream fonts that you can download it here for free.

3D Text Effect with Adobe Illustrator CS3




Step 2

Text Tool still active, right-click your text and choose Create Work Path. Press the A button and then click and drag the area around the text you have selected.


3D Text Effect with Adobe Illustrator CS3


Becoming this...

3D Text Effect with Adobe Illustrator CS3



In the options bar at the top of Photoshop, you can see the Combine button... click it to make sure our letters are all stays together (as a single unit). You can now copy the selected paths by the famous shortcut command Ctrl+C.


3D Text Effect with Adobe Illustrator CS3



Step 3

Skip to Illustrator. Move on, open your Adobe Illustrator now. Go ahead.. paste the paths we copied right into your Illustrator document also by the famous shortcut command Ctrl+V.

Here comes the delicious part! Still with the path selected, choose Effect > 3D > Extrude & Bevel. After all your settings are done, click OK to get your 3D transformation.


3D Text Effect with Adobe Illustrator CS3



Step 4

Back to Photoshop. Notice that our object still selected in Illustrator, copy it back by hitting Ctrl+C, then click over to your Photoshop and hit Ctrl+V like we've done earlier. Choose Smart Object and click Enter. Rename it 3D Text like i did.


3D Text Effect with Adobe Illustrator CS3



Step 5

Create the Shadow. We’re going to do the Copy and Paste again, but now.. in Photoshop. Copy the 3D Text layer and move the copied layer just below the 3D Text layer. Guys... I believe it’s gonna be hard seeing this new black pasted version over the original, so lets change the Blending Mode into Overlay and Down the Fill Opacity as you like.


3D Text Effect with Adobe Illustrator CS3



Hire Me?!



As usual.. play around guys, have a little fun with it.
Go crazy... Exploring the Art of Madness.

Here's my Final Cut!



3D Text Effect with Adobe Illustrator CS3



36 comments:

  1. wah .. saya menemukan sebuah rahasia di balik gambar2 yang terpampang di entri bang genial ... yaitu ketika ane klik tembus ke blog bang genial lainnya yang butuh somay :D

    http://genialbutuhsomay.blogspot.com/2009/04/ms-pratama.html

    itu link salah satunya yah :D

    ReplyDelete
  2. Manstap BOZ text efek dngan efek 3d lebih berdimensi...Sukses selalu.

    ReplyDelete
  3. salam sobat
    sampai step 5.
    pingin coba, pasti keren nih.
    trims sudah berbagi ilmu.

    ReplyDelete
  4. dah master bro satu ini :) salute :)

    ReplyDelete
  5. @ John Terro : iia kang bener banged.. :)
    @ Aulawi Ahmad + suryowidiyanto : banyak yg lebih hebat kang di luar sana.. saiia sii cuma se-upilnya ajja :(

    @ all : makasii kedatangannya iia akang sama mba' :)

    ReplyDelete
  6. Wang seepertinya si Akang Jago ama Adobe ..
    pingin belajar lebih jauh ahh ..
    thanks and di banyakin postingan artikel seperti ini ya

    ReplyDelete
  7. wah asyik nih nambah ilmu baru saya, secara saya suka bgt desain grafis

    ReplyDelete
  8. wew mantap gambarnya... pengen juga... buatin dunks... (minta eneknya saja..)hahah..

    ReplyDelete
  9. @ all : makasii kedatangannya iia akang sama mba' :)

    ReplyDelete
  10. waah..saya baru belajar ngedit poto dikit2
    mas gen dah kemana2 pake 3D
    kereen..sekarang saya lagi suka main di grafiti creator
    tapi bikinan saya belum bagus
    :)

    ReplyDelete
  11. this what I am looking for , nice gan informasinya :p

    ReplyDelete
  12. Nyerah deh kalo urusan sotoshopan :D
    Masih abal2, hehehe...
    Lagian belum pernah nyoba Adobe Illustrator :D
    Btw, linknya udah saya add kang, pake nama FCDB :)

    ReplyDelete
  13. cantik hasil akhirnya mas..
    cuma saya kurang senada sama warna fontnya :(

    ReplyDelete
  14. Lanjutin sobat, Oh ya Banner kmren g usah lagi mas, saya udah dapatin yang sesuai.. skli lagi makasih ya,,

    ReplyDelete
  15. Wah salah satu Software yg aku pake untuk kerjaan nie Sob hhe... yg CS4 fiturnya nambah tuh Sob.. cuma sayang gak support untuk Windows... jadi cuma Mac OS Apple yg bisa make..... :P

    Maaf baru bisa kesini Sob... happy blogging :P

    ReplyDelete
  16. kunjungan malam...!
    ijin mampir ngeronda nich :D

    ReplyDelete
  17. harus sambil praktekin nih biar lebih ngerti...
    tapi koq ya otakku belum nyampai..hiks...
    makasih sharing ilmunya.

    ReplyDelete
  18. @ Zippy : iia kang, makasii uda berkenan :)
    @ Laksamana Embun : iia gpp kang, that's ok
    @ Ferdinand : happy blogging juga kang..
    @ Fir'aun NgebLoG : makasii berkenan mapir selalu kang... ntar saiia maen ke tempatnya... hehehe...
    @ attayaya mobil keluarga : klik iklan? yg mana bang???
    @ narti : iia bener tuu sambil di praktekkin lebih enak :) sama-sama iia bunda :)

    ReplyDelete
  19. Wow!
    it seems that i'll try that <3

    you're so creative :D


    Xoxo ♥
    Pinkie Anggia

    http://sugarpuff.jp.pn

    ReplyDelete
  20. outputnya cantik.. langkahnya sepertinya sulit buat saya mas :(

    ReplyDelete
  21. pake efek Extrude ckckck.. kereen bener.. IQ ane ga nyampe he he
    makasih tipsnya :)

    ReplyDelete
  22. keren mas. i like it, aku jg bljar 3d max.

    ReplyDelete
  23. saya suka hasil akhirnya,
    walau sebarnya masih agak rumit buat saya mas :(

    ReplyDelete
  24. I just want to share my experiences. When my newborn child until the age of 2 months the eyes belekan continue, according to his DSA is one of the signs that my child has allergies that turned out talent from my family.

    ReplyDelete
  25. I'm sorry for my late respond :)

    heyy wow..
    that's so amazing
    you're so clever, isn't it? :)

    Glad to hear from you!
    *hugs*

    http://pinkieanggia.tumblr.com
    http://pinkieanggia.deviantart.com
    http://lookbook.nu/pinkieanggia

    ReplyDelete
  26. wew..thanks info nya.blog nya keren ey

    ReplyDelete

When you gotta go, you gotta go! Throw it all away HERE! Lmao!