[Part 1] Tutorial LENGKAP Membuat Tulisan & Logo COC pada Photoshop

Halo sobat Topikramdani..

Kalian tahu-kan permainan Clash of Clans? Yah karena kalian mampir ke postingan ini, kalian sudah pasti tahu-lah ya dengan permainan Real Time Strategy tersebut ya kan? hehehe

Iya enggak sih?

Iya aja lah ya?

Biasanya nih.. Kalian pemain Clash of Clans itu suka bikin Grup Klan di MedSos yang katanya biar lebih kompak dan juga buat silaturahmi, baik di Facebook, BBM, di Whatsapp, dan lain-lain ya kan?? hahaha

Iya enggak sih?

Iya aja lah ya? :D hehehe

Nah, kali ini Topikramdani akan mengajak sobat semua belajar bagaimana cara membuat custom logo klan Clash Of Clans pada Photoshop. BETEWE, saya berusaha menuliskan tutorial ini SE-DETAIL mungkin agar mudah dipahami jadi tutorialnya saya sudah membaginya menjadi 3 postingan agar tidak terlalu panjang.

Jadi, tutorial ini terdiri dari 3 tahap yaitu :

* [Part 1] Membuat Logo Teks,

* [Part 2] Membuat Logo Grafik, dan

* [Part 3] Menggabungkan Logo Teks dengan Logo Grafik.

Pada tutorial ini kita akan fokus belajar bagaimana caranya membuat Logo Teks yaitu membentuk nama klan COC kalian seperti tulisan di Logo Clash of Clans.

Well, lets get started!

Tutorial LENGKAP Membuat Custom Logo COC pada Photoshop [Part 1]

Langkah 1 - Download Resource

Pertama-tama kalian perlu mengunduh bahan yang akan kita gunakan dalam tutorial ini, adapun bahannya yaitu hanya sebuah Font saja :) Download : Supercell_Magic_Webfont.ttf dari Clash Of Clans Land.

Langkah 2 - Install Font Clash of Clans

Buka file "ClashOfClansFont.zip" yang tadi sudah kalian download, tidak perlu di-extract, cukup Double-Klik "ClashOfClansFont.zip", kemudian di dalamnya Double-Klik "Supercell-magic-webfont.ttf". Lalu Klik Install.

Langkah 3 - Membuat Dokumen Baru

Pada Photoshop, klik menu File > New maka akan muncul dialog New. Atur ukurannya seperti gambar di bawah ini:

Cara Membuat dan Menyimpan Dokumen Baru pada Photoshop

Langkah 4 - Membuat Tulisan

Aktifkan Type Tool dengan cara klik ikon Type Tool pada Tool Box, atau tekan huruf T pada keyboard.

Sekarang buat area untuk mengetik dengan cara melakukan Klik & Drag pada kanvas sampai ada garis putus-putus seperti di bawah ini. Sesuaikan lebar area dengan lebar dokumen.

Klik di dalam area tersebut, lalu ketikan nama klan COC kalian. Disini saya akan menulis Topikramdani.com, tapi .com-nya nanti dipisah di baris baru. Jangan khawatir jika tulisan kalian tidak pas dengan lebar area Type Tool, kita akan mengaturnya nanti.

Sekarang kita ganti hurufnya dengan huruf Clash of Clans! Coba perhatikan huruf yang sedang aktif, huruf yang sedang saya gunakan ini bernama Calibri, huruf yang aktif di Photoshop kalian mungkin berbeda.

Untuk mengganti huruf menjadi huruf COC kalian tinggal Blok tulisan kalian dengan menekan CTRL+A pada keyboard, atau Double-Click thumbnail layer teks pada Layer Pallete.

Setelah itu, Klik panah di samping nama font yang sedang aktif! Kemudian pilih Supercell-Magic. Diketik di kolomnya juga bisa sih :D

Sekarang kita Atur tulisan kalian agar pas dengan lebar area, jika ukuran tulisan kalian terlalu kecil ataupun terlalu besar, kalian tinggal Blok tulisan kalian (CTRL+A) lalu ubah ukurannya pada tab Properties. Perhatikan gambar dibawah :

Atur tulisan kalian sampai memenuhi area Type Tool seperti di bawah ini.

Langkah 5 - Mengedit Tulisan

Klik Kanan layer tulisan kalian, lalu pilih Blending Options..

Pada dialog tersebut pilih opsi Color Overlay > atur Blend Mode-nya menjadi Normal & Opacity-nya menjadi 100%.

Klik kolom warna (disamping kolom Blend Mode) dan masukan nilai #F3A552 pada kolom HEX (yang ditandai #) pada dialog Color Picker. Klik OK.

Sekarang kalian pilih opsi Bevel & Emboss kemudian atur sebagai berikut :

> pada kolom Style > pilih Inner Bevel

