1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Cara Membuat Efek Teks Realistis Koin dalam Adobe Photoshop

Scroll to top
Read Time: 12 min

() translation by (you can also view the original English article)

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

Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan bentuk dan bentuk bentuk Photoshop, bersama dengan alat dan opsi 3D-nya, untuk menciptakan efek teks koin 3D. Mari kita mulai!

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

Tutorial aset

Aset berikut digunakan selama pembuatan tutorial ini:

1. Cara Membuat Bentuk Dasar dan Kustom

Langkah 1

Buat dokumen 1500 x 950 px baru. Pilih Ellipse Tool, pastikan opsi Shape aktif di bar Options, dan buat bentuk lingkaran. Kemudian rename layer shape menjadi Koin.

Create a Circle ShapeCreate a Circle ShapeCreate a Circle Shape

Langkah 2

Pilih Custom Shape Tool, dan tambahkan Laurel Custom shape Pack [Photoshop] sebagai bingkai di dalam bentuk koin yang Anda buat.

Add a Laurel ShapeAdd a Laurel ShapeAdd a Laurel Shape

Langkah 3

Anda dapat menggunakan Direct Selection Tool untuk memilih dan menghapus titik anchor dari bagian bentuk laurel manapun yang tidak Anda sukai atau yang ingin Anda hapus untuk menambahkan teks di tempat mereka.

Delete Anchor PointsDelete Anchor PointsDelete Anchor Points

Langkah 4

Jangan ragu untuk mencoba hal yang berbeda dengan bentuknya sampai Anda mendapatkan hasil yang Anda sukai.

Adjust the ShapeAdjust the ShapeAdjust the Shape

Langkah 4

Tambahkan nomor sebagai teks di tengah bentuk koin. Anda bisa menggunakan font dan atribut font yang Anda suka, tergantung pada jenis koin yang ingin Anda buat.

Font yang digunakan di sini adalah Bodoni MT, Size 120 pt, dan Tracking diatur ke -60.

Create TextCreate TextCreate Text

Langkah 6

Tambahkan beberapa teks lagi ke bentuk laurel tempat Anda melepaskan titik jangkar. Font yang digunakan di sini adalah Poppins, Size adalah 20 pt, dan Tracking diatur ke 200.

Add Laurel TextAdd Laurel TextAdd Laurel Text

2. Cara Menambahkan Teks di Jalur Kerja

Langkah 1

Buat bentuk lingkaran lain untuk membuat koin baru, ganti namanya menjadi Coin juga, dan tambahkan salah satu ORNAMENT CUSTOM SHAPE SET.csh ke bagian tengahnya.

Sebaiknya beri nama setiap lapisan yang Anda buat sekarang untuk menjaga agar segala sesuatunya tetap teratur dan mudah dikerjakan sepanjang tutorial.

Add an Ornament ShapeAdd an Ornament ShapeAdd an Ornament Shape

Langkah 2

Gandakan bentuk lingkaran koin dan ratakan salin ke bawah untuk membuat lingkaran kecil di bagian yang asli. Ubah nilai Fill salinan pada bar Options menjadi None, klik ikon Set shape stroke type, dan klik tombol More Options.

Pilih preset garis, dan sesuaikan pengaturannya sesuai keinginan Anda.

Adjust the Stroke SettingsAdjust the Stroke SettingsAdjust the Stroke Settings

Langkah 3

Pilih Ellipse Tool lagi, dan pilih opsi Path di Options bar.

Buat jalur kerja melingkar di seputar bentuk ornamen di tengah untuk menambahkan teks di atasnya.

Create a Work PathCreate a Work PathCreate a Work Path

Langkah 4

Pilih Text Tool, klik pada path, dan ketik teks Anda.

Font yang digunakan di sini adalah Indira K, size 17 pt, Pelacakannya adalah 10, dan teksnya dibuat di All Caps.

Add Path TextAdd Path TextAdd Path Text

