Advertisement
  1. Design & Illustration
  2. 3D

Membuat Batu bertuliskan "Out of the Box" dan Text Effect Beton 3D

Scroll to top
Read Time: 14 mins

Indonesian (Bahasa Indonesia) translation by Mutiara Nenny Pratiwi (you can also view the original English article)

Dalam tutorial ini, kami akan menggabungkan antara 3D Photoshop CS6 dengan Filter Forge untuk membuat batu yang bertuliskan "out of the box" dan efek beton di teks 3D . Mari kita mulai!


Aset Tutorial

Aset berikut akan digunakan selama pembuatan tutorial ini.


Mengunduh Filter Forge

Pertama, Anda perlu mengunduh Filter Forge dari situs web plugin. Setelah Anda mengunduhnya, jalankan file instalasi, dan tidak hanya itu! Ini akan ditambahkan di dalam Photoshop di bawah menu Filter. Sangat mudah dipasang.

Untuk meluncurkan plugin dan mulai menambahkan beberapa filter, buka Filter> Filter Forge> Filter Forge 3. Anda akan menemukan beberapa filter yang sudah ada dalam beberapa kategori. Anda juga akan menemukan tautan "Filter Library: Download more filters" di sisi kanan atas jendela plugin. Klik tautan untuk mulai mengunduh filter.

Tautan tersebut akan membawa Anda ke halaman Filter di situs web plugin. Anda dapat mencari hampir semua filter di antara 9000+ filter menakjubkan yang tersedia. Cukup ketik kata kunci yang ingin Anda temukan filternya, dan klik tombol Cari.

Setelah Anda mendapatkan hasil pencarian Anda, klik nama filter.

Ini akan membuka halaman filter. Klik tombol "Open this filter in Filter Forge" untuk menginstal filter. Jika Anda mendapat pesan yang meminta Anda untuk mengonfirmasi, cukup klik Ya atau OK. Filter kemudian akan ditambahkan ke filter lain yang Anda miliki.

Anda dapat mencari filter yang diunduh dengan mengetikkan nama mereka atau kata kunci terkait di kotak pencarian plugin. Pastikan untuk mengunduh semua filter di bagian Aset Tutorial sebelum Anda melanjutkan tutorial.


Langkah ke 1

Buat dokumen baru 1152 x 864 px  dan isi Background dengan warna # c2c2c2.

Buat teks dengan huruf besar semua dengan menggunakan font Chivo (warna font putih), dan ketik setiap kata dalam baris terpisah. Selanjutnya, kita akan memodifikasi Ukuran dan ukuran kata kata tersebut.

Perlu diingat bahwa Anda mungkin perlu menggunakan nilai yang berbeda jika Anda memiliki teks yang berbeda atau jika Anda menggunakan font yang berbeda. Nilai yang ditampilkan di sini berfungsi untuk teks spesifik yang digunakan dalam tutorial.

Buka panel Karakter (Window> Karakter), lalu, gunakan Type Tool untuk memilih setiap baris (kata) dengan mengklik ganda. Kata "THINK" dipilih pertama di sini, kemudian, Ukuran diatur ke 175 dan Leading menjadi 100.

"OUTSIDE": Ukuran Font adalah 126 dan Leading adalah 110.

"THE": Ukuran Font adalah 295 dan Leading adalah 230.

"BOX": Ukuran Font 275 dan Leading adalah 220.

Sisi teks harus sejajar, dan jarak antar garis harus semirip mungkin.


Langkah ke 2

Gandakan layer teks, lalu buat yang asli tidak terlihat dengan mengklik ikon mata di sebelahnya. Ini hanya untuk menyimpan salinan dari lapisan teks jika Anda membutuhkannya lagi nanti.

Klik kanan layer teks duplikat dan pilih "Convert to Shape", lalu gandakan layer bentuk dan buat salinannya tidak terlihat.

Pilih Rectangle Tool Rounded. Di bilah Opsi, pilih opsi Bentuk, klik ikon "Exclude Overlapping Shapes", dan setel Radius ke 10. Klik dan seret kotak di sekitar huruf, Anda dapat menekan dan menahan tombol Shift sambil melakukannya untuk membuat sempurna bentuk kotak.

Setelah Anda melepaskan tombol mouse, huruf-huruf akan dihilangkan dari bentuk persegi. Jadikan layer ini tidak terlihat.


Langkah ke 3

Buat layer bentuk teks terlihat dan gandakan, pilih yang asli sehingga itu adalah lapisan aktif, dan putuskan huruf mana yang ingin Anda tarik di luar kotak. Kami akan menggunakan huruf X.

