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

Cara Membuat 3D Folded Steps Text Effect dalam Adobe Photoshop

Scroll to top
Read Time: 6 mins
This post is part of a series called German Week.
How to Create a Bauhaus Poster in Adobe InDesign
How to Draw a Castle
This post is part of a series called Text Effects .
How to Create a Half-Blurred Text Effect in Adobe Illustrator
How to Create a Sketch Text Effect Action in Adobe Photoshop

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

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

Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran German version of Envato Elements!

Tutorial ini akan menunjukkan kepada Anda cara menggunakan Adobe Photoshop's shape settings, 3D tools, dan adjustment layers untuk membuat 3D folded steps text effect. Mari kita mulai!

Text effect ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.

Tutorial Assets

Aset berikut yang digunakan selama produksi tutorial ini:

1. Cara Membuat Background dan Text Layers

Langkah 1

Buat dokumen baru 1000 x 1000 px , klik ikon Create new fill or adjustment layer icon di bagian bawah Layers panel, pilih Solid Color, dan gunakan Color fill # 02031a.

Solid ColorSolid ColorSolid Color

Langkah 2

Buat teks menggunakan font Built Titling Semi Bold, dan atur Size menjadi 250 pt.

Create the TextCreate the TextCreate the Text

2. Cara Membuat Section Guides

Langkah 1

Pilih Line Tool dan atur Weight di bilah Options ke 1.

Buat garis horizontal yang meluas di dokumen, dan letakkan persis di bawah teks yang Anda miliki.

Ubah line's Color menjadi red sehingga Anda dapat melihatnya dengan lebih baik.

Create a LineCreate a LineCreate a Line

Langkah 2

Gandakan line shape layer, dan tempatkan baris baru tepat di atas teks yang Anda miliki.

Duplicate LayerDuplicate LayerDuplicate Layer

Langkah 3

Gandakan layer bentuk asli empat kali lagi.

Create More CopiesCreate More CopiesCreate More Copies

Langkah 4

Pilih semua layer garis, pastikan Move Tool aktif, dan klik ikon Distribute vertical centers di Options bar, untuk menempatkan sisa garis di antara dua baris pertama.

Distribute Vertical CentersDistribute Vertical CentersDistribute Vertical Centers

Langkah 5

Tempatkan semua layer Line dalam grup dan beri nama Guides.

Guides GroupGuides GroupGuides Group

3. Cara Membuat Section Shapes

Langkah 1

Pilih Rectangle Tool, dan buat persegi panjang yang cocok antara dua garis secara vertikal dan mencakup teks secara horizontal.

Create a RectangleCreate a RectangleCreate a Rectangle

Langkah 2

Sembunyikan Guides group, duplikat layer persegi panjang, dan tempatkan salinan persis di atas yang asli.

Ulangi itu untuk membuat lebih banyak persegi panjang dan susunkannya di atas satu sama lain, sampai menutupi seluruh teks.

Duplicate and Stack the RectanglesDuplicate and Stack the RectanglesDuplicate and Stack the Rectangles

Langkah 3

Right-click layer teks dan pilih Convert to Shape.

Convert to ShapeConvert to ShapeConvert to Shape

Langkah 4

Gandakan layer bentuk teks empat kali.

Create More CopiesCreate More CopiesCreate More Copies

Langkah 5

Aturlah layer bentuk persegi panjang dalam urutan dari bawah ke atas, dan gerakkan layer bentuk teks duplikasi untuk menempatkan masing-masing di bawah salah satu dari layer persegi panjang.

Arrange the Shape LayersArrange the Shape LayersArrange the Shape Layers

4. Cara Membuat Text Shape Sections

Langkah 1

Pilih layer bentuk persegi panjang pertama dan layer bentuk teksnya, dan pergi ke Layer> Combine Shapes> Unite Shapes at Overlap.

Ulangi itu untuk sisa layer yang Anda miliki.

Unite Shapes at OverlapUnite Shapes at OverlapUnite Shapes at Overlap

Langkah 2