Ini adalah beberapa ide untuk menjelaskan alat yang dapat Anda gunakan untuk membuat koin Anda, namun merasa bebas untuk mencoba berbagai bentuk, setelan, dan font untuk menciptakan koin Anda sendiri.

3. Cara Membuat Layer 3D

Langkah 1

Untuk masing-masing lapisan bentuk yang Anda miliki, pilih dan masuk ke 3D> New 3D Extrusion from Selected Path, dan untuk masing-masing lapisan teks, pilih dan masuk ke 3D> New 3D Extrusion from Selected Layer.

Create 3D LayersCreate 3D LayersCreate 3D Layers

Langkah 2

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

Merge 3D LayersMerge 3D LayersMerge 3D Layers

4. Cara Bekerja dengan Adegan 3D

Langkah 1

Untuk mengakses pengaturan dan properti 3D mesh, Anda harus membuka dua panel: panel 3D dan panel Properties.

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

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Langkah 2

Jika Anda memilih Move Tool, Anda akan menemukan satu set Mode 3D untuk itu di sebelah kanan bar Options.

Bila Anda memilih salah satunya, Anda kemudian dapat mengeklik dan menyeret untuk melakukan perubahan (pada elemen yang dipilih di panel 3D).

Gunakan mode tersebut untuk mengubah Current View menjadi sudut yang Anda suka.

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

5. Cara Menggabungkan Objek 3D

Langkah 1

Pilih semua tab jaring 3D dari koin pertama, klik ikon menu panel 3D, dan pilih Group Objects.

Group ObjectsGroup ObjectsGroup Objects

Langkah 2

Ulangi untuk mengelompokkan sisa jerat koin yang Anda miliki.

Ubah nama grup menjadi apapun yang Anda suka. Di sini, kita menciptakan koin emas dan koin perak, jadi kelompok tersebut akan diberi nama Gold dan Silver.

Rename the GroupsRename the GroupsRename the Groups

6. Cara Menyesuaikan Pengaturan Mesh 3D

Langkah 1

Pilih tab Coin mesh, dan ubah Extrusion Depth mereka di panel Properties menjadi 10.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 2

Pilih sisa tab Gold mesh, dan ubah Extrusion Depth menjadi 3.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 3

Pilih sisa tab Silver mesh, dan ubah Extrusion Depth menjadi 2.

Extrusion DepthExtrusion DepthExtrusion Depth

7. Cara Menyesuaikan Pengaturan Cap 3D

Langkah 1

Pilih Move Tool, pilih kedua tab Coin mesh, dan gunakan Axis 3D untuk memindahkannya kembali untuk memisahkannya dari sisa jerat.

Panah di ujung sumbu memindahkan jala, bagian di bawahnya digunakan untuk rotasi, dan kubus digunakan untuk penskalaan. Kubus di tengah digunakan untuk menskalakan objek secara seragam. Yang perlu Anda lakukan hanyalah klik dan seret bagian yang ingin Anda gunakan.

Move the MeshesMove the MeshesMove the Meshes

Langkah 2

Pilih tab Coin Gold mesh, dan klik ikon Cap di bagian atas panel Properties untuk membuat tepi koin.

Ubah Side ke Front and Back,  Bevel Width sampai 5%, Sudut ke -23, dan Contour ke Cove - Deep.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Langkah 3

Ubah koin Gold Laurel dan smaller text's Bevel Width menjadi 10% dan Contournya menjadi Half Round.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Langkah 4

Ubah bigger text's Bevel Width Gold coin menjadi 5% dan Contour menjadi Half Round.

Gold Coin Cap SettingsGold Coin Cap SettingsGold Coin Cap Settings

Langkah 5

Pilih tab Silver Coin mesh, klik ikon Cap, dan ubah Sides menjadi Front and Back, Bevel Width menjadi 10%, Angle menjadi -17, dan Contour menjadi Cone - Inverted.

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

