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 Efek 3D Teks Pastel Abstrak Dalam Adobe Photoshop

Scroll to top
Read Time: 11 mins

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

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

Terang, tipografi 3D pastel adalah salah satu tren mengagumkan tahun ini, dan ini adalah gaya yang menyenangkan untuk dibuat dan disertakan dalam proyek. Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan bentuk dan alat 3D Photoshop dan pengaturan untuk menciptakan efek teks pastel yang trendi dan abstrak. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.

Tutorial Assets

Aset berikut yang digunakan selama produksi tutorial ini:

  • font Montserrat Black
  • Tropical leaf of Monstera plant by magone

1. Cara Membuat Bentuk Gelombang

Langkah 1

Buat dokumen 500 x 500 px baru, dan buka Edit> Preferences> Guides, Grids * Slices.

Ubah Gridline Setiap: nilai menjadi 50 Pixel, dan Subbagian: menjadi 5.

Guides Grids SlicesGuides Grids SlicesGuides Grids Slices

Langkah 2

Pergi ke View > Show > Grid.

Pilih Curvature Pen Tool, dan pastikan untuk memilih Shape option di Options bar.

Curvature Pen ToolCurvature Pen ToolCurvature Pen Tool

Langkah 3

Kita akan membuat shape lebih dari 10 vertikal subdivision dan 25 horisontal.

Tarik guideline untuk bagian bawah subdivisi kedua dari atas, dan tarik lain ke atas subdivisi kedua dari bawah.

Add GuidelinesAdd GuidelinesAdd Guidelines

Langkah 4

Klik sekali saat guideline atas bersimpangan dengan gridline kiri dari daerah di mana kamu akan membuat bentuk.

Setelah itu, kamu akan perlu klik sekali untuk membuat alternating peaks dan troughs di gridlines yang kamu memiliki.

Poin peak harus berpotongan dengan gridline atas, sementara trough poin harus berpotongan dengan pedoman atas.

Create Alternating Peaks and TroughsCreate Alternating Peaks and TroughsCreate Alternating Peaks and Troughs

Langkah 5

Setelah Anda mencapai akhir horisontal daerah bentuk, double-click untuk menambahkan sudut poin dan membuat garis lurus yang berakhir di bawah pedoman.

Add Corner PointsAdd Corner PointsAdd Corner Points

Langkah 6

Ulangi langkah-langkah untuk membuat bagian bawah dari bentuk gelombang.

Finish the Wave ShapeFinish the Wave ShapeFinish the Wave Shape

2. cara membuat pola sederhana

Langkah 1

Membuat 500 x 500 px dokumen baru, dan copy shape gelombangnya di situ.

Tekan Command-T untuk masuk Free Transform Mode, mengubah ukuran, memutar dan memindahkan bentuk gelombang untuk mulai membuat pattern.

Tekan tombol Return ketika dilakukan untuk melakukan perubahan.

Free Transform ModeFree Transform ModeFree Transform Mode

Langkah 2

Pilih Move Tool, tekan-tahan tombol Option, dan klik-drag bentuk gelombang yang sama itu.

Kemudian, tekan Command-T untuk mengubah bentuk duplikat sesuai kebutuhan.

Duplicate the Wave ShapeDuplicate the Wave ShapeDuplicate the Wave Shape

Langkah 3

Begitu kamu memiliki beberapa bentuk gelombang yang tersebar di seluruh dokumen, Anda dapat menambahkan bentuk lainnya juga - cukup bersenang senanglah!

Pastikan bahwa kamu tetap memiliki cukup ruang kosong dekat tepi dokumen, karena ini akan digunakan sebagai pola nanti.

Add More ShapesAdd More ShapesAdd More Shapes

Langkah 4

Setelah kamu selesai membuat bentuk, pilih palet warna pastel yang kamu suka, dan ubah shapes' Fill Colors.

Warna-warna yang digunakan di sini adalah #ffd8c9, #fff4e3, #dcf7f3, dan #c9d7ff.

Bila kamu senang dengan hasilnya, simpan sebagai gambar dengan nama Pattern.

Color and Save the Pattern ImageColor and Save the Pattern ImageColor and Save the Pattern Image

3. Bagaimana Cara Membuat Bacground Sederhana

Langkah 1

