Cara Membuat Teks 3D Hitam dan Emas dan Logo Mockup

Mockup ini merupakan bagian dari 3D Gold Text Mockups dari portofolio saya pada Envato Market.

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

• Font Raleway
  
• Latar belakang biru
  

Sebelum Anda mulai membuat teks mockup kita, mengunduh dan install font dan juga mengunduh latar belakang.

1. Memuat Dokumen Latar Belakang

Kita akan menggunakan latar belakang warna biru dari Aset Tutorial sebagai latar belakang dokumen kita.  Ini dokumen berukuran 2000 x 3000 px. Menuju ke File > Open dan membuka blue-background.jpg.

2. Membuat Smart Object

Dalam langkah ini Anda akan membuat smart object utama.

Langkah 1

Membuat sebuah layer baru dengan menuju ke Layer > New > Layer, beri nama layer ini Hide me dan tekan OK. Mengisi layer ini dengan warna apapun — sebagai contoh, untuk mengisi warna dengan warna latar belakang, tekan Control-Delete.

Langkah 2

Pilih Type Tool dan memilih font Raleway. Mengatur Font Style ke Hitam dan Font Size ke 635 pt, dan pilih Center text. Sekarang menulis BLACK GOLD di bagian tengah dokumen, dengan dua baris dan huruf besar semuanya.

Langkah 3

Pilih layer BLACK GOLD pada panel Layers, tahan Control dan memilih layer Hide me. Sementara kedua layer terpilih, menuju ke Layer > Smart Objects > Convert to Smart Object.

Langkah 4

Klik kanan layer smart object BLACK GOLD dan memilih Edit Contents untuk membuka smart object.

Langkah 5

Delete layer Hide me pada panel Layers. Kemudian memilih dokumen BLACK GOLD.psb dan tekan Yes untuk menyimpan perubahan.

Langkah 6

Memilih layer BLACK GOLD, menuju ke Layer > Rename Layer, dan mengubah namanya menjadi Gold.

3. Membuat Action Menyusut

Langkah terakhir, sebelum kita mulai membuat efek utama, adalah membuat action kecil dimana akan sangat membantu, seperti yang akan Anda lihat nanti.

Langkah 1

Klik-kanan layer Gold pada panel Layers dan memilih Duplicate Layer. Mengganti nama jadi Action dan tekan OK.

Langkah 2

Membuka panel Actions dengan Alt-F9, dan kemudian tekan tombol Create new set di bagian bawah dan beri nama Shrinking Action.  Tekan OK.

Langkah 3

Memilih layer Action pada panel Layers dan kemudian tekan tombol Create new action di bagian bawah panel Actions. Mengganti nama menjadi Shrink dan tekan Record.

Langkah 4

Tekan Control-J untuk duplikasi layer Action.

Langkah 5

Menuju ke Layer > Arrange > Send Backward. Langkah ini akan memindahkan layer Action copy di bawah layer Action.

Langkah 6

Mengubah layer terpilih dengan Control-T dan mengatur skala horizontal ke W: 99.93% dan skala vertikal ke H: 99.90%. Tekan tombol Enter dua kali untuk menerapkan perubahan.

Langkah 7

Tekan tombol Stop di bagian bawah panel Actions dan menghapus layer Action dan Action copy dari panel Layers. Action Shrink sekarang siap untuk digunakan.

4. Membuat Efek 3D

Dalam bagian ini kita akan membuat beberapa layer menggunakan action yang dibuat sebelumnya.

Langkah 1

Memilih layer Gold pada panel Layers dan kemudian memilih action Shrink pada panel Actions.

Langkah 2

Sekarang kita akan membuat 105 layer untuk efek 3D. Menekan tombol Play di bagian bawah panel Actions untuk bermain action, dan tetap menekan tombol Play sampai membuat layer Gold copy 105  dalam panel Layers Anda.

Langkah 3

Pilih layer Gold copy 105, menuju ke Layer > Duplicate layer, dan beri nama Shadow. Kemudian memindahkan layer ke belakang dengan menuju ke Layer > Arrange > Send Backward.

Langkah 4

