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

Halo sobat Topikramdani, ini adalah tutorial lanjutan dari Tutorial Cara Membuat Tulisan dan Logo Clash Of Clans [Part 1] & [Part 2] kemarin.

Seperti yang saya sebutkan pada tutorial Cara Membuat Tulisan dan Logo Clash Of Clans PART 1 sebelumnya, pada tutorial Cara Membuat Tulisan dan Logo Clash Of Clans PART 3 ini kita akan Menggabungkan Logo Teks Clash Of Clans yang sudah kita custom, dengan Logo Grafik Clash Of Clans yang juga sudah kita costum pada tutorial part sebelumnya.

Well, Lets get started

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

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

Topikramdani.com - Tutorial DETAIL Cara Membuat Costum Logo & Efek Tulisan Clash Of Clans pada Photoshop [Part 3]

Langkah 1 - Membuat Dokumen Baru

Klik menu File > New atau tekan CTRL+N pada keyboard.

Topikramdani.com - Cara Membuat Dokumen Baru pada Photoshop

Atur ukuran dokumen sesuai kebutuhan. Disini Topikramdani akan membuat ukuran untuk foto sampul grup Facebook, yaitu 820 piksel x 250 piksel.

Topikramdani.com - Cara Mengatur Ukuran Dokumen pada Photoshop

Langkah 2 - Masukan Logo Grafik

Buka logo grafik COC yang sudah kita buat pada tutorial Part 2 kemarin lalu masukan kedalam dokumen dengan cara Drag & Drop atau menggunakan perintah menu File > Place.

Topikramdani.com - Cara Menggunakan Perintah Place pada Photoshop

Atur Posisinya seperti ini (atau sesuai keinginan kalian):

Topikramdani.com - Cara Menggunakan Perintah Place pada Photoshop

Langkah 3 - Masukan Logo Teks

Buka logo tulisan COC yang sudah kita buat pada tutorial Part 1 kemarin lalu masukan kedalam dokumen dengan cara Drag & Drop atau menggunakan perintah menu File > Place. Atur posisinya seperti ini (atau sesuai keinginan kalian):

Topikramdani.com - Cara Menggunakan Perintah Place pada Photoshop

Langkah 4 - Menambahkan Tulisan Clash Of Clans (OPSIONAL)

Langkah ini boleh diikuti ataupun tidak terserah sobat, jika sobat mau mengikuti silahkan aktifkan Type Tool dengan menekan huruf T pada keyboard. Silahkan sobat buat area untuk mengetik, lalu ketikkan Clash Of Clans, kemudian Block tulisan tersebut lalu ganti hurufnya menjadi huruf Supercell-Magic.

Topikramdani.com - Cara Membuat Tulisan di Photoshop

Tutorial Cara Membuat Tulisan pada Photoshop
Sekarang Klik-Kanan layer tulisan tersebut lalu pilih Blending Options...

Topikramdani.com - Cara Menggunakan Blending Options di Photoshop

Klik opsi Stroke, lalu atur Size-nya menjadi 2px, Position: Outside, Blend Mode: Normal, Opacity: 100%. Ganti warnanya menjadi Hitam.

Topikramdani.com - Cara Menggunakan Blending Options di Photoshop

Kemudian Klik opsi Color Overlay untuk menimpa warna huruf. Ganti warnanya menjadi Putih dan atur Opacity-nya menjadi 100%, biarkan Blend Mode-nya Normal.

Topikramdani.com - Cara Menggunakan Blending Options di Photoshop

Klik OK, maka tulisan Clash Of Clans sekarang menjadi Putih dengan garis pinggir Hitam seperti ini :

Topikramdani.com - Cara Membuat Efek Tulisan di Photoshop

Sekarang kita atur ukuran dan posisi tulisan agar enak dipandang. Silahkan kalian aktikan Free Transform dengan cara tekan CTRL+T pada keyboard. Atur ukuran dan posisi tulisan kira-kira seperti ini :

Topikramdani.com - Cara Menggunakan Free Transform di Photoshop

Langkah 5 - Tambahkan Latar Belakang

Pertama-tama silahkan kalian masukan layer Logo Grafik, layer Logo Teks, dan layer tulisan Clash Of Clans kedalam grup. Ganti nama grupnya menjadi LOGO.

Topikramdani.com - Cara Membuat Grup Layer di Photoshop

Nah, pada langkah ini Topikramdani memasukan wallpaper Clash of Clans sebagai background. Sobat bisa mengunduh wallpaper Clash Of Clans-nya di internet lalu memasukannya kedalam dokumen.

Masukan wallpaper Clash of Clans ke dalam dokumen dengan cara Drag & Drop atau pun menggunakan perintah File > Place (Embedded ataupun Linked )..

Topikramdani.com - Cara Mengatur Objek di Photoshop

Atur ukurannya sehingga menutupi ukuran dokumen.

Topikramdani.com - Cara Mengatur Objek di Photoshop

Kemudian Geser posisi layernya sehingga layer ini berada dibawah grup LOGO.

Topikramdani.com - Cara Mengatur Objek di Photoshop

Atur sedikit kecerahan dan kontrasnya dengan cara Klik menu Image > Adjustment > Brightness/Contrast...

Topikramdani.com - Cara Mengatur Brightness & Contrast di Photoshop

Kurangi Brightness-nya menjadi -40% & Naikan Contrast-nya sebesar 40%.

Topikramdani.com - Cara Mengatur Brightness & Contrast di Photoshop

Sekarang tekan CTRL+J pada keyboard untuk menduplikasi layer.

Topikramdani.com - Cara Duplikasi Foto Photoshop