Pilih Direct Selection Tool, klik dan seret untuk memilih huruf yang ingin Anda tarik di luar kotak. Anda tidak harus memilih semua titik jangkar karena huruf-hurufnya cukup dekat satu sama lain, tetapi pilih sebanyak mungkin titik jangkar.

Kemudian, Anda dapat menekan dan menahan tombol Shift, dan mengklik sembarang poin yang tersisa (yang tidak dipilih dengan klik dan seret).

Pastikan tidak ada titik lain yang dipilih, lalu tekan tombol Hapus untuk menghapus huruf yang dipilih.

Pilih layer bentuk teks yang digandakan, lalu pilih huruf yang ingin Anda simpan di dalam kotak. Sekali lagi, tekan dan tahan tombol Shift, lalu klik untuk menambah atau menghapus titik jangkar saat diperlukan.

Hapus huruf yang dipilih.

Buat tiga bentuk layer terlihat.


Langkah ke 4

Pilih layer bentuk kotak, kemudian klik ke 3D> New 3D Extrusion dari Selected Path.

Pilih bagian dalam kotak huruf bentuk lapisan dan extrude mereka dengan cara yang sama.

Ulangi langkah yang sama untuk lapisan bentuk huruf kotak luar juga.

Pilih semua lapisan 3D (Command / Ctrl + klik masing-masing), lalu pergi ke 3D> Gabungkan Lapisan 3D. Ini akan menempatkan semua dalam satu lapisan, yang berarti satu layer juga.

Ini adalah langkah penting untuk menjaga agar tetap teratur: Simpan dokumen yang sedang Anda kerjakan di folder terpisah, karena kami akan menyimpan beberapa file lain nanti, dan lebih baik menyimpannya semua dalam folder yang sama.


Langkah ke 5

Untuk mengakses pengaturan dan properti mesh 3D, Anda harus membuka dua panel: Panel 3D, dan panel Properties (keduanya ditemukan di bawah menu Window).

Panel 3D memiliki semua komponen layer 3D, dan ketika Anda mengklik nama salah satu dari mereka, Anda akan dapat mengakses pengaturannya di panel Properties.

Satu hal yang perlu sering Anda lakukan  saat bekerja dalam layar 3D, adalah mengubah sudut kamera (tampilan). Jadi klik "Current View" di panel 3D, lalu pilih Move Tool.

Di Photoshop CS6, tidak ada Alat 3D khusus lagi. Jika Anda memeriksa Opsi Move Tool's, Anda akan menemukan satu set Mode 3D tools di sebelah kanan. Anda dapat memilih Mode, lalu klik dan seret di area kosong untuk memindahkan.


Langkah ke 6

Perangkat Move Tool 3D Mode juga bisa digunakan untuk mesh. Tetapi opsi yang lebih mudah adalah menggunakan Sumbu 3D. Anda bisa mendapatkan Sumbu 3D dengan mengklik tautan (atau namanya di panel 3D), sementara Move Tool aktif.

Panah di ujung sumbu memindahkan mesh, bagian di bawahnya digunakan untuk rotasi, dan kubus digunakan untuk penskalaan. Kubus di tengah digunakan untuk skala objek secara seragam. Yang perlu Anda lakukan hanyalah mengklik dan menyeret bagian yang diinginkan.

Pindahkan mesh hanya jika Anda ingin mengubahnya. Jika Anda ingin melihat atau menempatkannya dalam sudut yang berbeda, ganti Tampilan Kameranya saja.

Pilih huruf yang ingin Anda simpan di dalam kotak, lalu gerakkan sepanjang Z Axis untuk memunculkannya sedikit di luar kotak

Klik huruf yang ingin Anda letakkan di luar kotak, lalu tarik keluar sepenuhnya.

Putar huruf dan posisikan sesuai keinginan Anda.

Command / Ctrl + Klik semua grup mesh di panel 3D, kemudian pergi ke 3D> Snap Object ke Ground Plane, lalu pilih huruf di luar dan lakukan hal yang sama untuk memastikan tidak ada yang melayang di atas bidang tanah.

(Setiap jala ditempatkan dalam kelompok yang dapat diperluas atau dikecilkan dengan mengklik panah kecil di sebelahnya).


Langkah ke 7

Pilih nama kotak jaring/mesh (di dalam kelompoknya) di panel 3D, kemudian, di panel Properti, ubah Pemetaan Tekstur ke Ubin dan Kedalaman menjadi 750.

Klik ikon Cap di bagian atas panel Properties, kemudian ubah lebar menjadi 3% dan kontur menjadi setengah lingkaran.

