[TUTORIAL]Membuat Efek Mapping Batik Pada 3D Teks

Selamat malam semuanya nih warga ADS-ID Mau share neh ane..lagi bongkar-bongkar data lama nemu tutorial photoshop yang saya buat tahun
2011an, daripada di diemin, lebih baik saya share di sini mungkin bisa bermanfaat, bisa buat belajar bersama-sama.Langsung saja simak okey

>>Ini untuk hasil jadinya<<


​

Belajar design grafis bareng-bareng yuuk!!!Nah kali ini saya akan memberikan tutorial tehnik mapping texture 3D text,disini saya memggunakan dua program
yaitu adobe photoshop dan adobe illustrator cs3,fungsi dari adobe photoshopnya nanti untuk membuat effect mappingnya dan untuk adobe illustratornya itu sendiri saya gunakan untuk membuat effect text menjadi 3D.

Sebelumnya persiapkan gambar batik untuk mapping nanti,bisa juga menggunakan gambar lain yang berupa texture atau apa terserah menurut selera kalian.gambarnya seperti contoh dibawah ini atau bisa gunakan gambar ini.

Spoiler

Sementara simpan dahulu gambar batiknya sekarang kita buat text 3D dahulu,buka adobe illustrator untuk ciptakan effect text menjadi 3D
terserah mau pake adobe cs3 atau versi yang lebih tinggi,Setelah adobe illustrator terbuka langkah selanjutnya pilih file lalu new document,kemudian
pilih size,saya menggunakan ukuran A4 yang berada pada ( size ) terus orientation saya buat miring,kemudian lihat dibawah ada tulisan raster effect saya pilih screen(72 ppi),untuk ukuran terserah kalian buat
berapa sesuaikan dengan kebutuhan,setelah sudah ditentukan ukuran dan resolusi kemudian klik ok.

Spoiler

Setelah kanvas pada illustrator terbuka sesuai dengan ukuran yang kita tentukan kemudian kita mulai menulis pada kanvas illustrator atau pilih simbol ( T ) pada toolbar untuk memulai text lalu klikkan
pada kanvasnya.disini saya gunakan font arial black dengan size 150 warna abu-abu/K=100,lihat gambar dibawah ini.

Spoiler

Sekarang setelah text telah kita siapkan kemudian saatnya membuat effect text menjadi bentuk 3D,untuk membuat effect 3D tersebut klik/seleksi pada text yang telah kita siapkan kemudian kita beralih pada menu bar lalu pilih Effect / 3D / kemudian klik Extrude & Bevel

Spoiler

Lalu kita akan melihat jendela option 3D Extrude & Bevel,Kemudian centang preview untuk melihat hasil dari effect 3D yang kita ciptakan,disini untuk ketebalan dan option-option lainya saya biarkan default,kalian bisa kreasikan sendiri kreasikan sesuai dengan selera.nanti hasilnya kaya gambar dibawah ini,lalu tekan [ok]

Spoiler

Text 3D telah siap lalu klik/seleksi pada text yang kita telah buat lalu copy text tersebut [cntrl+c] lalu kita beralih pada adobe photoshop,buatlah new canvas yang berada pada pada menu file/new kemudian tentukan ukuran,saya gunakan ukuran A4 sesuai dengan ukuran pada adobe illustrator yang kita pakai untuk membuat text 3D.untuk ukuran saya gunakan mm(milimeter) preset saya gunakan custom,width : 297mm, Height : 210mm dan untuk resolusinya saya gunakan 72pixel/inch,color mode RGB.setelah semua ukuran sudah kita tentukan lalu klik [ok].

Spoiler

Setelah kanvas yang telah kita buat pada adobe photoshop telah siap lalu paste [cntrl+v] pada kanvas tersebut hasil dari copy text 3D pada adobe illustrator yang kita ciptakan sebelumnya.nanti ada jendela option paste,centang yang pixels lalu [ok],nanti hasilnya akan seperti gambar dibawah ini setelah kita paste.

Spoiler

Langkah selanjutnya adalah buka/open gambar batik yang telah kita siapkan untuk mapping 3D text,jika gambar batik telah siap lalu seleksi gambar tersebut/[cntrl+A],lalu copy pada gambar batik tersebut (Edit>Copy) atau gunakan shortcut [cntrl+C] (gambar harus diseleksi dulu agar bisa dicopy)