Buat dokumen baru 1400 x 1400 px, klik Create New fill atau adjustment layer ikon di bagian bawah panel Layers, pilih Solid Color, dan atur Fill Color untuk #ffd8c9.

Solid ColorSolid ColorSolid Color

Langkah 2

Gunakan Rectangle Tool untuk membuat bentuk persegi panjang yang mencakup sekitar dua-pertiga dari dokumen, dan mengisinya dengan Warna #9891f5.

Kemudian, pilih Direct Selection Tool, pilih titik persegi di sudut kiri atas dan seret ke kanan untuk membuat garis diagonal.

Add a Rectangle ShapeAdd a Rectangle ShapeAdd a Rectangle Shape

4. Bagaimana Cara Membuat dan Bekerja dengan 3D Text Layer

Langkah 1

Membuat huruf pertama dari teks yang Anda inginkan dalam  All Caps menggunakan font Montserrat Black, dan mengatur Size ke 350 pt.

Create the TextCreate the TextCreate the Text

Langkah 2

Pergi ke 3D > New 3D Extrusion from Selected Layer dipilih untuk mengkonversi lapisan teks ke dalam lapisan 3D yang dapat diedit.

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

3D panel memiliki semua komponen 3D scene, dan ketika kamu mengklik nama salah satu dari mereka, kamu akan dapat mengakses pengaturan di panel Properties. Jadi pastikan untuk selalu memilih tab elemen yang ingin kamu memodifikasi di panel 3D sebelum kamu mengubah pengaturan di panel Properties.

Create a 3D LayerCreate a 3D LayerCreate a 3D Layer

Langkah 3

Mengubah nama lapisan 3D ke Text.

Jika diperlukan, kamu dapat menampilkan/menyembunyikan bidang tanah 3D dengan pergi ke View > Show > 3D Ground Plane.

3D Ground Plane3D Ground Plane3D Ground Plane

Langkah 4

Pilih Move Tool untuk mengakses 3D Mode ke kanan panel Options.

Bila kamu memilih salah satu dari mereka, kamu dapat kemudian klik dan drag untuk melakukan perubahan (di elemen yang dipilih di 3D panel).

Gunakan dua mode untuk mengubah Current View yang aktif ke dalam sudut yang kamu suka.

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

5. Bagaimana Cara Menyesuaikan 3D Mesh dan Cap Settings

Langkah 1

Pilih tab letter's mesh di panel 3D, dan mengubah Extrusion Depth di panel Properties hingga 70.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 2

Klik ikon Cap di bagian atas panel Properties, ubah Sides ke Front and Back, dan mengatur lebar Bevel dengan 1%.

Cap SettingsCap SettingsCap Settings

6. Cara Membuat 3D Material Sederhana

Langkah 1

Pilih Semua teks mesh's Material Tabs, dan ubah nilai Shine ke 80%.

Material SettingsMaterial SettingsMaterial Settings

Langkah 2

Pilih tab Front Inflation Material, klik ikon Diffuse folder, dan pilih Load Texture untuk membuka gambar Pattern yang kamu simpan sebelumnya.

Load TextureLoad TextureLoad Texture

Langkah 3

Klik ikon Diffuse tekstur dan pilih Edit UV Properties.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Langkah 4

Ubah nilai Offset ke 0, dan menyesuaikan nilai Tile sampai pattern cocok baik dalam teks.

UV Properties ValuesUV Properties ValuesUV Properties Values

Langkah 5

Pilih tab Extrusion Material, klik ikon Diffuse folder, dan pilih Pattern nama dari daftar.

Extrusion MaterialExtrusion MaterialExtrusion Material

Langkah 6

Pilih tab 3D mesh, dan ubah Texture Mapping untuk Tile.

Texture MappingTexture MappingTexture Mapping

Langkah 7

Pilih tab Extrusion Material lagi, dan mengedit UV Properties.

Menerapkan pola yang sama untuk Back Inflation Material, dan sesuaikan UV Properties untuk cocok dengan Front Inflation.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

7. Bagaimana Menduplikasi dan Mengedit 3D Text Mesh

Langkah 1

Pilih tab 3D mesh, klik ikon menu 3D panel, dan pilih Duplicate Object.

Duplicate ObjectDuplicate ObjectDuplicate Object

Langkah 2

Mengubah nama mesh digandakan huruf yang kamu inginkan untuk membuat berikutnya, dan klik tombol Edit Source di panel Properties.