> pada kolom Technique > pilih Chisel Hard

> atur Depth sekitar 100%

> pada opsi Distortion > pilih Up

> atur Size sampai seluruh permukaan huruf menjadi lancip (disini saya pakai 100px)

> atur Angel: 176 derajat & Altitude: 10 derajat

> pada kolom Highlight Mode > ganti menjadi Color Dodge, ganti juga warnanya menjadi #FFFFCC, dan Opacity-nya naikan menjadi 100%

> pada kolom Shadow Mode > ganti menjadi Darken, ganti juga warnanya menjadi #5B3100, dan atur Opacity-nya menjadi 55%

Sekarang pilih opsi Contour (dibawah opsi Bevel & Emboss). Atur range-nya menjadi 55% atau sesuai keinginan juga boleh :)

Kemudian kita pilih opsi Satin. Ganti warnanya menjadi #BEBE45, ganti Blend Mode-nya menjadi Lighten, dan atur Opacity-nya menjadi 100%.

Terakhir kita pilih opsi Stroke (atau Garis pinggir). Ganti warna-nya menjadi Hitam (#000000), kemudian atur seperti ini:

Size: 4 px (atau sesuai kebutuhan)

Position: Outside

Blend Mode: Normal

Opacity: 100%

Sekarang saatnya membuat .COM-nya :D

Nah disini ada tips sederhana untuk membuat tulisan selanjutnya tanpa harus mengulang langkah-langkah tadi dari awal, yaitu.. dengan menduplikasi layer yang sudah jadi.

Jadi pada layer tulisan TOPIKRAMDANI tadi, kita Klik-Kanan > Duplicate Layer... atau tekan CTRL+J pada keyboard.

Maka akan muncul layer duplikat di atas layer TOPIKRAMDANI, yaitu TOPIKRAMDANI copy.

Nah, sekarang kita hanya perlu mengganti tulisan TOPIKRAMDANI pada layer TOPIKRAMDANI copy menjadi .COM.

Jadi... kita Double-Klik thumbnail layer TOPIKRAMDANI copy, Kemudian kita ketikkan .COM. Jangan kaget kalau tulisannya bertumpuk seperti ini ya :)

Kalian hanya perlu menggeser layernya menggunakan Move Tool (tekan huruf V pada keyboard) atau menggunakan Free Transform Tool (tekan CTRL+T pada keyboard). Drag/Geser tulisan kedua tersebut ke bawah sehingga tulisan kita menjadi 2 baris seperti ini (untuk posisinya bebas saja terserah kalian).

Selesai :) Sekarang sebelum kita Save file ini, terlebih dahulu kita Crop / Potong kanvas agar ukurannya pas dengan ukuran tulisan. Jadi silahkan aktifkan Crop Tool dengan cara Klik ikon Crop Tool pada Tool Box, atau dengan menekan huruf C pada keyboard.

Geser batas bawah ke atas (tergantung posisi tulisan), sehingga ukurannya menjadi pas dengan ukuran tulisan.

Jika sudah, Klik kanan lalu pilih opsi Crop. Atau tekan Enter pada keyboard.

Silahkan kalian Save terlebih dahulu dokumen ASLI kalian sebagai file PSD dengan menekan CTRL+S pada keyboard. Pilih folder tujuan, lalu Klik Save.Sangat penting untuk menyimpan file PSD kalian sebagai cadangan untuk keperluan yang akan datang.

Sekarang kita save file ini sebagai gambar PNG, tapi sebelumnya kita sembunyikan dulu layer Background dengan cara klik ikon mata disamping layer Background. Nah sekarang gambar kita mempunyai latar belakang yang transparan.

Silahkan kalian tekan Shift+CTRL+S untuk membuka perintah Save As. Kemudian pada dialog Save As kalian klik kolom Save As Type untuk memilih jenis file yang akan disimpan, dalam hal ini kita pilih yang PNG (*.PNG;*.PNS). Klik Save.

Jika ada dialog seperti ini, kalian pilih saja opsi None > Klik OK.

Sobat Topikramdani, demikian tutorial tentang Cara Membuat Tulisan & Logo Clash Of Clans pada Photoshop.
Jika ada langkah-langkah diatas yang tidak dimengerti silahkan tanyakan di kolom komentar..

Jika ada Kritik & Saran atau sobat mau Request tutorial Photoshop,
silahkan hubungi Topikramdani melalui laman Contact.

Well, see you later in my next Photoshop tutorial. Dan terimakasih atas kunjungannya. :)

Semoga bermanfaat..

"This content is not affiliated with, endorsed, sponsored, or specifically approved by Supercell and Supercell is not responsible for it. For more information see Supercell's Fan Content Policy: www.supercell.com/fan-content-policy."

( Lanjut ke Tutorial Part #2 )

Share this article please, on :

Share on fb Tweet Share on G+