Suka nonton The Lord of the Ring? Cincin emasnya mengkilap, bukan? Begitu juga
dengan tulisannya atau typografi pada posternya. Artinya typografinya juga
mengikuti dengan tema dan judul dari film itu. Typografi di sana menggunakan
efek gold (emas), stone (batu), dan old (tua, karena ada efek sedikit rusak).
Begitu kreatif, sesuai tema, serta inspiratif. Anda ingin bisa membuat typografi
seperti itu? Bukan pilihan yang salah jika Anda membaca dan mengikuti tutorial
ini.
Well, langsung saja, sesuai
dengan judulnya, pada tutorial kali ini kita akan belajar membuat huruf dengan
efek emas + efek pecah. Hasilnya diharapkan seperti ini:
Gambar 1 Hasil akhir
Atau bahkan lebih bagus dari
gambar di atas. J
Tutorial ini dibagi menjadi 4 part dan 10 step:
Dengan mengembangkan kreasi dan
kolaborasi efek-efek photoshop plus kreatifitas yang telah diasah dari kecil,
dari tadi dengan susah payah, atau dari lahir, Anda juga bisa membuat typogari seperti
pada poster yang sudah sangat Anda kenal di bawah ini (gambar 1).
Gambar 2 Poster 'The Lord of the Ring'
Tentu saja kalau gambar posternya
sih beda urusan ya.. JJJ
By the way, belajar
dari nol? Maksudnya apa? Loh, itu kan susah, kok dari nol? Nol besar/nol kecil?
Well well well, maksudnya di sini saya akan menjelaskan semuanya sejelas
mungkin dengan semaksimal mungkin. Tutorial ini sekaligus mengenalkan
fungsi-fungsi tool dan efek pada Photoshop lebih detail dan lengkap.
Jadi, untuk orang yang benar-benar tidak tahu Photoshop dari dasar sekalipun saya jamin bisa mengikuti tutorial ini. Cause, you know what? EVERYONE IS DESIGNER! Yang penting adalah kemauan dan kerja keras! Yuhuu… Let’s go! J
Membuat Efek Emas pada Typografi
Step 1 Membuat File baru
Cara: klik ‘File’ Menu à
‘New..’
Shortcut: Ctrl+N.
Buat ukuran kertas yang cukup
besar. Ukuran kanvas yang kita pergunakan saat ini adalah seperti di bawah ini:
Gambar 3 Setting yang diubah dari default: Width 7 inches, Height 4 inches,
Resolution 300 pixel/inch
Step-2 Mewarnai background dengan warna hitam.
Cara 1: Mewarnai background dengan ‘Paint
Bucket Tool’. Ini adalah cara yang sudah biasa digunakan. Ketik G àklik ‘Paint Bucket
Tool’ à Set
‘Foreground
Colour’ menjadi warna hitam à
klik background Anda yang berwarna putih. Background Anda menjadi berwarna
hitam.
Shortcut: Alt+Del (mewarnai
layer aktif dengan ‘Foreground Colour’ atau Ctrl+Del (mewarnai
layer aktif dengan ‘Background Colour’. (untuk saat ini kita hanya memiliki
layer ‘Background’. Otomatis layer ‘Background’ menjadi layer aktif)
‘Foreground colour’
dan ‘Background colour’: Letaknya di toolbar (di kiri window) paling
bawah. Foreground adalah warna yang di depan (yang hitam) dan background adalah
warna di belakang, yang di balik foreground (yang putih). Untuk mengubah warna
foreground atau background, hanya tinggal klik
dua kali warna foreground atau background Untuk membalikan status warna
foreground dan background, klik tanda
. Sebenarnya masih banyak cara lain untuk mengubah warna
foreground/background.
Gambar 4 Layer aktif: layer yang ber-highlight biru tua. Yaitu layer yang kita klik dan akan kita gunakan.
Cara 2: Invert images colour (membalikan
warna, seperti klise foto). Klik ‘Images’ menu à
‘Adjustments’
à klik ‘Invert’
Shortcut: Ctrl+I (invert
warna)
Gambar 5 'Paint Bucket Tool' dengan 'Foreground Colour' Hitam. Warna Background
telah berubah hitam
Untuk zoom
in dan zoom out layar dengan mudah, ketik Alt+Scroll mouse Anda
ke atas (zoom in) atau ke bawah (zoom out). Untuk menggeser-geser layar, ketik Space
Bar+klik kiri layar dan gerakan ke atas, bawah, atau samping.
Untuk
mengembalikan kegiatan atau undo lebih dari satu aktivitas, keluarkan ‘History
‘panel pada ‘Window’ menu. Untuk memudahkan, pindahkan panel ke sebelah kanan
(gambar 5).
Step-3 Membuat efek metal (emas) pada tulisan GOLDEN.
Cara: Klik ‘Horizontal
Type Tool’kemudian klik pada layar background. Ketik ‘GOLDEN’.
Shortcut: T
Buat setting character GOLDEN
seperti di bawah ini:
Gambar 6 Font (jenis huruf) Times New Roman, Tracking (jarak antar huruf) 0, Size (ukuran huruf) 96pt, Colour (warna) putih.
Cara memunculkan window di atas
(Gambar 3): klik ‘Window’ Menu à
check ‘Character’.
Pastikan ‘Character’ telah di check.
Warna
huruf tidak harus putih, dapat diubah sesuai keinginan Anda.
Gambar 7 Layer ‘GOLDEN’ diletakan di tengah layer 'Backgorund'
Step-3 Edit Layer Style ‘GOLDEN’
Cara: Klik layer ‘GOLDEN’ à klik ‘Layer’ menu à
‘Layer Style’
à klik ‘Blending
Options…’
Cara cepat: Klik kanan layer ‘GOLDEN’ (klik 2 kali nama layernya,
bukan thumbnail-nya) à klik ‘Blending
Options…’
1. Klik
‘Drop Shadow’,
pastikan ‘Drop Shadow’ telah dicheck.
Ubah setting ‘Drop Shadow’ menjadi seperti di bawah ini:
Gambar 8 Setting yang diubah dari default: Opacity 100%, Distance 3px, Spread 0%, Size 1px
Efek ‘Drop
Shadow’ memang belum terlihat di sini.
2. Klik
dan check ‘Bevel and Emboss’. Ubah setting
menjadi seperti di bawah ini:
Gambar 9 Setting yang diubah dari default: ‘Structure’: ‘Technique’ ‘Chisel Hard’; ‘Depth’ 225%; ‘Size’ 0px, ‘Shading’: ‘Anti-aliased’ check; ‘Glass Contour’ ‘Ring’; ‘Highlight Mode’ ‘Opacity’ 100%; ‘Shadow Mode’ ‘Opacity’ 65%
Opacity pada Shadow Mode dapat Anda ubah sesuai keinginan Anda. Besar Opacity tidak perlu terlalu tepat. ‘Ring’ pada ‘Glass Contour’ membuat efek metal pada tulisan.
Jika mengikuti step by step dari saya, tulisan ‘GOLDEN’ Anda akan menjadi seperti ini:
3. Klik
dan check ‘Contour’.
Ubah ‘Range’
menjadi 50%.
4. Klik
dan check ‘Satin’.
Ubah ‘Opacity’
menjadi 20%
5. Klik
dan check ‘Colour
Overlay’. Klik dua kali warna di samping ‘Blend Mode’. Ubah menjadi #c08d04
atau sesuai dengan warna yang Anda.inginkan. Step ini tidak perlu dilakukan
jika warna awal text Anda sudah sesuai keinginan Anda.
Gambar 11 Efek Gold
Step-4 Merge efek dengan layer
So
Inggris yaa, maksudnya di sini menyatukan layer dan efeknya. Karena jika tidak
disatukan, kita akan sulit untuk menambah efek pada typografi. Terutama jika
efek baru yang ingin kita gunakan sama dengan efek yang telah kita aplikasikan.
Selain itu efek pada typografi pun akan berubah dan terganggu.
1.
Pertama, hal yang
harus kita lakukan adalah membuat layer ‘Background’ menjadi invisible (tidak
terlihat).
Cara: Klik icon mata di sebelah thumbnail
layer. Icon mata akan hilang dan background pun akan menjadi transparan
(kotak-kotak putih abu = transparan atau nihil/tidak ada apa-apa)
Gambar 12 Layer 'Background' invisible
2.
Seleksi seluruh gambar.
Cara: Klik ‘Select’ menu à klik ‘All’.
Maka akan muncul garis putus-putus yang bergerak mengelilingi kanvas, artinya
seluruh gambar terseleksi.
Shortcut: Ctrl+A
Untuk
menghilangkan seleksi, klik Selectà
Deselect (Ctrl+D).
3.
Klik ‘Edit’ menu à
klik ‘Copy Merged’.
Shortcut: Shift+Ctrl+C
4.
Klik ‘Edit’ menu à
klik ‘Paste’
Shortcut: Ctrl+V
5.
Letakan ‘Layer 1’ di tengah kanvas.
6.
Buat layer ‘Invisible’ dan layer ‘Background’ visible.
7.
Selamat! Typografi emas Anda selesai dibuat. J
Membuat Typografi Pecah
Step-5 Membagi 3 Typografi
1. Ketik
P à
klik ‘Pen
Tool ’. Pastikan layer yang aktif adalah ‘Layer 1’. Buat garis
membentuk segitiga ‘Layer 1’ seperti gambar 12 dengan cara menklik-klik layer.
Untuk menghapus paths klik ‘Paths’ panel di kanan layar (gambar 12), jika tidak
ada, buka ‘Paths’ panel pada ‘Window’ menu. Klik kanan paths dan ‘Delete Path’.
2. Klik
kanan bagian dalam segitiga à
‘Make
Selection…’ à
tanpa membuat perubahan apa-apa, klik ‘OK’
Cara lain: Ketik L à klik ‘Polygonal
Lasso Tool’ à
3. Cut
(Ctrl+X)
à Paste
(Ctrl+V)
à Kembalikan layer baru
itu ke tempat semula.
Cara lain: Paste dengan Paste In Place (EditàPasteàPaste
In Place
(Shift+Ctrl+v)). Kemudian pindahkan
layer ke atas dengan up button pada keyboard.
4.
Lakukan poin 1 sampai 3 untuk membuat typografi
menjadi seperti ini:
Gambar 14 Text terbagi 3
Step-6 Membuat typografi semakin berantakan
1. Ketik
L à klik ‘Lasso Tool’.
Seleksi pecahan-pecahan huruf dari layer aktif.
Gambar 15 Seleksi Pecahan
Tidak masalah
jika seleksi Anda terkena pecahan bawah, karena pecahan bawah berada pada layer
yang berbeda.
3. Deselect.
Atau, Anda juga bisa mengubah nama (Rename) layer Anda untuk
membedakan atas bawah dan tengah. Caranya, klik kanan layer à ‘Layer
Properties…’ à ganti ‘Name’, atau dengan klik dua kali nama layer pada panel ‘Layers’.
4.
Lakukan poin 1 sampai 3 hingga kira-kira menjadi
seperti ini:
Gambar 17 Break apart text
5. Selamat!
Anda telah membuat typografi yang Anda buat sendiri berantakan!
Membuat Efek Glow
Step-7 Membuat efek ledakan
1. Buat
layer baru. Klik
pada panel ‘Layers’
2. Beri
nama ‘Glowing Back’
Gambar 18 Seleksi kasar dengan Lasso
Tool
4. Klik
‘Select’
menu à ‘Modify’
à Klik ‘Feather...’
5. Klik
‘Filter’
menu à ‘Render’
à klik ‘Clouds’
Jangan lupa memindahkan layer ‘Glowing Back’ di bawah text.
Caranya cukup dengan menarik layer ‘Glowing Back’.
6. Deselect (Ctrl+D)
7.
Dengan ‘Rectangular Marque Tool’ buat seleksi yang
cukup besar.
Cara tambahan: Untuk membuat efek ledakan atau starburst, setelah
melakukan poin 7, klik ‘Filter’ menu à ‘Sharpen’ à klik ‘Unsharp Mask…’ à atur Amoutn 500%, Radius 5.7 pixels atau bisa Anda
sesuaikan sendiri, dan Threshold 0 level. Kemudian lanjutkan ke poin 8.
8. Klik
‘Filter’
menu à ‘Blur’
à klik ‘Radial Blur…’
à atur ‘Amount’
100, ‘Blur
Method’ Zoom, ‘Quality’ Good.
9. Deselect (Ctrl+D)
Step-8 Membuat efek glowing pada text
1. Seleksi
seluruh text.
2. Copy Merged
3. Buat
layer ‘Atas’, ‘Bawah’, dan ‘Tengah’ invisible.
4. Buat
layer baru di atas layer ‘Glowing Back’.
5. Klik
‘Edit’
menu à ‘Fill…’
à ‘Use’: Colour… à Check ‘Only Web Colors’
à pilih warna abu atau
putih à
klik ‘OK’
6. Deselect
7. Dengan
‘Rectangular
Marque Tool’ buat seleksi yang cukup besar sehingga seluruh gambar
terseleksi.
8. Blur
layer baru dengan klik ‘Filter’ à
klik ‘Radial
Blur’ di paling atas (artinya kita menggunakan setingan radial blur
sebelumnya). Namun jika gambar Anda banyak yang terpotong pada bagian kanan dan
kirinya, Anda harus menurunkan besar ‘Amount’ pada radial blur. Anda juga bisa mengatasinya
dengan memperbesar seleksi Anda pada gambar.
9. Haluskan
gambar dengan menghapus sedikit tepinya dengan ‘Erase Tool’ (E).
10. ,Satukan
layer ‘Layer
1’ dan layer ‘Glowing Back’.
Cara: Klik layer ‘Layer 1’ kemudian
klik ‘Layer’
à klik ‘Merge Down’
sehingga ‘Layer 1’ bersatu dengan layer ‘Glowing Back’.
Atau Anda dapat cukup membuat layer ‘Layer 1’ dan layer
‘Glowing Back’ aktif. Caranya, klik layer ‘Layer 1’ dan tekan Ctrl + klik layer
‘Glowing Back’.
11. Warnai
layer ‘Glowing Back’.
Cara: Tekan Alt+ klik
(sambil terus menekan Alt) pilih ‘Hue/Saturation…’. Set ‘Lightness’
cukup rendah sehingga warna aslinya tidak terlihat, dan set ‘Hue’
dan ‘Saturation’
sesuai keinginan Anda. Yang saya gunakan Hue 53, Saturation 46, dan Lightness
-48.
12.
Klik ‘Layer’
menu à ‘Layer Style’ à ‘Gradient Overlay…’. Set ‘Blend Mode’ Ovelay, ‘Opacity’
65%, dan ‘Scale’
125%.
Finishing
Step-9 Membuat garis pinggir pada typografi
1. Seleksi
layer ‘Atas’, ‘Bawah’, dan ‘Tengah’ (cara ada pada step-8 poin-1).
2. Buat
layer baru di bawah typografi.
3. Fill
layer tersebut dengan warna hitam (Use: Black).
4.
Klik ‘Layer’
menu à ‘Layer Style’ à ‘Stroke…’. Set ‘Size’ atau ketebalan garis
sesuai keinginan Anda
Position set Outside, karena jika Inside tidak akan
terlihat (garis berada di dalam tulisan).
Step-10 Membuat subtitle
1. Klik
‘Text Tool’
(T).
2. Ketik
subtitle yang Anda inginkan dengan huruf kapital.
3. Set
tracking
atau jarak antar huruf 100.
4. Buat
stroke pada subtitle.
6. Jika
perlu cek kesalahan penulisan bahasa Inggris Anda dengan klik ‘Edit’
à ‘Check Spelling’
7. Selesai!
kaya gimana buat blog???
ReplyDeleteBaru baca
DeleteBikin blog yah tinggal bikin biography log. Haha. Sorry baru jawab.
Delete