Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Logo Keren di Photoshop, Terinspirasi Ikon Flat Youtube

Hai sobat, pada tutorial klikphotoshop kali ini kita akan membuat logo keren di photoshop, terinspirasi dari desain flat UI atau logo kecil yang biasanya terpasang di website dan berguna untuk mempercantik tampilan sebuah produk, kita sering menyebutnya sebagai ikon. Karena banyak orang bertanya-tanya bagaimana cara membuat mendapat ikon ini di photoshop, karena biasanya orang membuat ikon ini di adobe illustrator. Ternyata hanya dengan beberapa langkah saja kita bisa membuat ikon ini dengan cepat di adobe photoshop.

Ok sob, sebagai contoh simpel saya akan membuat ikon logo Youtube, dan sobat bisa terapkan ke logo-logo yang lain dengan cara yang kurang lebih sama. Pada tutorial ini saya akan menggunakan adobe photoshop CC2015, dan ini hasil dari tutorial kali ini:


Cara Membuat Logo Keren di Photoshop, Terinspirasi Ikon Flat UI Youtube

Langkah 1
Buat dokumen baru, pergi ke menu File di atas layar dan pilih New. Kemudian pada kotak dialog New Dokumen atur sesuai keinginan, di sini saya akan atur Lebar ke 800 pixels dan Tinggi ke 450 pixels dengan Background Contens di atur ke Hitam:
  
Cara Membuat logo di photoshop


Langkah 2
Selanjutnya kita pergi ke kotak alat di sebelah kiri jendela dokumen, lalu pilih Rounded Rectangle Tool (U) dari daftar. Atur opsi alat Rounded Rectangle di atas jendela dokumen ke warna Merah dengan kode hex #de393e:

cara membuat logo youtube


Langkah 3
Dengan alat rectangle yang di pilih, klik di mana saja pada area kanvas lalu atur radius masing-masing 10 px, serta Lebar dan Lebar di 300 px:

cara membuat ikon youtube


Jika kita lihat di dalam kanvas, terlihat k sebuah segiempat samasisi dengan di keempat sudutnya melengkung :

cara membuat logo di adobe photoshop



Langkah 4
Selanjutnya dengan alat Rounded Rectangle Tool, klik kembali di dalam kotak merah. Kali ini kita atur ke 30 px untuk setiap sudutnya:

cara membuat logo keren di photoshop


Kemudian dengan alat rounded  yang di set ke warna putih, lalu seret di dalam area merah untuk menggambar sebuah persegi panjang seperti logo youtube:

ikon youtube


Langkah 5
Setelah itu kita ke palet layers. Lalu klik ikon FX di bawah panel layers, dan pilih Drop Shadow dari dari daftar yang di munculkan photoshop:

logo youtube download


Ini akan membuka kotak dialog Layer Style photoshop. Dengan opsi Drop Shadow yang di centang, kita ke kolom tengah. Di sini saya atur Size ke 10 px dan membiarkan Distance dan Spread di 0 px. Setelah itu Blend Mode atur ke Multyply dan sesuaikan ukuran Opacity sesuai kebutuhan:

cara membuat logo


Nah, inilah tampilan bentuk persegi panjang saya setelah di terapkan Drop Shadow, terlihat bayangan di bawahnya: 

cara membuat logo di photoshop


Langkah 6
Sekarang kita akan melengkapi logo youtube kita, seperti logo youtube yang khas terdapat bentuk segitiga di tengahnya. Untuk mendapatkan itu dengan cara cepat dan efisien adalah, pergi ke kotak alat dan pilih Custom Shape Tool:

logo-youtube-download


Kemudian kita ambil alat segitiga dari bentuk custom, lalu kita gambar dan sesuaikan di tengan kotak dengan warna merah yang sama seperti sebelumnya dengan kode #de393e:

youtube


Langkah 7
Setelah itu kita kita pergi ke palet alat, dan kali ini pilih Pen Tool. Lalu pada Opsi Pen Tool di atas jendela dokumen, atur ke Shape dengan warna solid Merah dengan kode #961817 dan matikan Stroke:

cara membuat logo youtube di photoshop


Lalu mulailah menggambar bayangan dari sudut di manapun pada bagian atas dan atur ketebalannya semaksimal mungkin sesuai kebutuhan:

cara membuat logo youtube


Langkah 8
Selanjutnya dengan alat Pen Tool yang masih di pilih, kita gambar kembali dengan bentuk seperti gambar di bawah ini. Jika kita lihat pola yang kita gambar sementara menutupi logo kita di dalam kanvas, tapi jangan khawatir kita akan memperbaikinya sesaat lagi:

cara membuat logo di photoshop


Selanjutnya kita ke panel layers. Lalu pilih dan tarik kebawah lapisan shape 3 dalam kasus saya, tepat di atas layer Rounded Rectangle yang pertama kita buat:

cara membuat ikon logo di photoshop



Langkah 9
Kemudian dengan lapisan yang sebelumnya telah kita pindahkah (shape 3), klik ikon Add Layer Mask tepat di bawah palet layes:

cara membuat logo di photoshop


Langkah 10
Selanjutnya pilih alat Eraser Tool atau dengan menekan huruf E pada keyboard untuk cara tercepatnya dari kotak alat:

ikon flat youtube web


Setelah itu, dengan alat Eraser yang di pilih, mulailah menghapus bagian-bagian luar dengan teliti. Jika di perlukan klik braket kiri [ untuk mengecilkan dan braket ] untuk membesarkan ukuran penghapus pada keyboard:

cara membuat ikon flat


Langkah 11
Jika telah selesai, langkah terakhir kita akan menyembunyikannya. Untuk itu, sekali lagi kita pergi ke panel layers, kemudian klik kanan mouse pada lapisan shape 3 dan pilih Create Clipping Mask dari daftar yang muncul:

cara membuat ikon logo di photoshop


Secara otomatis photoshop akan langsung menerapkannya dan memasukkan ke lapisan yang tepat di bawahnya. Nah, dengan begitu kita telah berhasil membuat ikon logo flat UI youtube dengan mudah dan simpel. Inilah hasil akhir dari tutorial ini sob, dan dengan metode yang sama sobat bisa membuat jenis ikon Flat UI yang lainnya, selamat mencoba!



Ok sobat, demikianlah tutorial singkat kali ini tentang cara membuat logo keren di photoshop. Terimakasih telah berkunjung, semoga bermaanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimaksih.