7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Membuat Penanda Kafe 3D Menggunakan Adobe Photoshop dan Filter Forge

Scroll to top
Read Time: 8 mins
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Menemukan tekstur yang tepat untuk karya seni 3D terkadang dapat menyusahkan. Filter Forge merupakan plugin Photoshop yang bagus yang berguna dalam kasus ini, dengan lebih dari 5,000 Texture Filters yang memiliki preset, pengaturan, dan pilihan berbeda untuk mengendalikan tampilan tekstur. Tutorial ini akan menunjukkan bagaimana menggunakan beberapa filter ini untuk membuat sebuah penanda kafe 3D. Mari kita mulai!

Aset-Aset Tutorial

Aset-aset di bawah digunakan selama pembuatan tutorial ini:

1. Membuat Bentuk dan Teks

Langkah 1

Buat sebuah dokumen baru ukuran 750 x 1000 px. Pilih Ellipse Tool, buat sebuah lingkaran ukuran 435 x 435 px, dan kemudian duplikasikan layer Ellipse 1 dan namai ulang salinan menjadi Frame.

Create the Main EllipsesCreate the Main EllipsesCreate the Main Ellipses

Langkah 2

Dengan Ellipse Tool yang tetap aktif, ubah Fill bentuk Frame pada bar Options menjadi None, Stroke Color menjadi abu-abu muda, dan Stroke Size menjadi 30 pt. Kemudian klik icon Set shape stroke type dan atur Align menjadi Outside.

Frame Stroke OptionsFrame Stroke OptionsFrame Stroke Options

Langkah 3

Buat lingkaran 50 x 50 px lainnya dan namai ulang layer menjadi Hand.

Pilih Rounded Rectangle Tool, atur Radius menjadi 35, dan buat sebuah persegi panjang membulat 250 x 250 px. Namai ulang layer menjadi Plate.

Creating the Hand and the PlateCreating the Hand and the PlateCreating the Hand and the Plate

Langkah 4

Pilih Rectangle Tool, dan buat persegi panjang 737 x 15 px. Namai ulang layer menjadi Wall, dan kemudian duplikasikan itu dua kali. Namai ulang salinan pertama menjadi Ceiling dan salinan kedua Edge.

Creating the Rectangle LayersCreating the Rectangle LayersCreating the Rectangle Layers

Langkah 5

Terakhir, tambahkan teks di tengah elips besar menggunakan font Nexa Rust Script L 0. Warna dan ukuran tidak penting karena kita akan dapat memodifikasinya ketika kita mengubah teks menjadi sebuah mesh 3D.

Create the TextCreate the TextCreate the Text

2. Membuat Layer 3D

Langkah 1

Untuk tiap layer bentuk yang kamu punya, pilih itu, kemudian pergi ke 3D > New 3D Extrusion from Selected Path. Untuk layer teks, pilih itu, dan kemudian pergi ke 3D > New 3D Extrusion from Selected Layer.

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

Langkah 2

Pilih semua layer 3D yang kamu punya, dan kemudian pergi ke 3D > Merge 3D Layers, dan namai ulang layer gabungan menjadi 3D Scene.

Merge the 3D LayersMerge the 3D LayersMerge the 3D Layers

3. Mengubah Beberapa Nilai Mesh

Untuk mengakses pengaturan dan properti mesh 3D, kamu akan perlu membuka dua panel: panel 3D dan panel Properties (keduanya ditemukan di bawah menu Window).

Panel 3D memiliki semua komponen layar 3D, dan ketika kamu mengklik nama tiap dari itu, kamu akan dapat mengakses pengaturannya di dalam panel Properties. Jadi pastikan untuk selalu memilih tab elemen yang kamu ingin modifikasi di dalam panel 3D sebelum mengubah pengaturannya di dalam panel Properties.

Langkah 1

Pilih tiap tab Mesh di dalam panel 3D, dan ubah nilai Extrusion Depth di dalam panel Properties sebagai berikut:

  • Ellipse 1: 50
  • Frame: 55
  • Text: 25
  • Hand: 500
  • Plate: 50
  • Wall: 1000
  • Ceiling: 1000
  • Edge: 50
Change the Extrusion Depth ValuesChange the Extrusion Depth ValuesChange the Extrusion Depth Values

Langkah 2

Ubah Texture Mapping menjadi Tile untuk tiap mesh WallCeiling, dan Edge.

Change the Texture MappingChange the Texture MappingChange the Texture Mapping

4. Mengubah Nilai Cap

Pilih tab mesh Frame, dan kemudian klik icon Cap di bagian atas panel Properties. Ubah Bevel Width menjadi 7%, dan Contour menjadi Half Round.

Lakukan yang sama untuk tab mesh Text, namun atur Bevel Width menjadi 10% alih-alih 7%.