Langkah 6

Ubah ellipse stroke's Inflate Strength Silver coin menjadi 20%.

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

Langkah 7

Ubah teks koin Silver dan ornament shapesBevel Width menjadi 5% dan Contour menjadi  Half Round.

Silver Coin Cap SettingsSilver Coin Cap SettingsSilver Coin Cap Settings

8. Cara Memposisikan 3D Meshes

Langkah 1

Untuk melihat jahitan 3D dengan lebih baik, klik ikon Filter by: Material di bagian atas panel 3D, pilih semua tab materi, klik ikon tekstur Diffuse di panel Properties, dan pilih Remove Texture.

Remove TextureRemove TextureRemove Texture

Langkah 2

Gunakan Axis 3D untuk memposisikan ulang jerat 3D untuk membuat koin akhir.

Reposition the 3D MeshesReposition the 3D MeshesReposition the 3D Meshes

Langkah 3

Anda bisa klik ikon Coordinates di bagian atas panel Properties untuk menggunakan nilai numerik.

Coordinates ValuesCoordinates ValuesCoordinates Values

Langkah 4

Anda juga dapat memilih antara preset Current View yang berbeda untuk melihat berbagai hal dari sudut yang berbeda dan memastikan semua jerat berada pada tempatnya.

Camera ViewsCamera ViewsCamera Views

Langkah 5

Pastikan untuk selesai membuat koin sekarang, karena begitu Anda memberi contoh, akan jauh lebih sulit untuk mereposisi jeratnya.

Finish Creating the CoinsFinish Creating the CoinsFinish Creating the Coins

9. Cara Membuat Bahan Emas dan Perak

Langkah 1

Pilih semua tab bahan baku koin emas, dan buatlah bahan emas dengan menggunakan pengaturan ini (nilai warna yang digunakan ada di RGB):

  • Specular: 241, 224, 155
  • Shine: 50%
  • Reflection: 50%
Gold Material SettingsGold Material SettingsGold Material Settings

Langkah 2

Pilih semua tab bahan mesh koin perak, dan buatlah bahan perak dengan menggunakan pengaturan ini:

  • Specular: 222, 223, 205
  • Shine: 50%
  • Reflection: 50%
Silver Material SettingsSilver Material SettingsSilver Material Settings

Langkah 3

Pilih tab Gold Coin Front Inflation Material   klik ikon folder Diffuse-nya, dan pilih Load Texture untuk membuka gambar 2.jpg dari kemasan Metal seamless textures.

Load TextureLoad TextureLoad Texture

Langkah 4

Klik ikon tekstur Diffuse lagi untuk memilih Edit UV Properties.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Langkah 5

Sesuaikan nilai Tile dan Offset untuk mendapatkan hasil yang Anda sukai.

UV PropertiesUV PropertiesUV Properties

Langkah 6

Klik ikon tekstur Diffuse dan pilih Edit Texture.

Edit TextureEdit TextureEdit Texture

Langkah 7

Tambahkan layer Fill Color Solid dengan Fill Color # f5cb71, dan ubah Blend Mode menjadi Linear Burn.

Solid ColorSolid ColorSolid Color

Langkah 8

Pilih sisa tab materi koin Emas, klik ikon folder Diffuse, dan pilih nama tekstur (2) dari daftar untuk menerapkannya.

Apply the TextureApply the TextureApply the Texture

Langkah 9

Pilih tab Silver Coin Front Inflation Material  klik ikon folder Diffuse-nya, dan pilih Load Texture untuk membuka gambar 2.jpg lagi.

Load TextureLoad TextureLoad Texture

Langkah 10

Terapkan tekstur ke sisa tab bahan koin perak.

Apply the TextureApply the TextureApply the Texture

10. Cara Membuat Bahan Bump

Langkah 1

Pilih tab Gold Coin Extrusion Material, dan klik ikon Bump folder untuk memilih New Texture.

