Graphic Design Blogs - BlogCatalog Blog DirectoryJoin My Community at MyBloglog!Test your Internet connection speed at Speedtest.netArtsGet this blog as a slideshow! Free Page Rank Tool

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:

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

wow...gambarnya keren...

This turned out beautifully!

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

keren bgt tuh bro, 3D nya mantap!

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

dah master bro satu ini :) salute :)

@ 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' :)

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

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

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

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

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

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

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

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

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

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

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

graphic 3D ini klik iklannya mahal lho

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

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

Wow!
it seems that i'll try that <3

you're so creative :D


Xoxo ♥
Pinkie Anggia

http://sugarpuff.jp.pn

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

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

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

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

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.

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

wew..thanks info nya.blog nya keren ey

Post a Comment

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