Edit SourceEdit SourceEdit Source

Langkah 3

Setelah membuka file teks, mengubah teks huruf yang kamu inginkan untuk menambah, menyimpan dan menutup file.

Change the TextChange the TextChange the Text

Ini akan memperbarui mesh di dokumen asli.

Updated TextUpdated TextUpdated Text

Langkah 4

Ulangi langkah yang sama untuk membuat surat-surat tersisa yang kamu butuhkan untuk teks mu.

Add the Remaining LettersAdd the Remaining LettersAdd the Remaining Letters

8. Bagaimana Mengubah 3D Meshes

Langkah 1

Pilih tab mesh huruf pertama, pilih Move Tool, dan gunakan 3D Axis untuk bergerak dan memutarnya seperti yang kamu inginkan.

Panah di ujung sumbu bergerak yang mesh, Bagian di bawah mereka digunakan untuk rotasi, dan batu yang digunakan untuk scaling. Kubus di pusat digunakan untuk skala objek seragam. Semua yang perlu kamu lakukan adalah klik dan tarik bagian yang ingin kamu gunakan.

3D Axis3D Axis3D Axis

Langkah 2

Anda juga dapat mengklik tab Coordinates di panel Properties untuk menggunakan nilai numerik. Pastikan untuk membuat perubahan setelah memutuskan tampilan akhir kamera yang kamu inginkan.

Coordinates ValuesCoordinates ValuesCoordinates Values

Langkah 3

Bila kamu telah selesai menempatkan meshs dalam scene, pilih semua tab mereka, klik ikon menu 3D panel, dan pilih Group Object.

Group ObjectsGroup ObjectsGroup Objects

Langkah 4

Ubah nama grup ke Text. Ini akan membantu menjaga hal-hal yang terorganisir.

Rename the GroupRename the GroupRename the Group

9. Bagaimana Cara Membuat dan Menambahkan 3D Shapes

Kamu dapat membuat bentuk apapun yang kamu suka, tetapi kita akan menambahkan sebuah segitiga dan lingkaran untuk tutorial ini.

Langkah 1

Pilih Polygon Tool, dan klik di mana pun dalam dokumen untuk mendapatkan kotak Create Polygon

Mengatur nilai Width dan Height menjadi 100, ubah Number of Sides ke 3, dan pastikan ada kotak dicentang.

Klik OK untuk membuat persegi panjang.

Create PolygonCreate PolygonCreate Polygon

Langkah 2

Plih Ellipse Tool, klik di manapun dalam dokumen untuk mendapatkan kotak Create Ellipse, ubah nilai Width dan Height menjadi 50, dan klik OK.

Create EllipseCreate EllipseCreate Ellipse

Langkah 3

Pindahkan kedua bentuk ke bagian tengah dokumen dan sembunyikan layer 3D Text sementara untuk mengerjakan bentuknya

Untuk setiap bentuk lapisan yang kamu memiliki, pilih dan pergi ke 3D > Extrusion from Selected Path.

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

Langkah 4

Pilih layer Polygon, dan pilih tab 3D mesh untuk mengubah Extrusion Depth jadi 15.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 5

Klik ikon Cap, dan ubah Sides menjadi Front and Back dan Bevel Width jadi 1%.

Cap SettingsCap SettingsCap Settings

Langkah 6

Pilih Ellipse layer, dan pilih tab 3D mesh untuk mengubah Extrusion Depth jadi 300.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 7

Klik ikon Coordinates dan ubah X Rotation Angle jadi 90.

X Rotation AngleX Rotation AngleX Rotation Angle

Langkah 8

Klik ikon menu 3D panel dan pilih Move Object to Ground Plane.

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

10. Bagaimana Cara Membuat, Menyimpan, dan Mengajukan Permohonan Kembali Basic 3D Material

Langkah 1

Pilih layer Polygon, pilih semua Material tab, klik ikon texture Diffuse, dan pilih Remove Texture.

Remove TextureRemove TextureRemove Texture

Langkah 2

Ubah warna Specular (80, 80, 80) dan Shine value 15.

Material SettingsMaterial SettingsMaterial Settings

Langkah 3

Hanya pilih Front Inflation Material, klik kotak Material Picker, klik ikon pop-up menu, dan pilih New Material.

New MaterialNew MaterialNew Material

Langkah 4

Tetapkan Name untuk Shapes dan klik OK.

