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

Halo sobat Topikramdani, ini adalah tutorial lanjutan dari tutorial [Part 1] kemarin.

Seperti yang saya sebutkan pada tutorial sebelumnya, pada tutorial [Part 2] ini kita akan belajar membuat Costum Logo Grafik Clash Of Clans, yaitu mengganti gambar tameng yang ada pada Logo COC menjadi gambar klan COC kalian.

Well, Lets get started!

Bagi yang belum mengikuti Part sebelumnya,
silahkan dibaca dulu [Tutorial Part 1]-nya disini.

Tutorial LENGKAP Membuat Tulisan & Logo Clash Of Clans pada Photoshop [Part 2]

Langkah 1 - Download Dulu Resource-nya :D

Seperti biasa, pertama-tama kalian perlu mengunduh bahan-bahan yang akan kita gunakan dalam tutorial ini. Silahkan Download Logo Clash of Clans dari Dota Geeks dan Clash of Clans Fankit dari Supercell Community Forums.

Langkah 2 - Masukan Logo Clash of Clans yang sudah di Download

Masukan gambar clash-of-clans-logo-3.jpg (yang tadi kalian unduh) ke dalam dokumen. Caranya kalian bisa dengan simpel men-Drag gambar dari foldenyar ke dalam lembar kerja Photoshop, atau dengan menggunakan perintah Klik menu File > Open (CTRL+O).

Cara Memasukan Foto kedalam Lembar Kerja Photoshop

Langkah 3 - Seleksi logo menggunakan Pen Tool :D

Hehehe... Saya tahu mungkin beberapa sobat Topikramdani masih ada yang suka malas jika harus menggunakan Pen Tool. Memang tidak mudah untuk menggunakan Pen Tool terutama jika sobat baru pertama kali menggunakannya.

Apalagi jika sobat selalu maunya yang cepet-selesai aja. :(

Pengalaman pribadi juga sih ini, ehm. Tapi ternyata menggunakan Pen Tool tidak susah-susah amat kok, yang sobat butuhkan itu cuma ketekunan aja, kalau bahasa Jermannya... Leukeun.

Jika kalian tidak mau menggunakan Pen Tool, kalian bebas juga menggunakan Tool seleksi yang lain, walaupun hasilnya pasti berbeda juga jika dibandingkan dengan menggunakan Pen Tool. Jadi.. lebih baik sobat ikuti aja menggunakan Pen Tool sesuai tutorial ini :D

Oke.. Pertama silahkan kalian aktifkan Pen Tool dengan cara Klik ikon Pen Tool pada Tool Box, atau tekan hurup P pada keyboard.

Pastikan kalian aktif pada mode Path.

Sekarang kita mulai proses seleksi-nya (walaupun sebenarnya yang akan kita lakukan ini disebut Tracing, yaitu proses membentuk garis mengikuti bentuk gambar). Kita akan mengganti Lambang Klan-nya, jadi yang akan kita seleksi adalah bagian dalam Tameng.

Untuk memulainya mari kita awali dengan melakukan beberapa Klik seperti di bawah ini :

Agar lebih memudahkan proses tracing menggunakan Pen tool, kalian bisa memperbesar tampilan gambar menggunakan Zoom Tool, atau baca ini : Cara Aktifkan Zoom Memakai Scroll pada Photoshop

Pada gambar di atas kita hanya membuat garis lurus mengikuti bentuk permukaan gambar yang memang lurus juga. Nah bagaimana kalau ada garis melengkung?

Sederhana saja, kita tinggal Klik pada titik selanjutnya, TAHAN jangan dulu dilepas Klik kalian, lalu Drag (geser) pelan-pelan mouse kalian sambil perhatikan garis yang terbentuk menjadi bengkok/melengkung.

Sebelum melanjutkan ke titik berikutnya setelah membuat garis melengkung, kalian harus menghilangkan garis tarik (atau apalah namanya :D) yang kalian geser tadi. Caranya tahan tombol ALT lalu Klik pada titik (ketiga) tadi.

Jadi jika ada yang melengkung caranya seperti itu. OKEH, sekarang lanjutkan sampai kalian kembali ke Titik Pertama.

Jika sudah selesai, silahkan kalian Klik-Kanan pada gambar, lalu pilih opsi Make Selection...

Isi kolom Father Radius-nya dengan 0 pixels, Klik OK.

Sekarang logo COC sudah terseleksi.

Tekan CTRL+J pada keyboard untuk menyalin area yang diseleksi ke dalam layer baru. Jadi jika layer bawahnya disembunyikan, seperti inilah kira-kira penampakan hasil seleksi kita :)

Langkah 4 - Mengganti Lambang Klan (Persiapan)

Pertama-tama kita akan Memutihkan warna pada gambar hasil seleksi tersebut menggunakan perintah Hue/Saturation... Jadi silahkan kalian Klik menu Image > Adjustment > Hue/Saturation... atau tekan CTRL+U pada keyboard. Atur nilainya seperti ini :

Setelah itu kita duplikasi gambar hasil seleksi tersebut dengan menekan CTRL+J pada keyboard, lalu ganti Blending Mode-nya menjadi Multiply. Maksudnya untuk memperjelas tekstur kayu dari gambar di bawahnya.

Kemudian kita duplikasi lagi dengan menekan CTRL+J pada keyboard, lalu ganti Blending Mode-nya menjadi Overlay. Ini juga untuk memperjelas tekstur kayu dari gambar dibawahnya.