Mari kita membuat beberapa grup dan membersihkan panel Layers kita sedikit. Memilih layer Gold copy dan Shift-klik pada layer Gold copy 19 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 1.

Langkah 5

Memilih layer Gold copy 20 dan kemudian Shift-klik pada layer Gold copy 29 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G pada keyboard untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 2.

Langkah 6

Memilih layer Gold copy 30 dan kemudian Shift-klik pada layer Gold copy 39 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G pada keyboard Anda untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 3.

Langkah 7

Memilih layer Gold copy 40 dan kemudian Shift-klik pada layer Gold copy 59 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 4.

Langkah 8

Memilih layer Gold copy 60 dan kemudian Shift-klik pada layer Gold copy 89 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 5.

Langkah 9

Memilih layer Gold copy 90 dan kemudian Shift-klik pada layer Gold copy 94 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 6.

Langkah 10

Memilih layer Gold copy 95 dan kemudian Shift-klik pada layer Gold copy 100 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 7.

Langkah 11

Memilih layer Gold copy 101 dan kemudian Shift-klik pada layer Gold copy 105 untuk memilih kedua layer ini dan semua layer diantara keduanya. Tekan Control-G untuk membuat grup, dan kemudian menuju ke Layer > Rename group dan beri nama Effect 8.

5. Menambahkan Layer Styles

Langkah 1

Memilih layer Gold dan Klik-dua kali pada layer untuk menerapkan layer style sebagai berikut:

Menambahkan Bevel & Emboss dengan pengaturan ini:

• Style: Inner Bevel
  
• Technique: Smooth
• Depth: 32%
• Direction: Down
• Size: 3 px
• Tidak dicentang kotak Use Global Light
  
• Angle: -81°
• Altitude: 26°
• Memilih Gloss Contour: Ring - Double
  
• Highlight Mode: Linear Dodge (Add) with a color #ffffff dan Opacity: 18%
• Shadow Mode: Linear Burn dengan warna #171718 dan Opacity: 33%

Langkah 2

Menambahkan Stroke dengan pengaturan ini:

• Size: 3 px
• Position: Inside
• Blend Mode: Normal
• Fill Type: Gradient
• Style: Angle
• Angle: 90°
• Dicentang pada kotak Dither
• Scale: 150%
  
• Klik pada Gradient dan mengatur color stops ini:
• Color stop dengan Color: #7a6b37 pada Location: 7%
• Color stop dengan Color: #84753f pada Location: 43%
• Color stop dengan Color: #7d6d37 pada Location: 70%
• Color stop dengan Color: #ffe785 pada Location: 85%
• 7 color stops dengan Color: #f7c753 pada Locations: 0%, 13%, 19%, 48%, 63%, 81% dan 100%
• 5 color stops dengan Color: #c59f44 pada Locations: 16%, 27%, 55%, 75% dan 93%

Langkah 3

Menambahkan style Satin dengan pengaturan ini:

• Blend Mode: Linear Burn dengan color #afa182
• Opacity: 4%
• Angle: 0°
• Distance: 22 px
• Size: 1 px
• Dicentang pada kotak Invert

Langkah 4

Menambahkan Color Overlay dengan pengaturan ini;

• Blend Mode: Linear Burn
  
• Pilih warna #000000
• Opacity: 7%

Langkah 5

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Linear
• Angle: 67°
• Scale: 100%
  
• Klik pada Gradient dan mengatur color stops:
• Color stop 1 - Color: #010202 Location: 11%
• Color stop 2 - Color: #737373 Location: 34%
• Color stop 3 - Color: #010202 Location: 58%
• Color stop 4 - Color: #737373 Location: 75%
• Color stop 5 - Color: #010202 Location: 100%

Tekan OK untuk menerapkan semua perubahan.

Langkah 6

Membuka grup Effect 1, pilih layer Gold copy, dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Dodge (Add)
  
• Opacity: 14%
• Pilih warna #ffffff
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 7

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 8

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan mengatur color stops ini:
• 4 color stops dengan Color: #7a6b37 pada Locations: 7%, 23%, 58% dan 89%
• Color stop dengan Color: #84753f pada Location: 43%
• 2 color stops dengan Color: #7d6d37 pada Locations: 70% dan 100%
  
