Tutorial ini menjelaskan cara membuat teks typography 3D dengan Photoshop CS6 melalui 6 tahapan. Tahapan tersebut adalah mengatur teks, mengubah teks menjadi bentuk 3D, memberi tekstur warna, menambahkan bayangan, menambahkan efek bevels, dan mengubah lingkungan cahaya untuk hasil akhir yang lebih baik.
1. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 1/16
CARA MEMBUAT TEKS TYPOGRPHY 3D DENGAN
PHOTOSHOP CS6
3:42 PM MHMMD SEED 17 COMMENTS
Kali ini akan membagikan sebuah tutorial text Typography dalam bentuk efek 3D. Dan pastinya Photoshop CS6
untuk mendukung pembuatan efek .
Mari kita mulai .
Hasil akhir
Tahap 1
Buka Photoshop CS6 anda dan buatlah dokumen baru dengan ukuran besar . Disini saya mengatur Widht = 1500
px dan Heigth = 1200 px dengan warna putih untuk Background . Setelah itu pilih Type Tool dan buatlah teks
sekitar dua paragraph atau lebih sesuai keinginan :
Selanjutnya atur masing-masing teks pada paragraph yang berbeda dengan menggunakan Character panel
hingga anda mendapat bentuk teks yang anda inginkan :
Popular Tags Blog Archives
POPULAR POSTS
Cara membuat teks
typogrphy 3D dengan
Photoshop CS6
Kali ini akan membagikan
sebuah tutorial text
Typography dalam bentuk
efek 3D. Dan pastinya Photoshop CS6 untuk
mendukung pembuatan efe...
Membuat sticker dengan
photoshop
Untuk menciptakan stiker
pada tutor ini tidaklah sulit .
Kita hanya perlu bekerja lebih
banyak dengan Layer Style .
Menciptakan efek dramatis
teks yang pecah
menggunakan Photoshop
Pada tutorial kali ini kita akan
menciptakan sebuah tutorial
yang keren yaitu tentang
bagaimana cara membuat teks yang pecah
dan menambahkan...
Cara membuat pop art
simple dengan Photoshop
Tutorial kali ini saya akan
mempertihatkan bagaimana
cara membuat jenis gambar
pop art yang simple
menggunakan Photoshop : Hasil akhir...
Cara membuat Abstrak
Explosion dengan
Photoshop
Tutorial kali ini akan
membahas tentang
bagaimana cara membuat
efek geometris Abstract Explosive
menggunakan photoshop : Hasil Akhi...
Visual efek Compelling
dengan photoshop
Sebagian anda mungkin
masih asing dengan istilah
Compelling Image .
Compelling Image adalah
salah satu efek visual yang biasa dihasilka...
Cara membuat efek
bayangan atau refleksi di
air dengan Photoshop
Hai guys , kali ini saya akan
mambuat tutorial tentang
bagaimana memberikan efek
refleksi air pada gambar biasa
menggunakan Photoshop. Langs...
Cara membuat manusia
robot dengan photoshop
Kali ini saya ingin berbagi
sebuah tutor yang sangat
keren dan pastinya buat
kalian yang suka banget ama
robot maka kalian pun wajib membaca...
Membuat efek painting
cipratan air pada gambar
Hay guys, kali ini saya punya
sesuatu yang menarik untuk
referensi foto editing anda
Follow Us!
Be Our Fan
Search
HOME EFEK MANIPULASI TYPOGRAPHY EFEK PHOTO EFEK TEXT EFEK 3D TEXT SERBA PHOTOSHOP BASIC »
2. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 2/16
Seperti inilah bentuk teks yang saya buat :
Tahap 2
Klik Ctrl+T(Win) atau Command+T(Mac) dan atur posisi dan ukuran hingga anda mendapat posisi yang pas .
Aturlah teks kebagian tengah dokumen :
Selanjutnya kita akan mengubah teks yang kita punya menjadi Shape . Caranya pilih layer teks , klik kanan dan
pilih Convert to Shape pada pesan yang muncul . Dan anda akan mendapatkan garis pada bagian luar teks anda
:
yaitu tentang cara membuat efek cipratan air
pada gamba...
Menciptakan Color Splash
atau selektive Color
dengan Photoshop
Color splash atau selective
color adalah suatu efek photo
dimana kita mendapatkan
perpaduan antara efek hitam putih dengan
gambar atau objek...
Powered by Blogger.
SHARE
3. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 3/16
Sekarang kita akan mengubah teks yang sudah menjadi Shape tadi menjadi teks 3D . Langsung saja, masih pada
layer yang sama , klik kanan lagi dan pilih New 3D Extrusion from Selected Layer :
Dan seperti inilah teks anda dalam bentuk 3D :
Kemudian kita akan membuat background atau tempat untuk teks 3D kita . Kembali ke Layers panel dan pilih
layer Background dan klik kanan pada layer tersebut. Pada pilihan yang muncul , pilih Postcard :
4. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 4/16
Setelah mengubah layer background tadi menjadi Postcard , selanjutnya kita akan menggabungkan Layer
Background tadi dengan layer teks 3D . Caranya pilih kedua layer tersebut kemudian buka menu 3D dan pilih
Merge 3D Layers :
Lakukan proses Render pada teks 3D didokumen anda dengan cara tekan Alt+Shift+Ctrl+R(Win) atau
Option+Shift+Command+R(Mac) pada keyboard anda dan tunggulah sampai proses Render selesai atau jika
anda sudah puas dengan hasilnya cukup klik dimana saja untuk menghentikan proses render . seperti inilah
hasilnya setelah anda menggabungkan kedua layer tadi :
Kemudian , saya ingin megubah sedikit ukuran efek 3D untuk teks yang saya punya . Pilih teks anda pada palette
3D dan palette Properties akan muncul pada bagian atas . Atur Extrusion Depth menjadi sekitar 94 . Anda bisa
mengatur ukuran sesuai yang anda inginkan :
Lakukan lagi proses Render hingga anda mendapat hasil yang bagus . (Proses render pada gambar dibawah ini
belum selesai )
5. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 5/16
Tahap 3
Sekarang kita akan memberikan texture warna pada teks 3D kita. Mulailah dengan memilih semua Material
teksyang ada di 3D palette dan Properties Materials akan muncul pada bagian atas . Klik ikon pada bagian
Deffuse dan pilih Remove Texture Pada pilihan yang muncul untuk menghilangkan texture yang sudah ada :
Selanjutnya klik ikon warna pada Diffuse dan pilih warna kuning untuk warna teks anda . Lakukan proses Render
hingga mendapat hasil bagus Dan bisa anda lihat teks anda berubah menjadi kuning :
Kemudian klik kanan Widget 3D objek pada bagian kiri bawah dokumen anda dan pada pilhan yang muncul pilih
Left untuk mendapatkan posisi kamera dari sisi kiri :
6. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 6/16
Selanjutnya pilih folder Background layer dan folder teks 3D anda pada palette 3D . klik Move Tool dan pilih
Align Left Edges pada option bar :
Kemudian kembalikan tampilan kamera seperti semula . Caranya klik kanan lagi widget 3D dan pilih Default
Camera :
Lakukan proses Render dan seperti inilah hasil yang saya dapatkan :
Tahap 4
Pada tahap ini kita akan menambahkan bayangan pada teks 3D kita . karena disini teks kita belum mempunyai
bayangan maka kita harus membuatnya . Mulailah dengan klik ikon pada bagian bawah palette 3D dan pilih New
7. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 7/16
Point Light :
Kemudian pilih Tool pada 3D Mode dan klik pada widget 3D dan geser secara diagonal hingga anda mendapatkan
hasil seperti gambar :
Selanjutnya pilih Tool dan klik pada bagian samping dokumen dan tarik sedikit keatas. Jika anda kurang paham
dengan cara tadi anda bias menggunakan cara yang kedua yaitu dengan Tool . Dengan Tool tersebut cukup
perkecil teks anda sesuai yang anda inginkan :
Kemudian , pada palette properties klik ikon Move to View, dan kembalikan lagi tampilan kamera anda ke bentuk
semula dengan klik kanan pada widget 3D dan pilih Default Camera :
8. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 8/16
Lakukan proses Render sampai anda mendapat hasil yang bagus . Seperti inilah gambar yang saya dapatkan .
Bagaimana dengan anda ? saya harap anda juga sama :
Tahap 5
Sekarang kita akan menambahkan efek Bevels untuk teks kita . Caranya pilih teks anda pada palette 3D dan pilih
Cap pada palette Properties. Ubah Width menjadi 10% :
Lakukan proses Render dan jika anda perhatikan , anda akan mendapat sedikit efek timbul pada permukaan teks.
(Maaf saya lupa mengambil gambar detailnya) :
9. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 9/16
Selanjutnya kita akan mengubah warna teks menjadi lebih terang . Caranya , pilih material kedua dan aturlah
Materials seperti gambar :
Lakukan proses Render dan seperti inilah hasilnya :
Tahap 6
Sebenarnya warna background asli kita masih dengan warna putih dan pada saat kita selesai melakukan Render ,
itu bukanlah warna background yang asli . Nah pada tahap ini kita akan mengatasi masalah tersebut . Caranya ,
Pilih Background pada palette 3D dan pada palette Properties, ubah warna diffuse menjadi Putih dan dokumen
anda secara otomatis akan berubah menjadi warna putih . Selanjutnya masih pada palette Properties, klik pada
ikon bagian Diffuse dan pilih Remove Texture untuk menghilangkan texture yang ada . kemudian klik ikon folder
pada bagian Bump dan pilih New Texture pada pilihan yang muncul :
10. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 10/16
Setelah itu akan muncul pesan untuk sebuah dokumen baru dengan ukuran yang sama dengan dokumen awal
kita, cukup klik Ok . Kemudian, masih pada palette properties. klik lagi ikon pada bagian Bump dan pilih Edit
Texture :
Dan secara otomatis photoshop akan membuka sebuah dokumen baru untuk texture:
Pada dokumen baru , kita akan menambahkan efek Noise pada dokumen tersebut . Caranya , buka menu Filter
> Noise dan pilih Add Noise . Aturlah Add Noise seperti gambar :
11. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 11/16
Kemudian ubah sedikit intesitas warna dari texture . Caranya Ctrl+L(Win) atau Command+L (Mac) untuk
mengakses Levels dan aturlah Levels seperti gambar :
Dan seperti inilah gambar texture untuk beckground yang saya dapatkan . Setelah selesai , cukup simpan
dokumen dengan menekan Ctrl+S (Win) atau Command+S (Mac) dan tutup dokumen tersebut :
Lakukan Proses Render dan inilah hasilnya :
Tahap Terakhir
Saya masih kurang puas dengan hasil warna pada teks yang saya punya disini . Saya ingin mengubahnya sedikit
untuk menghasilkan gambar yang lebih keren . Mulailah dengan memilih Environment pada palette 3D dan pada
palette Properties klik ikon folder IBL dan pilih New Texture pada pilihan yang muncul . Dan akan muncul pesan
untuk sebuah dokumen baru seperti tadi dengan ukuran yang sama , cukup klik Ok .
12. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 12/16
Selanjutnya masih pada palette Properties, klik lagi ikon Texture pada IBL dan pilih Edit Texture pada pilihan
yang muncul :
Dan secara otomatis Photoshop akan membuka sebuah dokumen baru seperti tadi :
Setelah itu , pilih Rectangle Tool dengan Fill berwarna hitam dan Stroke tanpa warna . Buatlah Shape pada
setengah bagian dokumen :
13. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 13/16
Menciptakan teks
origami dan
Membust teks efek
Furry dengan
Photoshop
Menciptakan efek
dramatis teks yang
Membuat teks
Relief pada gambar
Kemudian pada palette Layers, klik ikon Adjustment dan pilih Brightness/Contrast pada pilihan yang muncul .
Aturl Brightness/Contrast seperti gambar . Jika sudah selesai , Simpan dan tutup dokumen tersebut :
Lakukan proses Render untuk yang terakhir kalinya dan tunggu sampai selesai jika ingin mendapatkan hasil
bagus walaupun sedikit memakan waktu . Inilah hasil akhirnya :
Mungkin anda bisa medapatkan Typograpy yang lebih bagus jika anda mencoba untuk berkreasi . Terima kasih
atas kunjungan di tutor saya . See You On Next Tutor ……………..
Posted in: 3D Teks Efek
You might also like:
+1 Recommend this on Google
14. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 14/16
memberikan tekstur
paper
pecah
menggunakan ...
batu dengan
Photoshop
Newer Post Older Post
Linkwithin
Home
17 comments:
Lisa Prabowo says:
January 4, 2015 at 5:24 AM
Terima kasih. Membantu sekali.
Reply
Arman Nur Hidayat says:
January 29, 2015 at 1:39 AM
Terima kasih, Infonya sangat bermanfat..
Reply
Arman Nur Hidayat says:
January 29, 2015 at 1:40 AM
Terima kasih, Infonya sangat bermanfat..
Reply
Ade Putra says:
February 10, 2015 at 2:48 PM
wah, keren artikelnya gan..
bermanfaat banget.
izin coba ya..
Reply
Mhmmd seed says:
February 11, 2015 at 6:52 PM
Okey Good luck
Reply
PonselFavorit Indonesia says:
March 2, 2015 at 3:31 AM
saat melakukan convert to shape bisa dilakukan tapi setelah di pilih 3D Extrusion tidak bisa, solusinya tidak
usah melkaukan convert to shape, langsung ke 3D Extrusion..
Reply
Mhmmd seed says:
March 4, 2015 at 9:35 AM
terimakasih infonya ^^
Reply
Apotek Herbal ACE MAXS says:
May 12, 2015 at 8:42 PM
makasih banyak buat infonya, di coba yaa.. http://goo.gl/vg9SKo
Reply
Rhidona pratama says:
July 22, 2015 at 8:16 PM
tutorial yang sangat berguna.
terima kasih
Desain sekarang
Reply
15. 7/8/2017 Cara membuat teks typogrphy 3D dengan Photoshop CS6 ~ Sidimageenation
http://sidimageenation.blogspot.co.id/2014/01/cara-membuat-teks-typogrphy-3d-dengan.html 15/16
Post a Comment
Febri Statham says:
September 9, 2015 at 7:40 AM
Keren. Tingkatkan
Reply
Mhmmd seed says:
September 12, 2015 at 3:41 PM
Terima kasih
Reply
Restu First says:
December 29, 2015 at 8:54 AM
ini yang aku cari... trima kasih gan
Reply
Mhmmd seed says:
January 27, 2016 at 3:37 PM
semoga bermanfaat gan
Reply
Mafud Prastiyo says:
February 3, 2016 at 7:45 PM
Gan Gua Kok Gk Bisa Di Convert To Shape
Tolong Gimana Caranya ??
Reply
JEJE90S says:
March 13, 2016 at 10:55 AM
mas PS saya kok gk ada new 3d layer from file. itu tambahan/semacam plugin atau bawaan photoshop udah
ada
Reply
Raja Antrian says:
November 10, 2016 at 3:12 AM
Terimakasih , sangat bermanfaat sekali
Jangan lupa kunjungi -> http://raja-alatantrian.blogspot.co.id/ untuk anda yang mencari alat antrian dan alat
survey pelanggan yang lengkap, atau juga bisa hub kami di nomor 082150065758 (WA) atau 085646675004
atau 081944808466. Bisa juga melewati BBM 2A9BE37C
Reply
Agoz Elga says:
February 7, 2017 at 2:00 AM
Keren Gan
Reply