Sampai tahap ini, seperti inilah hasilnya :

Langkah 5 - Mengganti Lambang Klan (Memasukan Grafik Logo COC Sesuai Logo Klan Kita)

Silahkan Ekstrak file ClashOfClans_FanKit_102013_2.ZIP yang sudah sobat download, kemudian buka foldernya dan cari folder yang bernama Clan Shield Graphics. Disitu berisi semua grafik/gambar lambang klan yang ada di Clash of Clans.

Silahkan pilih salah satu sesuai dengan lambang klan sobat, kemudian Masukan kedalam Photoshop sebagai Dokumen Baru.

Nah, dikarenakan warnanya tidak sesuai keinginan Topikramdani, dan warna yang tersedia juga terbatas, maka sekarang kita akan ubah warnanya agar sesuai dengan warna keinginan kita (atau sesuai dengan warna lambang Clash Of Clans kalian).

Jadi, pertama-tama kita seleksi dulu bagian yang ingin di ganti warnanya. Disini kita akan memanfaatkan fitur Color Range. Silahkan sobat Klik menu Select > Color Range...

Kemudian setelah dialog Color Range terbuka, Klik gambar pada bagian yang ingin diganti warnanya (sesuaikan dengan logo klan sobat), disini saya Klik pada warna hijaunya. Atur Fuzziness pada dialog Color Range menjadi 200.

Klik OK maka gambar logo tersebut (pada warna hijau-nya) telah terseleksi.

Sekarang Klik ikon Create new fill or adjustment layer yang ada dibawah panel layer, lalu pilih Solid Color...

Pada dialog Color Picker silahkan sobat pilih warna sesuai warna logo clan sobat. Disini saya mengganti warna hijau menjadi warna Ungu Tua (#280046). Jika sudah Klik OK.

Masukan layer Gambar dan layer Color Fill tersebut kedalam Grup. Ganti nama grup tersebut menjadi GRAFIK.

Langkah 6 - Mengganti Lambang Klan (Mengganti Gambar Logo COC dengan Logo Klan Kita)

Pertama-tama kalian Drag grup GRAFIK kedalam dokumen Logo COC kalian.

Setelah terbuka, kita perlu mengurangi Opacity dari grup GRAFIK tersebut agar kita bisa melihat gambar yang ada di bawahnya. Kurangi Opacity-nya kira-kira menjadi 50%.

Sekarang atur posisi dan ukurannya agar pas dengan gambar logo di bawahnya. Gunakan Free Transform (klik menu Edit > Free Transform, atau tekan CTRL+T pada keyboard).

Sesuaikan kira-kira seperti ini :

Jika sudah, biarkan Opacity-nya tetap 40%, ubah Blend Mode-nya menjadi Overlay.

Load seleksi dari layer hasil seleksi (lambang logo COC) tadi dengan cara CTRL+Klik pada thumbnail layer-nya. Maka akan muncul garis seleksi seuai bentuk lambang logo COC tersebut. Lihat gambar :

Kemudian kalian Klik ikon Add layer mask yang ada dibawah panel layer, maka bentuk gambar GRAFIK akan terpotong sesuai dengan bentuk seleksi tadi :

Sekarang duplikasi grup GRAFIK dengan menekan CTRL+J pada keyboard, atur Opacity-nya menjadi 70%, lalu ubah Blend Mode-nya menjadi Multiply.

Tambahkan sedikit terang menggunakan Brightness & Contrast, silahkan kalian Klik ikon Create new fill or adjustment layer yang ada dibawah panel layer, lalu pilih Brightness/Contrast...

Atur Brightness-nya menjadi 100, atur juga Contrast-nya menjadi -40. Jangan lupa klik ikon Clip to Layer agar efek dari Brightness & Contrast ini hanya mempengaruhi layer yang tepat di bawahnya saja.

Hasilnya kira-kira seperti ini :

Langkah 7 - Menyimpan Logo

Pada langkah ini kita akan menyimpan logo dalam 2 jenis file seperti pada tutorial [part 1] sebelumnya, yaitu file Photoshop (.PSD) dan file PNG.

Pertama kita simpan file dalam format PSD, klik menu File > Save.. atau tekan CTRL+S pada keyboard. Pada dialog Save As, tekan tombol Save!

Sekarang kita simpan file dalam format PNG, klik menu File > Save As.. atau tekan Shift+CTRL+S pada keyboard.

Pada dialog Save As, pada kolom Save as type, pilih PNG (*.PNG,*,PNS) kemudian tekan tombol Save!

Jika ada pilihan seperti ini pilih saja yang None.

Okeh.. kira-kira seperti inilah hasil akhir dari Tutorial Photoshop, Cara Membuat Tulisan & Logo COC pada Photoshop Part 2 :)

Sobat Topikramdani, demikian tutorial tentang Cara Membuat Tulisan & Logo COC pada Photoshop Part 2.
Jika ada langkah-langkah diatas yang tidak dimengerti silahkan tanyakan di kolom komentar ya..

jika ada kritik & saran ataupun mau request tutorial Photoshop silahkan hubungi Topikramdani melalui halaman 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."

( Baca Juga Tutorial Part #1 / Lanjutkan ke Tutorial Part #3 )

Share this article please, on :

Share on fb Tweet Share on G+