New TextureNew TextureNew Texture

Langkah 2

Atur dimensi menjadi 100 x 100 px, dan klik OK.

Texture DimensionsTexture DimensionsTexture Dimensions

Langkah 3

Saat file tekstur baru terbuka, duplikat layer Background.

Duplicate LayerDuplicate LayerDuplicate Layer

Langkah 4

Klik dua kali layer copy untuk menerapkan efek Pattern Overlay, dan ubah Pattern menjadi 10px vertical stripes.

Simpan dan tutup file.

Pattern OverlayPattern OverlayPattern Overlay

LAngkah 5

Pilih tab Gold Coin mesh, dan ubah Texture Mapping menjadi Tile.

Texture MappingTexture MappingTexture Mapping

Langkah 6

Pilih tab Extrusion Material Gold coin lagi, dan atur Properties UV Bump's texture.

UV PropertiesUV PropertiesUV Properties

Langkah 7

Oleskan tekstur dan pengaturan Bump yang sama ke Silver Coin Extrusion Material.

Silver Coin Extrusion Material BumpSilver Coin Extrusion Material BumpSilver Coin Extrusion Material Bump

11. Bagaimana Instance 3D Meshes

Langkah 1

Pilih tab Grup Emas dan Perak, klik kanan salah satunya, dan pilih Instance Object.

Ini akan menciptakan salinan tertaut yang mencerminkan perubahan yang dibuat pada jerat asli, seperti pengaturan materi, misalnya.

Instance ObjectInstance ObjectInstance Object

Langkah 2

Ubah nama grup asli untuk menambahkan nama asli ke namanya, dan Anda dapat menggunakan grup tersebut atau menyembunyikannya jika Anda perlu menyimpan salinan asli di samping.

Rename the Original GroupsRename the Original GroupsRename the Original Groups

Langkah 3

Pilih grup Emas yang ingin Anda gunakan untuk membuat teks, klik ikon Koordinat, dan ubah Sudut Rotasi X menjadi 90.

X Rotation AngleX Rotation AngleX Rotation Angle

Langkah 4

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

Ulangi untuk memutar dan memindahkan kelompok Perak ke Ground Plane juga.

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

12. Cara Membuat Teks Menggunakan3D Grouped Meshes

Langkah1

Pilih grup, dan gunakan Axis 3D untuk bergerak dan memutarnya agar bisa mulai membuat teks.

Start Creating the TextStart Creating the TextStart Creating the Text

Langkah 2

Jika Anda perlu menggunakan nilai Koordinat, ingatlah bahwa Anda dapat memeriksa dan menghapus centang opsi Uniform Scaling sesuai kebutuhan.

Uniform ScalingUniform ScalingUniform Scaling

Langkah 3

Yang perlu Anda lakukan selanjutnya adalah terus melakukan instances dan mengubah jerat koin untuk menciptakan bentuk huruf yang Anda inginkan. Anda bisa mengetik teks menggunakan font sans serif untuk referensi jika Anda suka juga.

Itu bisa menjadi sedikit proses yang memakan waktu, di mana Anda perlu menggunakan sudut dan pandangan kamera yang berbeda. Anda juga perlu terus memastikan untuk memindahkan setiap koin ke Ground Plane begitu Anda meletakkannya, dan menyesuaikan posisinya sehingga berada tepat di atas koin mana pun di atas, begitu juga dengan Ground Plane itu sendiri.

Anda dapat menyederhanakan proses dengan menempatkan koin di samping satu sama lain tanpa menumpuknya di atas satu sama lain, dan kemudian menambahkan lebih banyak koin di atasnya, namun jaga agar tetap horizontal.

Hal ini pada dasarnya terserah Anda untuk memutuskan bagaimana Anda ingin membuat teks dan menempatkan koin, tergantung pada hasil akhir yang ingin Anda capai.

Place the CoinsPlace the CoinsPlace the Coins