Klik nama mesh layer teks pertama, lalu ubah Texture Mapping ke Tile dan Kedalamannya menjadi 350.

Di bawah Cap, ubah Lebar menjadi 5% dan Kontur menjadi Setengah lingkaran.

Terapkan pengaturan yang sama untuk jaring layer teks kedua.


Langkah ke 8

Buat dokumen 1024 x 1024 px baru. Ini akan digunakan untuk membuat dua tekstur, karena tekstur yang digunakan membutuhkan waktu yang cukup lama untuk diberikan. Jadi daripada membuat ulang setiap waktu, kami akan menyimpannya sebagai gambar.

Isi Background dengan warna #a1a1a1.

Buat layer baru dan namakan "Travertine"

Pergi ke Filter> Filter Forge> Filter Forge 3, dan pilih filter "Travertine" di bawah kategori Batu. Gunakan preset default dan klik Apply.

Tunggu hingga tekstur tersebut diterapkan.

Pergi ke Image> Adjustments> Hue / Saturation. Ubah Saturation ke -100 dan Lightness ke -5, lalu klik Ok. Simpan (File> Save As ...) file sebagai gambar .jpg di folder yang Anda buat sebelumnya, dan beri nama gambar "Travertine".

Buat layer baru dan beri nama "Wall Distressed".

Pergi ke Filter> Filter Forge> Filter Forge 3, dan pilih filter "Wall Distressed Section 1" di bawah kategori Building. Gunakan preset terakhir dan klik Apply.

Filter ini mungkin membutuhkan waktu beberapa saat, tetapi ini sangat detail. Setelah diterapkan, simpan sebagai gambar .jpg juga dengan nama "Wall Distressed".

Anda dapat menyimpan file psd tekstur jika Anda suka, lalu menutupnya (File> Tutup).


Langkah ke 9

Buat dokumen baru 500 x 500 px

Pergi ke Filter> Filter Forge> Filter Forge 3, dan pilih filter "Rusted Metal" di bawah kategori Techno. Gunakan preset terakhir, kemudian, di bawah tab Pengaturan, centang kotak Seamless Tiling, dan ubah Ukuran, nilai piksel menjadi 166,67. Klik Apply.

Pergi ke Image> Adjustments> Desaturate. Lalu pergi ke Edit> Define Pattern, dan ketik "Rusted Metal".


Langkah ke 10

Sebelum melanjutkan, ada baiknya untuk mengganti nama grup sehingga lebih mudah untuk mengidentifikasi mereka.

Untuk melakukannya, klik dua kali nama grup, ubah, lalu tekan Enter / Kembali.

Selanjutnya adalah menerapkan tekstur. Mulai dengan "Box" mesh, dan klik "Front Inflation Material" di panel 3D. Kemudian, klik ikon tekstur Diffuse di panel Properties dan pilih Edit Texture.

Jika Anda mendapatkan pesan yang memperingatkan Anda bahwa tekstur yang digunakan ada di banyak tempat maka klik OK dan lanjutkan.

Ini akan membuka file tekstur. Karena mesh awalnya dibuat dari lapisan bentuk, tekstur depan akan didasarkan pada bentuk aslinya.

Command / Ctrl + klik thumbnail bentuk layer untuk membuat seleksi. Kemudian, pilih Paint Bucket Tool, dan di bar Options, pilih Pattern fill, dan pilih pola "Rusted Metal".

Buat layer baru dan klik di dalam seleksi untuk mengisinya dengan pola. Simpan dokumen ini.

Kami akan menggunakan file ini untuk membuat tekstur Bump juga. Jadi buka File> Save As ..., dan simpan file di folder yang Anda buat. Namakan file "Box - Front Bump". Tutup file setelah menyimpannya.


Langkah ke 11

Dengan "Front Inflation Material" masih dipilih, klik ikon folder di sebelah Bump di panel Properties, lalu pilih Load Texture, dan muat file "Box - Front Bump".

Klik ikon tekstur Bump, lalu pilih Edit Tekstur

Ketika file tekstur dibuka, hapus layer tekstur di bagian atas, lalu buat seleksi dan layer baru.

Pergi ke Filter> Filter Forge> Filter Forge 3, dan pilih filter "Bonez" di bawah kategori Organik. Gunakan preset standar dan ubah Ukuran, nilai piksel di bawah tab Pengaturan ke 500. Pastikan Seamless Tiling box tidak dicentang dan klik Terapkan.