Adjusting the Cap SettingsAdjusting the Cap SettingsAdjusting the Cap Settings

5. Menempatkan Mesh 3D

Langkah 1

Satu cara untuk memposisikan mesh 3D di dalam layar yaitu dengan mengubah nilai Coordinates. Jadi klik tab mesh Wall, dan kemudian klik tab Coordinates di bagian atas panel Properties. Ubah Y Rotation Angle menjadi 90, dan Z Rotation Angle menjadi -90.

Change the Coordinates ValuesChange the Coordinates ValuesChange the Coordinates Values

Langkah 2

Cara lainnya adalah dengan menggunakan 3D Modes and 3D Axis pada Move Tool.

Jadi jika kamu memilih Move Tool, kamu akan menemukan serangkaian 3D Modes untuk itu pada bagian kanan bar Options.

Ketika kamu memilih salah satunya, kamu dapat mengklik dan menyeret untuk melakukan perubahan (pada elemen terpilih di dalam panel 3D). Kamu juga dapat menggunakan itu untuk berkerja dengan 3D Mesh yang kamu punya.

Sementara untuk 3D Axis, panah pada bagian ujung sumbu memindahkan mesh, bagian di bawahny digunakan untuk rotasi, dan kubus digunakan untuk mengubah skala. Kubus di tegnah digunakan untuk mengubah skala obyek secara seragam. Yang kamu perlu lakukan adalah mengklik dan menyeret bagian yang relevan.

The Move Tool 3D Modes and 3D AxisThe Move Tool 3D Modes and 3D AxisThe Move Tool 3D Modes and 3D Axis

Langkah 3

Gunakan Move Tool dan nilai Coordinates values untuk memindahkan dan menempatkan mesh 3D di sekitar layar, seperti halnya pandangan kamera, hingga kamu mendapatkan hasil yang diinginkan.

Moving the 3D Meshes and Placing them in the 3D SceneMoving the 3D Meshes and Placing them in the 3D SceneMoving the 3D Meshes and Placing them in the 3D Scene

6. Membuat Material Kayu

Langkah 1

Klik tab Ellipse 1 Front Inflation Material di dalam panel 3D, dan kemudian klik icon tekstur Diffuse di dalam panel Properties dan pilih Edit Texture.

Edit the Ellipse TextureEdit the Ellipse TextureEdit the Ellipse Texture

Langkah 2

Ini akan membuka file tekstur. Buat sebuah layer baru di atas layer bentuk, dan kemudian pergi ke Filter > Filter Forge > Filter Forge 4.

Pilih filter Grainy Wood, pilih preset ke-9, dan klik tombol Apply.

Grainy Wood FilterGrainy Wood FilterGrainy Wood Filter

Langkah 3

Setelah tekstur diterapkan, tambahkan sebuah adjustment layer Levels, dan ubah nilai Gamma menjadi 0.90.

Simpan file (File > Save) dan tutup itu (File > Close) untuk kembali ke dokumen aslinya.

Levels Adjustment LayerLevels Adjustment LayerLevels Adjustment Layer

Langkah 4

Ubah nilai Shine menjadi 90, Reflection menjadi 10, dan Roughness menjadi 5.

Ellipse Mesh Material SettingsEllipse Mesh Material SettingsEllipse Mesh Material Settings

7. Membuat Material Logam Kilap

Langkah 1

Pilih tab Front Inflation Material pada mesh Frame, klik icon tekstur Diffuse, dan pilih Edit Texture.

Buat sebuah layer baru di atas layer bentuk, dan kemudian pergi ke Filter > Filter Forge > Filter Forge 4. Pilih filter Super Brushed Metal, pilih preset ke-9, dan klik tombol Apply.

Simpan file dan tutup itu, dan ulangi langkah yang sama untuk menerapkan tekstur yang sama pada baik Back Inflation dan Extrusion Materials pada mesh Frame.

The Super Brushed Metal FilterThe Super Brushed Metal FilterThe Super Brushed Metal Filter

Langkah 2

Pilih semua tab Material pada mesh Frame, dan ubah Shine menjadi 80%, Reflection menjadi 21%, Roughness menjadi 23%, dan Refraction menjadi 1.100.

Frame Mesh Material SettingsFrame Mesh Material SettingsFrame Mesh Material Settings

8. Membuat Material Teks

Kita tidak akan menerapkan tekstur apapun pada teks. Sebagai gantinya, kita akan menerapkan sebuah isi warna, dan kamu dapat memilih warna apapun yang kamu sukai.

Untuk  melakukan itu, pilih  semua tab Material mesh Text, klik icon tekstur Diffuse, dan pilih Remove Texture.