Pilih Direct Selection Tool, dan untuk setiap layer bentuk gabungan yang Anda miliki, pilih itu, klik ikon Path operations di Options bar, dan klik Merge Shape Components.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

Langkah 3

Ganti nama layer bentuk dari bawah ke atas dengan angka dari 1 hingga 5.

Rename the Shape LayersRename the Shape LayersRename the Shape Layers

5. Cara Membuat 3D Mesh Layers

Langkah 1

Untuk setiap layer bentuk, pilih dan pergi ke 3D> New 3D Extrusion from Selected Path.

New 3D Extrusion from Selected PathNew 3D Extrusion from Selected PathNew 3D Extrusion from Selected Path

Langkah 2

Pilih semua layer3D, buka 3D> Merge 3D Layers, dan ganti nama layer yang digabung menjadi 3D Scene.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

Langkah 3

Untuk mengakses settings dan properties 3D mesh, Anda perlu membuka dua panel: panel 3D dan panel Properties (keduanya ditemukan di bawah menu Window).

Panel 3D memiliki semua komponen adegan 3D, dan ketika Anda mengklik nama salah satu dari itu, Anda akan dapat mengakses settings di Properties panel. Jadi pastikan untuk selalu memilih tab elemen yang ingin Anda modifikasi pada panel 3D sebelum Anda mengubah settings di Properties panel

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Langkah 4

Pilih Move Tool untuk mengakses 3D Modes di sebelah kanan Options bar.

Setelah Anda memilih salah satunya, Anda dapat click-drag untuk melakukan perubahan pada elemen yang dipilih di 3D panel.

Gunakan 3D Modes untuk mengubah Current View ke angle yang Anda suka.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

Langkah 5

Pilih semua tab 3D mesh di panel 3D, dan ubah Extrusion Depth mereka di Properties panel menjadi 1.

Extrusion DepthExtrusion DepthExtrusion Depth

6. Cara Membuat 3D Steps

Langkah 1

Pilih mesh number 2, klik ikon Coordinate di bagian atas panel Properties, dan ubah X Rotation Angle menjadi 90.

Ulangi itu untuk mesh nomor 4 juga.

Rotate the MeshesRotate the MeshesRotate the Meshes

Langkah 2

Pilih tab Current View ini di panel 3D, dan pilih Right view preset dari View menu di Properties panel.

Current ViewCurrent ViewCurrent View

Langkah 3

Perbesar mesh yang ingin Anda pindahkan, pilih Move Tool, dan gunakan 3D Axis untuk menempatkan mesh di atas satu sama lain untuk membuat steps shape.

Arrows di ujung sumbu memindahkan mesh, bagian di bawahnya digunakan untuk rotasi, dan kubus digunakan untuk scaling. Kubus di tengah digunakan untuk skala objek secara uniformly. Yang perlu Anda lakukan hanyalah klik dan drag bagian yang ingin Anda gunakan.

Move the MeshesMove the MeshesMove the Meshes

Langkah 4

Setelah Anda selesai, kembali ke Default camera view.

Pilih semua tab mesh 3D, dan klik ikon menu 3D panel untuk memilih Move Object to Ground Plane.

Move Object to Ground PlaneMove Object to Ground PlaneMove Object to Ground Plane

7. Cara Membuat Materi 3D

Langkah 1

Pilih semua tab Material yang Anda miliki, dan gunakan material settings ini (nilai warna yang digunakan dalam RGB):

  • Diffuse: 128, 128, 128
  • Specular: 51, 51, 51
  • Shine: 80%
  • Reflection: 25%
  • Roughness: 60%
Material SettingsMaterial SettingsMaterial Settings

Langkah 2

Pilih tab 1 Front Inflation Material, klik ikon Diffuse texture, dan pilih Edit Texture.

Edit TextureEdit TextureEdit Texture

Langkah 3

Ketika file terbuka, double-click shape layer untuk menerapkan efek Pattern Overlay dengan setting Pattern ke Handmade paper.

Pattern OverlayPattern OverlayPattern Overlay

Langkah 4

Right-click the styled layer, dan pilih Copy Layer Style.