Ini akan menambah beberapa retakan pada tekstur, dengan membuat area yang lebih terang yang menciptakan permukaan seperti terangkat dan area yang lebih gelap membuat permukaan menjadi terlihat lebih rata. Simpan file dan tutup.

Anda sekarang dapat melihat bagaimana kedua tekstur bekerja bersama di bagian depan kotak.

Klik "Front Bevel Material" dan muat file "Box - Front Bump" sekali lagi untuk Bump. Bahan Diffuse sudah diterapkan bersama dengan Bahan Inflasi Depan.


Langkah ke 12

Klik "Extrusion Material" di panel 3D, lalu klik ikon Diffuse di panel Properties dan pilih Edit Texture.

Saat tekstur terbuka, buka Image> Canvas Size, dan ketik 2000 untuk nilai Lebar dan Tinggi.

Isi layer dengan pola "Rusted Metal", lalu simpan file dan tutup.

Anda akan melihat bahwa tekstur terlihat terdistorsi. Untuk memperbaikinya, klik ikon tekstur Diffuse dan pilih Edit UV Properties.

Ubah Skala U menjadi 1000%, Skala V ke 100%, dan nilai U Offset dan V Offset ke 0.

Klik ikon Bump folder dan pilih Tekstur Baru.

uat file 2000 x 2000 px dan klik OK. Kemudian klik ikon tekstur Bump, pilih Edit Tekstur, isi tekstur dengan pola "Rusted Metal", simpan file dan tutup. Kembali ke dokumen asli, klik ikon tekstur Bump, pilih Edit UV Properties, dan terapkan nilai yang sama dari tekstur Diffuse dan klik Ok.

Sisi kotak akan diberi tekstur sekarang. Jangan lupa untuk menyimpan pekerjaan Anda.


Langkah ke 13

Buka grup "Text", pilih "Front Inflation Material", lalu klik ikon Diffuse texture dan pilih Edit Texture.

Buka gambar "Travertine" lalu letakkan di atas tekstur Diffuse.

Klik kanan layer hasil duplikasi dan pilih "Create Clipping Mask". Ini akan menerapkan tekstur ke huruf di bawah. Anda dapat menggunakan Move Tool untuk mengklik dan menyeret tekstur jika Anda ingin memindahkannya. Simpan file ini.

Buka File> Save As ..., simpan file di folder yang Anda buat, dan beri nama "Teks - Front Bump". Hapus layer tekstur, buka gambar "Distressed Wall", dan letakkan di atas semua layer. Buat clipping mask, pindahkan tekstur, dan ubah ukurannya jika diperlukan (Edit> Free Transform). Kemudian simpan file ini dan tutup.

Kembali ke dokumen asli, klik ikon tekstur Bump di "Front Inflation Material", pilih Load Texture, dan muat file "Teks - Front Bump".

Muatkan file yang sama untuk "Front Bevel Material", tekstur Bump juga.


Langkah ke 14

Klik "Extrusion Material" lalu ikon tekstur Diffuse, pilih "Replace Texture", dan muat gambar "Travertine.jpg".

Klik ikon tekstur Diffuse sekali lagi lalu pilih Edit UV Properties. Atur Skala U hingga 1000%, Skala V hingga 100%, dan keduanya Nilai-nilai offset menjadi 0.

Klik "Front Bevel Material" ikon Bump folder, pilih Load Texture, dan pilih gambar "Distressed Wall.jpg". Kemudian, klik ikon tekstur Bump, pilih Edit UV Properties, dan gunakan nilai-nilai tekstur UV yang sama.


Langkah ke 15

Ulangi langkah-langkah yang tepat untuk tekstur jala yang tersisa (dari huruf yang di luar). Satu-satunya perbedaan adalah nilai-nilai UV "Extrusion Material". Untuk Diffuse, atur Skala U dan Skala V menjadi 100%.

Untuk Bump, atur Skala U dan Skala V menjadi 250%.

Nilai-nilai itu tergantung pada area tertutup dan kedalamannya. Jadi jangan ragu untuk menyesuaikan nilai apa pun jika diperlukan.


Langkah ke 16

Waktunya untuk menyesuaikan Tampilan Saat Ini, atau sudut kamera. Klik "Current View" di panel 3D, pilih Move Tool, lalu gunakan Mode 3D untuk mengubah tampilan kamera Anda sampai Anda menyukainya.

Jika Anda menyukai tampilan tersebut, dan ingin menyimpannya, Anda dapat mengeklik menu View drop down di panel Properti, dan pilih Simpan.

Masukkan nama untuk tampilan tersebut dan klik OK.