Spoiler

Setelah gambar batik tadi telah dicopy lalu beralih pada jendela canvas yang ada 3D text tadi untuk memulai mapping,lihat gambar dibawah.

Spoiler

Lalu seleksi hanya pada layer 3D text,gambar diatas menunjukkan 3D text berada pada layer1,cara seleksi 3D text tersebut dengan cara ( tahan cntrl lalu klik pada kotak layer 3D text tersebut ) setelah kita seleksi nanti akan muncul tanda garis-garis menggelilingi 3D text tersebut,setelah terseleksi lalu kita paste hasil copy gambar batik tadi,tapi langkah ini bukan paste [cntrl+V] saja melainkan kita gunakan mode paste into (Edit>Paste Into) atau juga bisa gunakan [shift+cntrl+v],setelah kita gunakan mode paste into nanti hasilnya akan jadi seperti gambar dibawah ini.

Spoiler

Lalu untuk proses mappingnya kita masking gambar batik yang telah kita paste pada 3D text tadi,disini gambar gambar batik berada pada (layer2) lalu pilih masking mode pada ( OVERRLAY ),setelah kita pilih masking pada gambar batik tersebut gambar mappingnya akan mulai terlihat membentuk pada 3D text kita,kalian bisa tambahkan masking pada gambar tersebut,dengan catatan gambar batik yang pertama buat masking overlay tadi harus diduplikat terlebih dahulu,dalam mode masking ini sesuaikan dengan kebutuhan kalian masing-masing,nah setelah kita masking gambar batik tersebut kita bisa tambahkan sedikit pencahayaan mode,pilih menu (Layer>Layer Style>Inner Glow)Sesuaikan dengan kebutuhan kalian masing-masing nanti setelah kita beri sedikit cahaya gambarnya akan berubah.

+++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++​

Dari tutorial di atas bisa kalian kembangkan lagi sesuai dengan kreasi masing-masing, seperti gambar saya di bawah ini.,selamat mencoba.

Spoiler

​

Nah Sampai disini dulu ya..untuk baground kalian bisa kembangkan sesuai dengan kreasi dan minat kalian,Nanti akan saya update tutorial-tutorial yang lain.
apabila ada yang salah saya minta maaf yang sebesar-sebesarnya.


Salam
-Yan'S

 

wah mantaapp bener gan..
tapi AI berat sih, kompi ane spec rendah jadi gak bisa pake..

 

mantap abis gan

 

makasih atas tutorialnya gan,
ane ikut prektek sory like mluncur

 

langsung praktek

 

Selamat mencoba, nanti saya lanjutin..masih ada 4 lagi tutorial,
sementara itu aja,,nanti menyusul yang 4

 

kalo ngak bisa AI ya buat manual aja 3D textnya di photoshop
ya mungkin memakan sedikit waktu, harus membuat extrudenya..terus lightingnya,
kalo AI mah enak,, makanya jadi sayang ma AI

 

sadappp keren gan, langsung ke tkp ah. mau nyoba . ditunggu tutor selanjutnya gan

 

manteb gan mgkn font nya pake yg etnik" tambah oke

 

seep,, itu terserah explor dan kreatif masing-masing, yang penting itu bisa belajar bersama-sama

 

Mantaf gan, ilmu ane baru bisa potong2 doank

 

Ya yang penting belajar dan belajar lambat laun pasti juga akan bisa gan,
apalagi selama punya basic gambar semisal, malah lebih cepet dalam belajar gitu..
selamat mencoba aja

 

keren gan

 

Silakan di coba gan, klo ada yang di tanyakan bisa pm saya

Sent from my Xperia Miro using Tapatalk 2

 

sip gan , thx tutor nya, ane coba dulu ah

 

kalaw buat background wp keren nih.

 

kreatif juga.. nice share

 

mantabss tutoriallnya gan,,, ane langsung praktek langsung berhasil

Ditunggu tutorialnya lagi ya gan,, kalau bisa Vector nya AI , hehehe

 

Iya di tunggu update yang lainnya gan, masih sibuk belum sempat buat tutorial lagi

Sent from my Xperia Miro using Tapatalk 2

 

wah coba dulu ah kelihatannya menarik