Save dan close file.

Copy Layer StyleCopy Layer StyleCopy Layer Style

Langkah 5

Setelah itu, untuk setiap Front Inflation Material yang Anda miliki, pilih tabnya, klik ikon tekstur Diffuse, dan pilih Edit Texture untuk membuka file teksturnya.

Kemudian, right-click shape layer di file tekstur, pilih Paste Layer Style, dan save dan close file.

Paste Layer StylePaste Layer StylePaste Layer Style

8. Cara Menyesuaikan 3D Scene's Lighting

Langkah 1

Klik tab Infinite Light 1, ubah Intensity menjadi 60%, dan uncheck  pada Shadow box.

Infinite Light 1Infinite Light 1Infinite Light 1

Langkah 2

Gunakan Move Tool untuk memindahkan cahaya ke sekitar sampai Anda mendapatkan hasil yang Anda suka, atau Anda dapat mengklik Coordinates icon di bagian atas Properties panel dan menggunakan nilai numerik sebagai gantinya.

Move the LightMove the LightMove the Light

Langkah 3

Pilih Environment tab, klik IBL texture icon, dan pilih Replace Texture untuk memuat Interior of a hotel spa reception 3D illustration image.

Replace TextureReplace TextureReplace Texture

Langkah 4

Mengubah intensitas sampai 50%, dan memindahkan cahaya sekitar untuk mendapatkan hasil yang Anda suka.

Environment LightEnvironment LightEnvironment Light

Langkah 5

Pilih final camera angle yang Anda inginkan untuk pemandangan, dan masuk ke 3D> Render 3D Layer. Perenderan mungkin berlangsung beberapa saat, tetapi Anda dapat menghentikannya kapan saja dengan menekan tombol Esc.

Render 3D LayerRender 3D LayerRender 3D Layer

9. Bagaimana Menambah Textures dan Make Adjustments

Langkah 1

Setelah rendering selesai, right-click layer 3D Scene, dan pilih Convert to Smart Object untuk menghindari perubahan yang tidak disengaja.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Langkah 2

Tempatkan Cement07-byGhostlyPixels.png dari paket Cement Grit Textures di atas layer 3D Scene, ubah ukurannya sesuai kebutuhan, dan klipkan ke sana.

Ubah Blend Mode layer tekstur menjadi Color Burn dan Opacity menjadi 16%.

Texture OverlayTexture OverlayTexture Overlay

Langkah 3

Pergi ke Filter > Blur > Gaussian Blur, dan menggunakan Radius value yang Anda suka.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 4

Tambahkan Levels adjustment layer di atas semua layer, dan ubah nilai Shadows ke 30 dan Highlights menjadi 245.

LevelsLevelsLevels

Langkah 5

Tambahkan Color Lookup adjustment layer, pilihlah tabel FoggyNight.3DL dari menu 3DLUT File, dan ubah Opacity layer menjadi 30%.

Color LookupColor LookupColor Lookup

Langkah 6

Tambahkan Color Lookup adjustment layer, dan pilih tabel 2Strip.look dari menu 3DLUT File.

Color LookupColor LookupColor Lookup

Langkah 7

Tempatkan 2.jpg image dari paket Abstract Spotlight Backgrounds di atas semua layer, ubah size sesuai kebutuhan, dan ubah Blend Mode layer-nya menjadi Color Burn dan Opacity menjadi 50%.

Texture OverlayTexture OverlayTexture Overlay

Selamat! Anda sudah selesai

Dalam tutorial ini, kita menggunakan shapes dan shape options untuk membuat bagian potongan teks yang kita ubah menjadi 3D meshes. Kemudian, kita memposisikan meshes untuk membuat langkah-langkah, menyesuaikan pengaturan materi, dan memodifikasi pencahayaan adegan untuk membuat hasil akhir. Akhirnya, kita menambahkan beberapa tekstur dan adjustment layers untuk menyelesaikan semuanya.

Silakan tinggalkan komentar, saran, dan hasil Anda di bawah ini.

Final ResultFinal ResultFinal Result

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.
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.