Type a NameType a NameType a Name

Langkah 5

Pilih Ellipse layer, pilih semua tab Material, dan pilih Shapes material dari Material Picker untuk menerapkannya.

Reapply MaterialReapply MaterialReapply Material

11. Bagaimana Cara Menambahkan Bentuk 3D ke 3D Scene

Langkah 1

Untuk setiap lapisan bentuk 3D yang kamu memiliki, pilih itu, pilih Current View aktif, dan pilih Text dari View menu untuk mencocokkan view kamera dengan 3D Text asli.

Change the Camera ViewChange the Camera ViewChange the Camera View

Langkah 2

Pilih semua layer 3D mu, dan pergi ke 3D > Merge 3D Layers.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

Langkah 3

Setelah kamu memiliki semua unsur-unsur 3D di scene yang sama, kamu dapat mengubah ukuran bentuk seperti yang kamu inginkan.

Jika kamu menggunakan nilai Coordinates, pastikan untuk mengklik ikon Scale dan uncheck Uniform Scaling option jika kamu tidak ingin untuk mengubah skala bentuk seragam.

Uniform ScalingUniform ScalingUniform Scaling

Langkah 4

Duplikat dan tempatkan shapes di sekitar teks untuk mendapatkan hasil yang kamu sukai.

Pastikan untuk mengelompokkan objek digandakan untuk menjaga hal-hal yang terorganisir.

Duplicate and Transform the 3D ShapesDuplicate and Transform the 3D ShapesDuplicate and Transform the 3D Shapes

Langkah 5

Setelah elemen di tempat, kamu dapat mulai mewarnainya sekarang.

Untuk melakukannya, pilih semua tab materi yang kamu ingin memiliki warna yang sama, dan berikan warna Diffuse kepada mereka

Change the Diffuse ColorChange the Diffuse ColorChange the Diffuse Color

Langkah 7

Warna yang digunakan di sini adalah (255, 139, 95), (255, 238, 120), dan (100, 255, 25).

Jangan ragu untuk mengubah warna Specular agar lebih gelap atau lebih terang sehingga kamu mendapatkan hasil terbaik dengan warna Diffuse yang kamu terapkan.

Color the 3D ShapesColor the 3D ShapesColor the 3D Shapes

12. Bagaimana Menyesuaikan Pengaturan dan Pencahayaan 3D Scene

Step 1

Pilih tab Scene, ubah Surface Style jadi Lightning Only, dan periksa kotak Linearize Colors serta kotak Remove Hedden.

Scene SettingsScene SettingsScene Settings

Langkah 2

Pilih tab Current View, dan klik ikon Orthographic.

Buat perubahan akhir di scene sebelum kamu menyesuaikan pencahayaan.

Current View SettingsCurrent View SettingsCurrent View Settings

Langkah 3

Klik tab Infinitie Light, ubah Intensity jadi 60%, dan hapus centang pada kotak Shadow.

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Langkah 4

Gunakan Move Tool atau nilai Coordinates untuk memindahkan cahaya sampai kamu menyukai hasilnya.

Move the Infinite LightMove the Infinite LightMove the Infinite Light

Langkah 5

Pilih tab Environment, dan ubah Ground Plane Shadows Opacity menjadi 0%.

Environment SettingsEnvironment SettingsEnvironment Settings

Langkah 6

Klik ikon tekstur IBL dan pilih Edit Texture.

Edit TextureEdit TextureEdit Texture

Langkah 7

Tambahkan Levels adjustment layer, dan ubah Output Levels' Shadows jadi 50.

Simpan dan Tutup file

LevelsLevelsLevels

13. Bagaimana Cara Merender dan Menyesuaikan Rendered Scene

Langkah 1

Pergi ke 3D > Render 3D Layer dan tunggu untuk scene sepenuhnya dirender, yang seharusnya tidak perlu waktu yang lama.

Setelah rendering selesai, klik kanan 3D Text layer, dan pilih Convert to Smart Object untuk menghindari perubahan tidak disengaja.

Render 3D LayerRender 3D LayerRender 3D Layer

Langkah 2

Tambahkan Levels adjustment layer, klip itu ke 3D Text Layer, dan ubah nilai Gamma jadi 0.90.

LevelsLevelsLevels

Langkah 3

