[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]

Topikramdani.com - Hasil Akhir cara Membuat Costum Logo COC pada Photoshop
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.

Topikramdani.com - Cara Install Font di Komputer

Langkah 3 - Membuat Dokumen Baru

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

Topikramdani.com - Cara Membuat Dokumen Baru Pada Photoshop

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.

Topikramdani.com -

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.

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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.

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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.

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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 :

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop
Langkah 5 - Mengedit Tulisan

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

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo Clash Of Clans pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo Clash Of Clans pada Photoshop

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)

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop


> 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%

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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%

Topikramdani.com - Cara Membuat Costum Logo COC pada Photoshop

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.

Topikramdani.com - Cara Duplikasi Layer Tulisan pada Photoshop

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

Topikramdani.com - Duplikat Layer pada Photoshop

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 :)

Topikramdani.com - Cara membuat tulisan di Photoshop

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).

Topikramdani.com - Cara membuat Logo Clash of Clans pada Photoshop

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.

Topikramdani.com - Cara mengaktifkan Crop Tool pada Photoshop

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

Topikramdani.com - Cara menggunakan Crop Tool pada Photoshop

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

Topikramdani.com - Cara menggunakan Crop Tool pada Photoshop

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.

Topikramdani.com - Cara Save dokumen Photoshop

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

Topikramdani.com - Cara Save PNG pada Photoshop

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 )

05.40 - 4 komentar

4 komentar untuk [Part 1] Tutorial LENGKAP Membuat Tulisan & Logo COC pada Photoshop.


Lihat Komentar Tutup Semua Komentar
.

Nice turor gan, ditunggu yang lainnya..

Balas Hapus
.

siap gan :) terima kasih sudah berkunjung..

Balas Hapus
.

Terima kasih tutornya gan sangat membantu salam kenal :v

Balas Hapus
.

Sama-sama.. Salam kenal juga :) Terima kasih sudah berkunjung..

Balas Hapus