• 5 color stops dengan Color: #ffe785 pada Locations: 4%, 25%, 39%, 85% dan 97%
• 6 color stops dengan Color: #f7c753 pada Locations: 0%, 13%, 19%, 48%, 63% dan 81%
  
• 5 color stops dengan Color: #c59f44 pada Locations: 16%, 34%, 55%, 75% dan 93%

Langkah 9

Gradient sama akan digunakan pada langkah berikutnya, jadi mari kita simpan ke gradient Presets dengan menekan tombol New. Kemudian tekan OK untuk menerapkan semua perubahan.

Langkah 10

Klik kanan dengan mouse Anda pada layer Gold copy dan memilih Copy Layer Style, dan kemudian klik Shift-left pada layer Gold copy 19. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style. Ini akan berlaku style yang sama dari layer Gold copy untuk semua yang dipilih.

Langkah 11

Menutup grup Effect 1 dan membuka grup Effect 2. Pilih layer Gold copy 20 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Dodge (Add)
  
• Opacity: 7%
• Pilih warna #ffffff
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 12

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 13

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 14

Klik kanan dengan mouse Anda pada layer Gold copy 20 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 29. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 15

Menutup grup Effect 2 dan membuka grup Effect 3. Pilih layer Gold copy 30 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Dodge (Add)
  
• Opacity: 3%
• Pilih warna #ffffff
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 16

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 17

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 18

Klik kanan dengan mouse Anda pada layer Gold copy 30 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 39. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 19

Menutup grup Effect 3 dan membuka grup Effect 4. Pilih layer Gold copy 40 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Color Overlay dengan pengaturan ini;

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 20

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 21

Klik kanan dengan mouse Anda pada layer Gold copy 40 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 59. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 22

Menutup grup Effect 4 dan membuka grup Effect 5. Pilih layer Gold copy 60 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Opacity: 3%
• Pilih warna #000000
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang kotak Anti-aliased

Langkah 23

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 24

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 25

Klik kanan dengan mouse Anda pada layer Gold copy 60 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 89. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 26

Menutup grup Effect 5 dan membuka grup Effect 6. Pilih layer Gold copy 90 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Opacity: 10%
• Pilih warna #000000
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 27

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 28

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 29

Klik kanan dengan mouse Anda pada layer Gold copy 90 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 94. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 30

Menutup grup Effect 6 dan membuka grup Effect 7. Pilih layer Gold copy 95 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Opacity: 16%
• Pilih warna #000000
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 31

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 32

Menambahkan Gradient Overlay dengan pengaturan ini;

• Blend Mode: Normal
• Dicentang pada kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 33

Klik kanan dengan mouse Anda pada layer Gold copy 95 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 100. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

Langkah 34

Menutup grup Effect 7 dan membuka grup Effect 8. Pilih layer Gold copy 101 dan Klik-dua kali layer untuk menerapkan layer style berikut:

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Opacity: 22%
• Pilih warna #000000
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 136 px
• Dicentang pada kotak Anti-aliased

Langkah 35

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Color
  
• Pilih warna #fee691
• Opacity: 100%

Langkah 36

Menambahkan Gradient Overlay dengan pengaturan ini:

• Blend Mode: Normal
• Dicentang kotak Dither
  
• Opacity: 100%
• Style: Reflected
• Angle: 90°
• Scale: 150%
  
• Klik pada Gradient dan memilih gradient sebelumnya yang telah disimpan pada Presets.

Tekan OK untuk menerapkan semua perubahan.

Langkah 37

Klik kanan dengan mouse Anda pada layer Gold copy 101 dan memilih Copy Layer Style, dan kemudian Shift-kiri klik pada layer Gold copy 105. Sementara semua layer ini dipilih, klik kanan pada salah satu layer ini dan pilih Paste Layer Style.

6. Membuat Bayangan

Langkah 1

Memilih layer Shadow dan tekan Control-J pada keyboard Anda dua kali untuk membuat duplikasi dari layer ini.

Langkah 2

