Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop Bagian 2

Langkah 11

Kembali ke Photoshop. Paste path (Ctrl + V) dan pilih Path untuk tipe Paste di kotak dialog yang muncul. Dengan cara ini, hasil import tetap berupa path vektor tanpa ada penurunan kualitas.

Langkah 12

Pisahkan vektor elemen-elemen logo ke dalam beberapa path terpisah.

Langkah 13

Berikut adalah hasil pemisahan vektor. Dalam tutorial ini, saya akan merujuk pada nama path yang digunakan dalam tampilan path di bawah.

Langkah 14: Mulai Membuat Logo

Aktifkan path outer base lalu klik ikon Add Adjustment Layer dan pilih Solid Color. Pilih warna biru muda.

Langkah 15

Klik ganda layer. Aktifkan Drop Shadow untuk memberinya bayangan lembut di belakang.

Tambahkan Outer Glow untuk memperkuat definisi sisi terluar lingkaran.

Tambahkan Gradient Overlay untuk memberi tampilan glossy.

Beri sedikit pola dari PSDfreemium dengan Pattern Overlay.

Terakhir, beri Stroke 1 px dengan warna sedikit lebih gelap daripada warna shape.

Langkah 16

Aktifkan kembali path outer base. Hapus lingkaran terluar. Tambahkan lagi Adjustment Layer Solid Color, kali ini warnanya sedikit lebih terang #6ee8f9.

Tambahkan Outer Glow untuk menegaskan jarak antara lingkaran ini dengan lingkaran sebelumnya.

Beri Gradfient Overlay untuk kesan glossy.

Beri pola pixel dari PSDfreemium dengan Pattern Overlay. Pastikan pola ini sangat lembut dengan Opacity sangat rendah.

Terakhir, beri Stroke 1 px dengan warna sedikit lebih gelap daripada warna shape. Stroke ini akan kembali mempertegas pemisah antara lingkaran ini dengan lingkaran yang lebih besar.

Langkah 17: Dasar Logo

Aktifkan path main base. Buat Adjustment Layer Solid Color dengan warna #abedf7.

Tambahkan Bevel and Emboss untuk memberi efek 3 dimensi.

Gradient Overlay untuk memberi kesan glossy.

Beri juga Pattern Overlay dengan pola dari PSDfreemium.

Terakhir beri Stroke untuk memperjelas sisi luarnya.

Langkah 18: Lingkaran Utama

Aktifkan path inner base. Buat Adjustment Layer Solid Color dengan warna: #b0f6b9.

Beri Inner Shadow agar didapat kesan menjorok ke dalam.

Beri Inner Glow untuk membuat sisi dalam lingkaran semakin terang.

Tambahkan Gradient Overlay dengan tipe radial untuk memberi kesan bentuk cembung.

Tambahkan Pattern Overlay. Gunakan lagi pola pixel dari PSDfreemium.

Akhirnya, beri Stroke 1 px. Gunakan warna yang sedikit lebih gelap untuk memperkuat tampilan sisi lingkaran.

Langkah 19: Lubang Setengah Lingkaran

Aktifkan path setengah lingkaran. Tambahkan Adjustment Layer Solid Color warna hitam. Turunkan Fill hingga 9%.

Tambahkan Inner Shadow. Layer Style ini akan memberi bayangan di dalam shape dan menghasilkan kesan area yang menjorok ke dalam.

Inner Shadow membuat lubang terlalu gelap dan sulit dilihat. Untuk memperbaikinya, tambahkan Outer Glow.

Tambahkan Bevel and Emboss dengan Direction Down untuk memperkuat kesan tampilan lubang.

Akhirnya, tambahkan Stroke. Untuk warnanya, pilih hijau gelap.

Langkah 20: 100 Persen

Aktifkan path 100. buat Adjustment Layer Solid Color baru dengan warna biru.

Kita ingin mengubahnya menjadi 3 dimensi. Pertama, kita buruh Drop Shadow untuk mengangkat karakter dari latar.

Berikutnya adalah menambahkan Outer Glow untuk membuat sisi luarnya lebih terang dan terlihat beda dari latar.

Inner Glow akan membuat sisi dalam teks semakin terang dan memberi kesan tinggi, lebih dekat dengan sumber cahaya.

Tentu saja, kita tidak boleh melewatkan Gradient Overlay. Tambahan gradasi warna membuat teks terlihat alami dan nyata.

Inner Glow dan Outer Glow yang tadi kita tambahkan membuat sisi luar teks terlihat menyatu dengan latar. Sedikit Stroke akan memperkuat tampilan bagian ini.