Langkah 4

Pastikan untuk mengelompokkan setiap kelompok koin untuk mengatur semuanya.

Group the MeshesGroup the MeshesGroup the Meshes

Langkah 5

Pastikan untuk mengelompokkan setiap kelompok koin untuk mengatur semuanya.

Create the TextCreate the TextCreate the Text

13. Cara Menambahkan Background Plane

Langkah 1

Buka gambar Old Wooden Planks Texture 02, copy dan paste di atas layer 3D koin, ganti namanya menjadi Ground, dan masuk ke 3D> New Mesh from Layer> Postcard.

3D Postcard3D Postcard3D Postcard

Langkah 2

Pilih tab Current View, dan pilih nama layer 3D koin dari menu View.

Current ViewCurrent ViewCurrent View

Langkah 3

Pilih kedua lapisan 3D dan gabungkan keduanya

Pilih tab Ground Mesh, ubah X Rotation Angle menjadi 90, dan pindahkan ke Ground Plane.

Setelah Anda melakukannya, tingkatkan nilai Y Position sangat sedikit, jadi nilainya sekitar 0,1, untuk menghindari garis acak saat Anda membuat adegan.

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

Langkah 4

Dengan tab Ground Mesh yang dipilih, klik ikon Mesh di bagian atas panel Properties, dan hapus centang pada kotak Cast Shadows.

Reposisi dan skala Ground mesh sampai menutupi area yang bagus di sekitar teks. Setelah itu, Anda dapat memasang tekstur Diffuse secara vertikal jika diperlukan, atau buka file tekstur Diffuse, dan masuk ke Image> Reveal All, untuk memastikan bahwa penskalaan tidak mempengaruhi kualitas tekstur.

Anda tidak perlu mengisi keseluruhan dokumen seperti yang akan kita hasilkan nanti, tapi pastikan untuk mengisi area yang Anda inginkan untuk hasil akhir.

Adjust the Ground TextureAdjust the Ground TextureAdjust the Ground Texture

Langkah 5

Pilih tab Material ground, lepaskan tekstur Opacity jika ada, dan gunakan pengaturan ini:

  • Specular: 210, 196, 164
  • Shine: 50%
Ground Material SettingsGround Material SettingsGround Material Settings

14. Cara Menghasilkan Tekstur Bump dari Diffuse One

Langkah 1

Klik ikon Bump folder, dan klik Generate Bumps From Diffuse.

Generate Bumps From DiffuseGenerate Bumps From DiffuseGenerate Bumps From Diffuse

Langkah 2

Sesuaikan pengaturan di kotak Generate Bump Map sesukamu, dan klik OK.

Generate Bump MapGenerate Bump MapGenerate Bump Map

Langkah 3

Ini akan menciptakan efek yang lebih realistis.

Pastikan memilih sudut kamera terakhir sebelum mulai menyesuaikan pencahayaan pemandangan.

Final Camera AngleFinal Camera AngleFinal Camera Angle

15. Cara Menyesuaikan Lampu Adegan 3D dan Merendernya

Langkah 1

Klik tab Infinite Light, dan ubah Intensity menjadi 50% dan Shadow Softness menjadi 30%.

Infinite LightInfinite LightInfinite Light

Langkah 2

Gunakan Move Tool untuk memindahkan cahaya ke sudut yang Anda suka, atau gunakan nilai Coordinates untuk melakukannya.

Move the LightMove the LightMove the Light

Langkah 3

Pilih tab Environment, klik ikon IBL texture, dan pilih Replace Texture untuk membuka gambar Room.

EnvironmentEnvironmentEnvironment

Langkah 4

Ubah Intensity menjadi 90%, dan gunakan Move Tool untuk memindahkan tekstur ke sekitar sampai Anda menyukai pengaruhnya.

Environment SettingsEnvironment SettingsEnvironment Settings

Langkah 5