Setelah itu, ubah Shine menjadi 89%, Reflection menjadi 35%, dan Roughness menjadi 5%. Pilih warna Diffuse yang kamu suka—nilai RGB yang digunakan di sini adalah (13010112)—dan ubah warna Specular menjadi (898989).

Text Mesh Material SettingsText Mesh Material SettingsText Mesh Material Settings

9. Membuat Material Hand dan Plate

Langkah 1

Pilih semua tab Material mesh Hand dan Plate, dan kemudian ubah Shine ke 80%, Reflection ke 21%, Roughness ke 23%, dan Refraction ke 1.100.

Hand and Plate Mesh Material SettingsHand and Plate Mesh Material SettingsHand and Plate Mesh Material Settings

Langkah 2

Batalkan seleksi tab Plate Inflation Material, klik icon tekstur Diffuse, dan pilih Frame Extrusion Material dari daftar.

Untuk Plate Front Inflation Material, edit teksturnya secara terpisah untuk menerapkan tekstur logam kilap yang sama. Dengan cara ini kamu tidak perlu mengedit nilai UV.

Hand and Plate TexturesHand and Plate TexturesHand and Plate Textures

10. Membuat Material Batu Bata

Langkah 1

Pilih tab Wall Extrusion Material, klik icon tekstur Diffuse, dan pilih Edit Texture.

Pergi ke Filter > Filter Forge > Filter Forge 4, pilih filter Brick factory, dan pilih preset ke-11.

Brick Factory TextureBrick Factory TextureBrick Factory Texture

Langkah 2

Klik tab Settings, dan ubah Color 1 of bricks menjadi #EDECEA, dan Color 2 of bricks menjadi #EAEAEA. Kemudian klik tombol Apply.

Setelah tekstur dipilih, simpan dan tutup file untuk kembali ke layar 3D.

Brick Factory Filter SettingsBrick Factory Filter SettingsBrick Factory Filter Settings

Langkah 3

Klik icon tekstur Diffuse lagi, dan pilih Edit UV Properties.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Langkah 4

Di dalam kotak Texture Properties, kamu akan perlu bermain-main dengan nilai Scale atau Tile untuk mendapatkan hasil yang kamu suka.

Ini pada dasarnya mengontrol bagaimana tekstur diterapkan pada ekstrusi mesh tembok, dan bagaimana itu terpola secara vertikal dan horizontal.

Texture Properties ValuesTexture Properties ValuesTexture Properties Values

Langkah 5

Ubah nilai Shine menjadi 90%. Kemudian pilih icon folder Bump, dan pilih tekstur Wall Extrusion Material dari daftar. Jika diperlukan, edit UV Properties agar cocok dengan Diffuse.

Add the Bump TextureAdd the Bump TextureAdd the Bump Texture

11. Membuat Material Langit-Langit

Langkah 1

Edit tekstur Ceiling Extrusion Material untuk menerapkan filter Wall1 - AngelBlame.

Ketika kamu memilih filter, klik tab Settings, centang pada kotak Seamless Tiling, dan klik tombol Apply.

Wall1 - AngelBlame FilterWall1 - AngelBlame FilterWall1 - AngelBlame Filter

Langkah 2

Tambahkan adjustment layer Hue/Saturation, dan ubah nilai Saturation menjadi -75. Simpan dan tutup file.

HueSaturation Adjustment LayerHueSaturation Adjustment LayerHueSaturation Adjustment Layer

Langkah 3

Sekali lagi, kamu akan perlu menyesuaikan UV Properties untuk tekstur ini. Coba nilai yang berbeda hingga kamu menyukai hasil yang didapatkan.

Ceiling Texture UV PropertiesCeiling Texture UV PropertiesCeiling Texture UV Properties

Langkah 4

Setelah itu, pilih semua tab Ceiling dan Edge Material, terapkan tekstur Ceiling Extrusion Material (dari daftar tekstur), dan ubah nilai Shine menjadi 90.

Ceiling and Edge Material SettingsCeiling and Edge Material SettingsCeiling and Edge Material Settings

12. Menyesuaikan Pencahayaan

Langkah 1

Klik tab Infinite Light 1 di dalam panel 3D. Kemudian, di dalam panel Properties, ubah Intensity menjadi 80%, dan Shadow Softness menjadi 30%.

Kemudian, pilih Move Tool, dan gerakkan cahaya hingga kamu mendapatkan hasil yang disukai.

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Langkah 2

Klik pada tab Environment, dan kemudian klik icon tekstur IBL, dan pilih Replace Texture.

Muat gambar Art Gallery Background, dan ubah Intensity menjadi 40%.

Environment SettingsEnvironment SettingsEnvironment Settings

Langkah 3

Klik icon Add new Light to Scene di bagian bawah panel 3D dan pilih New Point Light.