Tambahkan Vibrance adjustment layer, clip ke 3D Text layer, dan mengubah Vibrance jadi 55 dan Saturation jadi -10.

VibranceVibranceVibrance

Langkah 4

Tambahkan Selective Color adjustment layer, clip ke 3D Text layer dan gunakan pengaturan di bawah ini:

Reds

  • Cyan: -30
  • Magenta: 50
  • Yellow: -35
  • Black: -10

Yellows

  • Cyan: -60
  • Magenta: -85
  • Yellow: 70
  • Black: 50
Selective Color Reds and YellowsSelective Color Reds and YellowsSelective Color Reds and Yellows

Cyans

  • Cyan: 50
  • Magenta: -10
  • Yellow: -60
  • Black: -11

Magentas

  • Cyan: -100
  • Magenta: 100
  • Yellow: -10
  • Black: 6
Selective Color Cyans and MagentasSelective Color Cyans and MagentasSelective Color Cyans and Magentas

14. Bagaimana Menambahkan Background Element

Langkah 1

Gunakan shape tools untuk menambahkan beberapa bentuk berwarna pastel yang berbeda di sebalik teks, dan menempatkan mereka dalam kelompok dengan nama BG Shapes.

Warna yang digunakan di sini adalah #ffffbc, #ffd8c9, #dcf7f3, #9ff8f7, dan #9891f5.

Add Background ShapesAdd Background ShapesAdd Background Shapes

Langkah 2

Buka gambar Tropical leaf of Monstera plant, pilih Magic Wand Tool, klik Add to selection ikon di bar Options, dan centang kotak Contiguous.

Klik pada setiap daerah putih untuk memilihnya, dan pergi ke Select > Inverse.

Select the LeafSelect the LeafSelect the Leaf

Langkah 3

Pergi ke Select > Select And Mask, dan ubah View jadi On Black dan dengan Opacity jadi 100%. Tingkatkan nilai Smooth sedikit untuk melunakkan tepi, dan mengurangi Shift Edges pindahkan seleksi ke dalam sedikit demi sedikit.

Centang kotak Decontaminate Colors dan klik OK.

Select And MaskSelect And MaskSelect And Mask

Langkah 4

Mengkonversi hasil layer ke Smart Object, dan menyalinnya ke dokumen 3D Text asli.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

Langkah 5

Duplikat dan mengubah daun sesuai yang diperlukan untuk menambahkannya di sebalik teks, dan menempatkan lapisan daun yang kamu memiliki dalam kelompok dengan nama Leaves.

Add the LeavesAdd the LeavesAdd the Leaves

15. Cara Membuat Penyesuaian Global

Langkah 1

Buat layer baru di atas semua lapisan, beri nama High Pass, dan tekan Command-Option-Shift-E untuk membuat Stamp.

Konversi layer ke Smart Object dan ubah Blend Mode jadi Soft Light.

High Pass LayerHigh Pass LayerHigh Pass Layer

Langkah 2

Pergi ke Filter > Other > High Pass, dan ubah nilai Radius jadi 1.

High Pass FilterHigh Pass FilterHigh Pass Filter

Langkah 3

Buat layer baru di atas semua layer dan beri nama Noise.

Pergi ke Edit > Fill, ubah Contents jadi 50% Gray, dan klik OK.

Noise LayerNoise LayerNoise Layer

Langkah 4

Konversi layer ke Smart Object dan ubah Blend Mode jadi Soft Light.

Noise Layer SettingsNoise Layer SettingsNoise Layer Settings

Langkah 5

Pergi ke Filter > Noise > Add Noise, ubah Amount jadi 3 dan Distribution jadi Uniform dan centang kotak Monochromatic.

Noise FilterNoise FilterNoise Filter

Selamat! Anda selesai!

Dalam tutorial ini, kami membuat pola sederhana dan bacground dasar.

Kemudian, kami membuat text layer, dikonversi ke 3D mesh, disesuaikan dengan pengaturan, dan dibuat dengan bahan untuk menduplikasi itu dan membuat surat-surat lain.

Setelah itu, kita buat dan ditambahkan lebih 3D shapes, sesuaikan pengaturan scene dan lightning, dan render.

Akhirnya, kami menambahkan beberapa elemen latar belakang lebih dan membuat penyesuaian akhir global untuk menyelesaikan efek.

Silahkan jangan ragu untuk meninggalkan komentar, saran, dan hasil 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.