Klik ikon tekstur IBL, dan pilih Edit Tekstur untuk membuka file gambar.

Tambahkan lapisan penyesuaian Hue / Saturation untuk mengubah Saturation menjadi -60, dan simpan dan tutup filenya.

HueSaturationHueSaturationHueSaturation

Langkah 6

Buka 3D> Render 3D Layer. Perenderan mungkin memerlukan beberapa saat, tapi Anda bisa menghentikannya kapan saja dengan menekan tombol Esc.

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

Render 3D LayerRender 3D LayerRender 3D Layer

16. Cara Membuat Penyesuaian Global

Langkah 1

Tambahkan layer penyesuaian Vibrance dan ubah nilai Vibrance menjadi -5.

Langkah 2

Tambahkan lapisan penyesuaian Selective Color  dan gunakan pengaturan ini:

Reds

  • Cyan: 7
  • Yellow: 10
  • Black: 10

Yellows

  • Magenta: 3
  • Yellow: -10
  • Black: 10
Selective ColorSelective ColorSelective Color

Neutrals

  • Cyan: 3
  • Yellow: -1
  • Black: 1

Blacks

  • Cyan: 3
  • Yellow: 5
  • Black: 15
Selective ColorSelective ColorSelective Color

Langkah 3

Tambahkan layer penyesuaian Brightness / Contrast, ubah Blend Mode menjadi Luminosity, dan atur nilai Contrast menjadi 30.

BrightnessContrastBrightnessContrastBrightnessContrast

Langkah 4

Tambahkan lapisan penyesuaian Curves, ubah Blend Mode menjadi Luminosity dan Opacity menjadi 35%, dan buat S-Curve sederhana untuk meningkatkan kontrasnya lagi.

CurvesCurvesCurves

Langkah 5

Tambahkan layer Fill Color Solid dengan Fill Color Black, dan ubah Blend Mode menjadi Soft Light dan Opacity menjadi 43%.

Solid ColorSolid ColorSolid Color

Langkah 6

Pilih thumbnail layer mask, pilih Brush Tool, atur Foreground Color menjadi Black, dan gunakan tip bulat lembut yang besar untuk melukis di atas teks untuk membuat efek sketsa cepat.

Anda juga dapat menurunkan Density topeng di panel Properties untuk mendapatkan efek yang lebih halus.

Vignette EffectVignette EffectVignette Effect

Langkah 7

Tambahkan lapisan penyesuaian Color Lookup  dan pilih tabel 2Strip.look dari menu File 3DLUT.

Ubah Blend Mode layer menjadi Soft Light dan Opacity menjadi 30%.

Color LookupColor LookupColor Lookup

Langkah 8

Tambahkan lapisan penyesuaian Color Lookup yang lain, dan pilih tabel Gold-Blue dari menu Abstrak.

Ubah Blend Mode layer menjadi Lighten dan Opacity menjadi 50%.

Color LookupColor LookupColor Lookup

Langkah 9

Gunakan Crop Tool untuk menyingkirkan semua area tambahan yang tidak Anda butuhkan, dan Anda dapat menghapus centang pada kotak Delete Cropped Pixels di bar Options jika Anda mau.

Crop the ImageCrop the ImageCrop the Image

Selamat! Anda sudah selesai

Dalam tutorial ini, kami menggunakan sekumpulan bentuk dan bentuk pengaturan, bersama dengan lapisan teks yang berbeda, untuk membuat koin.

Kemudian, kami mengubah lapisan yang kami buat menjadi lapisan 3D, menyesuaikan setelannya, dan membuat materi mereka. Setelah itu, kami instanced dan memposisikan koin untuk membuat huruf yang kami butuhkan untuk teks kami.

Akhirnya, kami menyesuaikan pencahayaan, membuat adegan, dan menambahkan beberapa penyesuaian global untuk menyelesaikan semuanya.

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.
One subscription. Unlimited Downloads.
Get unlimited downloads