Memilih layer Shadow dan tekan Control-T, dan kemudian menambahkan 20 px pada posisi horizontal X: dan juga menambahkan 30 px pada posisi vertikal Y: Nilai-nilai posisi yang ditunjukkan pada gambar di bawah ini mungkin berbeda dari Anda.

Tekan Enter untuk menerapkan perubahan.

Langkah 3

Klik-dua kali layer Shadow untuk menerapkan layer style berikut:

Mengubah Blending Options dengan pengaturan ini:

• Opacity: 35%

Langkah 4

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Normal
  
• Pilih warna #312000
• Opacity: 100%

Langkah 5

Menambahkan Drop Shadow dengan pengaturan ini:

• Blend Mode: Multiply
• Pilih warna #010101
• Opacity: 75%
• Tidak dicentang pada kotak Use Global Light sebelum mengatur Angle: 120°
• Distance: 17 px
• Spread: 0%
• Size: 5 px

Tekan OK untuk menerapkan perubahan.

Langkah 6

Menuju ke Filter > Blur > Gaussian Blur, atur Radius ke 4.3 pixels, dan tekan OK.

Langkah 7

Menuju ke Filter > Blur > Motion Blur, mengatur Angle: -60° dan Distance: 97 pixels, dan kemudian tekan OK.

Langkah 8

Pilih layer Shadow copy dan Klik-dua kali pada layer untuk menerapkan layer style sebagai berikut:

Mengubah Blending Options dengan pengaturan ini:

• Fill Opacity: 0%

Langkah 9

Menambahkan Drop Shadow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Pilih warna #000000
• Opacity: 47%
• Tidak dicentang pada kotak Use Global Light sebelum mengatur Angle: 124°
• Distance: 0 px
• Spread: 50%
• Size: 2 px

Tekan OK untuk menerapkan semua perubahan.

Langkah 10

Memilih layer Shadow copy 2 dan Klik-dua kali untuk menerapkan layer style sebagai berikut:

Mengubah Blending Options dengan pengaturan ini:

• Opacity: 50%
  
• Fill Opacity: 0%

Langkah 11

Menambahkan Color Overlay dengan pengaturan ini:

• Blend Mode: Normal
  
• Pilih warna #000000
• Opacity: 100%

Langkah 12

Menambahkan Drop Shadow dengan pengaturan ini:

• Blend Mode: Linear Burn
  
• Pilih warna #000000
• Opacity: 11%
• Tidak dicentang kotak Use Global Light sebelum mengatur Angle: 45°
• Distance: 87 px
• Spread: 0%
• Size: 79 px

Tekan OK untuk menerapkan semua perubahan.

Langkah 13

Menuju ke Filter > Blur > Gaussian Blur, mengatur Radius ke 16.8 pixels, dan tekan OK.

Langkah 14

Untuk lebih jelasnya kita akan menjadikan satu grup dari semua layer bayangan.  Pilih layer Shadow copy 2, dan kemudian Shift-kanan klik layer Shadow dan tekan Control-G pada keyboard Anda untuk membuat grup pada layer.

Selamat! Anda Selesai

Dalam tutorial ini kita belajar cara membuat sebuah teks 3D hitam dan emas dan logo mockup menggunakan sebuah smart object dan layer styles.

Kita mulai dengan membuat smart object, dan kemudian kita membuat action menyusut. Setelah itu, kita menambahkan beberapa layer untuk menciptakan efek 3D dan juga menambahkan layer styles. Akhirnya, kita menambahkan beberapa bayangan.

Sekarang Anda dapat mengubah isi dari judul BLACK GOLD untuk teks lain, bentuk, atau vektor. Untuk mengubah isi, klik kanan layer Gold dan pilih Edit contents. Ketika Anda selesai mengedit isi, tutup dokumen .psb dan tekan Yes untuk menerapkan perubahan.

Anda dapat menggunakan logo vektor bukan teks. Dalam contoh di bawah ini, saya telah mengubah isi untuk Logo Phoenix yang juga bagian dari portofolio saya di Envato Market.

Mockup yang baru kita buat ini merupakan bagian dari 3D Gold Text Mockups.