Tampilan akan ditambahkan ke menu drop down, serta bagian bawah panel 3D. Jadi, setiap kali Anda mengubah tampilan saat mengerjakan objek 3D, Anda dapat kembali ke tampilan tersimpan dengan mengklik namanya di panel 3D, atau memilihnya dari menu View di panel Properti.


Langkah ke 17

Buat layer baru di atas layer 3D, lalu isi dengan warna #beb8b2.

Pergi ke 3D> New Mesh dari Layer> Postcard. Ini akan menciptakan pesawat sederhana.

Gandakan layer pesawat.

Pilih nama Mesh yang digandakan, lalu klik ikon Coordinate dan atur X Rotation Angle menjadi 90 °.

Pilih layer keduanya lalu pergi ke 3D> Merge 3D Layers.


Langkah ke 18

Pilih "Current View", lalu pilih nama layer 3D yang utama dari menu drop down Tampilan di panel Properti. Ini akan memastikan bahwa keduanya memiliki tampilan kamera yang sama.

Pilih kedua layer 3D lalu pergi ke 3D> Merge 3D Layers.

Pilih kelompok pesawat di panel 3D, lalu buat ukuran mereka menjadi seragam. Setelah itu, pindahkan dan skalakan setiap pesawat secara terpisah untuk mengisi layar. Pastikan Anda bekerja pada tampilan kamera terakhir. Anda dapat memutar kamera di sekitar untuk memeriksa tampilan, tetapi pastikan untuk kembali ke tampilan akhir untuk memastikan semuanya terlihat benar dalam tampilan itu.

Saat Anda menskalakan dan memindah pesawat, Anda harus memilih masing-masingnya lalu snap ke Ground Plane (3D> Snap Object to Ground Plane).

Pilih nama mesh pesawat pertama kemudian hapus centang pada kotak "Catch Shadows".

Lakukan hal yang sama untuk mesh pesawat lain.

Pilih material mesh (tanah) kedua kemudian ubah nilai Refleksi menjadi 10.


Langkah ke 19

Pilih "Infinite Light 1" dan ubah Shadow Softnessn menjadi 30%.

Klik ikon "Add new Light to Scenee" di bawah panel 3D, lalu pilih New Point Light.

Ubah warna Light menjadi #fff8ed dan hapus centang pada kotak Shadow-nya. Jika Anda tidak dapat melihat cahaya di dalam layar, klik ikon "Move to view" di bawah panel Properties untuk memindahkan cahaya ke pusat layar.

Klik ikon Koordinat, dan tetapkan nilainya menjadi 1600, 600, 500.

Klik "Infinite Light 1", pilih Move Tool, dan gerakkan lampu sampai Anda menyukai hasilnya.

Anda dapat merender area tertentu dengan memilihnya, menggunakan alat pilihan apa pun, kemudian pergi ke 3D> Render. Anda dapat menghentikan render dengan mengklik di mana saja di dalam dokumen.

Anda tidak perlu menggunakan nilai persis yang sama yang disajikan di sini, terutama jika Anda memiliki sudut kamera yang berbeda. Lanjutkan menyesuaikan cahaya sampai Anda menyukai hasilnya.


Langkah ke 20

Setelah Anda menyukai tampilan di layar, pastikan tidak ada yang dipilih, lalu lanjutkan dan render (3D> Render). Ini mungkin membutuhkan waktu, tetapi setelah selesai, pastikan untuk menyimpan file

Buat layer baru di atas semua layer dan beri nama "Smoke", ubah Blend Mode menjadi Hard Light, atur warna Foreground ke #bcbcbc, dan pilih Brush Tool. Pilih salah satu dari tiga brush pertama dari paket "Fog Grunge" lalu ubah ukurannya menjadi sekitar 250 px.

Tambahkan beberapa asap di area X kosong, dan di sekitar huruf lain juga.

Efeknya mungkin tidak begitu jelas di luar area X, tetapi itu menambahkan sentuhan kabur yang bagus.

Buat layer baru, beri nama "Dirt", ubah Blend Mode menjadi Multiply, dan ubah warna Foreground ke # bdb8b2. Gunakan kuas yang sama untuk menambahkan beberapa tanah ke huruf.

Gunakan Eraser Tool dengan sikat bulat yang lembut untuk menghilangkan bagian yang tidak diinginkan.


Gambar Akhir

Dan inilah hasil akhirnya. Anda selalu dapat menambahkan sentuhan Anda sendiri dengan membuat beberapa mesh lagi, atau mengubah warna dan tekstur yang digunakan. Silakan tinggalkan komentar dan saran Anda di bawah ini.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.