Kemudian Buramkan sedikit layer duplikat menggunakan Gaussian Blur, caranya Klik menu Filter > Blur > Gaussian Blur...

Topikramdani.com - Cara Menggunakan Gaussian Blur di Photoshop

Isi kolom Radius dengan nilai 4 Piksel. Klik OK, kemudian ganti Blend Mode pada palet layer menjadi Overlay.


Langkah 6 - Masukan Karakter Pendukung

Silahkan sobat buka folder Clash Of Clans Fankit yang sudah sobat download pada tutorial Logo COC Part 2 kemarin. Cari folder Characters, disitu terdapat gambar beberapa karakter Clash Of Clans.

Topikramdani.com - Clash of Clans Fankit

Pilih karakter Clash of Clans yang sobat inginkan kemudian Drag & Drop kedalam dokumen. Atur ukuran dan posisinya supaya enak dilihat.

Topikramdani.com - Cara Memasukan Objek ke Photoshop

Kalian juga bisa menambahkan sedikit efek camera-focus dengan memanfaatkan fitur Gaussian Blur seperti ini :

Topikramdani.com - Cara Membuat Efek Blur di Photoshop

Selain itu kalian bisa juga memanfaatkan fasilitas Auto Color untuk menyesuaikan warna karakter dengan warna yang ada pada dokumen. Caranya kalian klik menu Image > Auto Color, atau tekan Shift + CTRL + B pada keyboard.

Topikramdani.com - Cara Menggunakan Auto Color di Photoshop

Silahkan tambahkan karakter lainnya sesuai keinginan. Sebagai contoh, saya menambahkan Barbarian King dan 2 Barbarian dengan efek Blur yang berbeda-beda, serta menggunakan Auto Color juga :)

Topikramdani.com - Cara Memasukan Objek ke Photoshop

Langkah 7 - Menambahkan Efek Dramatis

Pertama kita masukan dulu layer Wallpaper dan semua layer karakter kedalam grup baru. Ganti nama grup-nya menjadi Latar Belakang.

Topikramdani.com - Cara Membuat Grup Layer di Photoshop

Sekarang kita mulai menambahkan efek dramatisnya :) Klik ikon Create new fill or adjustment layer yang ada dibawah panel layer, lalu pilih opsi Brightness/Contrast... Naikan kontasnya kira-kira sebesar 40%.

Topikramdani.com - Cara Mengatur Brightness & Contrast di Photoshop

Kemudian Klik lagi ikon Create new fill or adjustment layer, lalu pilih opsi Photo Filter... Pada kolom Filter, kita pilih Deep Blue (atau tersera selera kalian), lalu naikan Density-nya menjadi 55%.

Topikramdani.com - Cara Menggunakan Photo Filter di Photoshop

Sekarang kita tambahkan sedikit efek Vignette. Klik lagi ikon Create new fill or adjustment layer, lalu pilih Gradient...

Topikramdani.com - Cara Membuat Efek Vignette di Photoshop

Pada dialog Gradient Fill, pilih jenis gradient Foreground to Transparent.

Sebelumya pastikan Foreground Color kalian berwarna hitam yah sobat :)

Topikramdani.com - Cara Membuat Efek Vignette di Photoshop

Kemudian pada kolom Style pilih Radial, Angle: 90 derajat, lalu klik Reverse. Kemudian atur Scale-nya sampai Gradasi-nya tidak terlalu pekat.

Topikramdani.com - Cara Membuat Efek Vignette di Photoshop

Sampai tahap ini hasilnya kira-kira seperti ini :

Topikramdani.com - Cara Membuat Efek Foto di Photoshop

Langkah 8 - Menambahkan Outline pada Logo

Hampir lupa nih sobat, logo Clash Of Clans yang asli itu mempunyai Outline (atau garis pinggir) putih di sekelilingnya. Jadi sekarang kita akan menambahkan outline tersebut kedalam logo Costum kita.

Silahkan sobat Klik-Kanan grup LOGO, lalu pilih Blending Options...

Topikramdani.com - Cara Menggunakan Blending Options di Photoshop

Klik opsi Stroke, atur seperti dibawah ini :

Topikramdani.com - Cara Menambahkan Garis Pinggir di Photoshop

Ooops, saya mengalami kesalahan nih, sobat. Ada bulatan putih yang mengganggu disamping logo Grafik.

Topikramdani.com - Cara Memperbaiki Kesalahan Edit di Photoshop

Saya akan menghapusnya menggunakan Layer Mask dengan cara klik ikon Add Layer Mask dibawah panel layer, kemudian menyapukan Brush warna Hitam pada bulatan tersebut.

Topikramdani.com - Cara Menggunakan Layer Mask di Photoshop

Selesai :) Seperti inilah hasil akhir dari Tutorial Cara Membuat Tulisan & Logo Clash Of Clans pada Photoshop. Silahkan kalian Save file aslinya terlebih dahulu sebelum kalian Save ke jenis file lain.. ^_^

Topikramdani.com - Hasil Akhir Cara Membuat Tulisan & Logo Clash of Clans di Photoshop

Sobat Topikramdani, demikian tutorial tentang Cara Membuat Tulisan & Logo Klan Clash Of Clans pada Photoshop.
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 & Tutorial Part #1 )

04.53 - 4 komentar

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


Lihat Komentar Tutup Semua Komentar
.

Menurut saya, lengkap sekali tutorialnya. Idenya gak kepikiran juga. Sukses selalu.

Balas Hapus
.

Aamiin.. terima kasih sudah berkunjung :)

Balas Hapus
.

gan,, gambar webnya di save for web apandak? Berat banger gan,, kasihan iklannya,,

Balas Hapus