Add New Point LightAdd New Point LightAdd New Point Light

Langkah 4

Tempatkan cahaya di atas penanda dan sedikit di belakangnya, dan kemudian ubah warnanya menjadi (248245237), Intensity menjadi 30%, dan Shadow Softness menjadi 10%.

Centang pada kotak Light Falloff, dan ubah nilai Inner dan Outer tergantung pada seberapa banyak kamu ingin cahayanya memudar.

Point Light 1 SettingsPoint Light 1 SettingsPoint Light 1 Settings

Langkah 5

Kamu dapat meluangkan sedikit waktu untuk memindahkan cahaya dan mengubah pengaturannya, hingga kamu puas dengan hasilnya.

Move the Lights AroundMove the Lights AroundMove the Lights Around

13. Menambahkan Depth of Field (Kedalaman Ruang)

Langkah 1

Pindahkan kamera hingga kamu mendapatkan sudut yang kamu inginkan. Kemudian pilih tab Scene di dalam panel 3D panel, dan pilih Hidden Wireframe dari menu Presets di dalam panel Properties.

Hidden Wireframe PresetHidden Wireframe PresetHidden Wireframe Preset

Langkah 2

Klik pada tab Current View, dan kemudian ubah nilai Depth menjadi 5. Mulai coba dengan beberapa nilai Distance yang berbeda hingga kamu mendapatkan fokus pada penanda, dan blur pada area sekitar.

Setelah kamu selesai, klik pada tab Scene lagi, dan pilih Default dari menu Presets.

Adding Depth of FieldAdding Depth of FieldAdding Depth of Field

14. Menyesuaikan Ukuran Frame

Langkah 1

Setelah layarnya siap, kamu mungkin perlu membuat beberapa perubahan pada tiap mesh yang kamu miliki.

Sebagai contoh, kamu dapat memilih tab mesh Frame di dalam panel 3D panel, dan klik tombol Edit Source di dalam panel Properties untuk memodifikasi pilihan bentuk frame.

Frame Mesh Edit SourceFrame Mesh Edit SourceFrame Mesh Edit Source

Langkah 2

Ketika file bentuk frame membuka, ubah Stroke Size pada nilai berapa pun yang kamu suka. Di sini, saya mengaturnya ke 5. Simpan dan tutup file ketika selesai.

Change the Stroke SizeChange the Stroke SizeChange the Stroke Size

Kamu dapat melihat bagaimana frame 3D diperbaharui di dalam layar 3D. Ini berlaku pada mesh 3D selanjutnya, dan berguna ketika kamu memutuskan bahwa kamu ingin mengubah pengaturan mesh 3D setelah layar 3D siap.

Updated Frame MeshUpdated Frame MeshUpdated Frame Mesh

15. Me-render Layar 3D dan Menyesuaikan Pencahayaan

Langkah 1

Ketika selesai mengerjakan layar 3D, pergi ke 3D > Render. Rendering mungkin memakan waktu lama, namun kamu dapat berhenti kapanpun juga dengan menekan tombol Esc.

Render the 3D SceneRender the 3D SceneRender the 3D Scene

Langkah 2

Setelah rendering selesai, tambahkan adjustment layer Gradient Map dengan menggunakan gradient fill Black to White, dan centang pada kotak Dither. Kemudian, ubah Blend Mode pada adjustment layer menjadi Linear Burn, dan Opacity menjadi 30%.

Add Gradient Map Adjustment LayerAdd Gradient Map Adjustment LayerAdd Gradient Map Adjustment Layer

Ini akan meningkatkan pewarnaan hasil akhir.

Final ResultFinal ResultFinal Result

Selamat! Kamu Telah Selesai

Di dalam tutorial ini, kita menggunakan beberapa tool bentuk yang berbeda untuk membuat bentuk utama yang akan menjadi bagian layar 3D, dan kemudian kita mengubah bentuk tersebut ke dalam mesh 3D.

Setelah itu, kita memodifikasi beberapa pengaturan Mesh dan Cap untuk mesh 3D, dan menggunakan nilai Coordinates dan 3D Axis untuk memindahkan mesh ini dan menempatkannya di dalam layar 3D.

Setelah mesh ditempatkan, kita mulai menggunakan beberapa Filter Forge filters untuk membuat tekstur dan menerapkannya pada material yang berbeda, juga untuk menyesuaikan pengaturan material tersebut.

Terakhir, kita mengerjakan pencahayaan, menambahkan kedalaman ruang, dan me-render layar. Kemudian kita menambahkan sebuah adjustment layer untuk meningkatkan pewarnaan hasil akhir.

Sixlahkan tinggalkan komentar, saran, dan hasilmu di bawah.

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.