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

Topikramdani.com - Tutorial DETAIL Cara Membuat Costum Logo & Efek Tulisan 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).

Topikramdani.com - Cara Memasukan Foto Kedalam Lembar Kerja Photoshop


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.

Topikramdani.com - Cara Menggunakan Pen Tool Pada Photoshop

Pastikan kalian aktif pada mode Path.

Topikramdani.com - Cara Menggunakan Pen Tool Pada Photoshop

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

Topikramdani.com - Cara Menggunakan Pen Tool 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.

Topikramdani.com - Cara Menggunakan Pen Tool Pada Photoshop

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.

Topikramdani.com - Cara Menggunakan Pen Tool Pada Photoshop

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

Topikramdani.com - Cara Seleksi Menggunakan Pen Tool pada Photoshop

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

Topikramdani.com - Cara Seleksi Menggunakan Pen Tool pada Photoshop

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

Topikramdani.com - Cara Seleksi Menggunakan Pen Tool Pada Photoshop

Sekarang logo COC sudah terseleksi.

Topikramdani.com - Cara Seleksi Menggunakan Pen Tool Pada Photoshop

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

Topikramdani.com - Cara Membuat Logo & Efek Tulisan Clash of Clans pada Photoshop

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 :

Topikramdani.com - Hue & Saturation pada Photoshop

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.

Topikramdani.com - Menggunakan Multiply Blending Mode pada Photoshop

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.

Topikramdani.com - Menggunakan Overlay Blending Mode pada Photoshop

Sampai tahap ini, seperti inilah hasilnya :

Topikramdani.com - Cara Membuat Logo dan Efek Tulisan Clash of Clans di Photoshop

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.

Topikramdani.com - Cara edit efek Clash of Clans di Photoshop

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

Topikramdani.com - Cara edit Efek Clash of Clans di Photoshop

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

Topikramdani.com - Cara Seleksi Menggunakan Color Range pada Photoshop

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.

Topikramdani.com - Cara Seleksi Menggunakan Color Range pada Photoshop

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

Topikramdani.com - Cara Seleksi Menggunakan Color Range di Photoshop

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

Topikramdani.com - Menggunakan Solid Color di Photoshop

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.

Topikramdani.com - Menggunakan Soild Color di Photoshop

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

Topikramdani.com - Membuat Grup Layer pada Photoshop

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

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

Topikramdani.com -

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

Topikramdani.com - Mengatur Opacity Gambar di Photoshop

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 :

Topikramdani.com - Menggunakan Free Transform Tool di Photoshop

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

Topikramdani.com - Menggunakan Overlay Blending Mode di Photoshop

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 :

Topikramdani.com - Cara Load Seleksi Layer Menggunakan CTRL KLIK di Photoshop

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

Topikramdani.com - Menggunakan Layer Mask di Photoshop

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

Topikramdani.com - Menggunakan Multiply Blending Mode di Photoshop

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

Topikramdani.com - Menggunakan Brightness & Contrast di Photoshop

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.

Topikramdani.com - Mengatur Kecerahan dan Kontras di Photoshop

Hasilnya kira-kira seperti ini :

Topikramdani.com - Cara Membuat Logo & Efek tulisan Clash of Clans di Photoshop

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!

Topikramdani.com - Cara Menyimpan Dokumen Photoshop

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

Topikramdani.com - Cara Simpan Gambar PNG Transparan di Photoshop

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

Topikramdani.com - Cara Simpan Gambar PNG Transparan di Photoshop

Jika ada pilihan seperti ini pilih saja yang None.

Topikramdani.com - Cara Simpan Gambar PNG transparan di Photoshop

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

Topikramdani.com - Cara Membuat Logo dan Efek Tulisan Clash of Clans di Photoshop

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 )

22.34 - 4 komentar

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


Lihat Komentar Tutup Semua Komentar
.

wah mantap nich kebetulan saya gak bisa photoshop, blh nich belajar sini..

Balas Hapus
.

Iya gan silahkan mudah-mudahan tutorial disini bisa membantu :)

Balas Hapus
.

Tks udh berkunjung ke blog ak...

Balas Hapus