Bagaimana Logo Web 2.0 digambar (Photoshop)

Pernah bertanya-tanya bagaimana orang-orang ini menggambar Logo Web 2.0 mereka? Kadang-kadang senang belajar dari orang lain, membangun keterampilan dasar dan memulai kreativitas Anda sendiri dari sana. Dalam tutorial Photoshop ini, saya akan mengungkapkan beberapa logo Web 2.0 yang bagus, bagaimana Anda dapat menggambar logo mereka persis sama (well, tidak benar-benar 100% sekalipun) dengan Photoshop.

1. Unduh dan Instal file gaya

Pertama-tama, Anda harus mengunduh gaya yang saya buat dan memuatnya ke Photoshop.

1. Unduh gaya Photoshop di sini. (Klik kanan -> Simpan sebagai)
2. Untuk pengguna Photoshop CS2, masukkan file gaya ini ke dalam “C: \ Program Files \ Adobe \ Adobe Photoshop CS2 \ Preset \ Styles” Photoshop versi lain, letakkan file di dalamnya Preset \ Gaya

2. Memuat gaya

Panggil kotak Dialog Gaya Anda di Photoshop

1. Windows -> Gaya
2. Perhatikan tombol panah kecil di sudut kanan atas. Klik dan pilih Muat Gaya dari drop down
3. Menemukan web20 dari daftar dan klik Beban. Jika Anda tidak menemukan web20, coba tutup Photoshop, buka kembali itu ulangi Langkah 1.
4. Klik tombol panah lagi dan pilih Daftar Besar dari drop down

Hasil Anda harus terlihat mirip dengan gambar di bawah ini.

3. Enam Logo Web 2.0

Inilah enam Logo Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In dan Go2Web20. Gaya yang baru saja Anda instal akan mengungkapkan cara menggambarnya. Saya akan melewati “campuran” dan “Go2Web20” logo, sisanya hanya menggunakan kembali teknik yang sama.

4. Cara menggambar

Alasan saya menggunakan Style di sini adalah karena begitu mereka disimpan ke file .asl (file yang Anda unduh) mereka nyaman untuk diterapkan. Mari kita menggambar beberapa logo ini.

Menggambar Logo mixd

Pengamatan awal, logo mixd terdiri dari

1. “campuran” teks
2. persegi panjang bulat
3. titik kecil
4. titik yang lebih kecil

Kami kira-kira akan menggambar mereka di Photoshop, masing-masing elemen dalam lapisan yang berbeda seperti yang diilustrasikan pada gambar di bawah ini.

Nah, inilah triknya. Mencari “label campuran” dalam Dialog Gaya. Seret mereka langsung ke lapisan latar belakang, masing-masing lapisan titik kecil dan lapisan titik yang lebih kecil. Jika Anda menyeretnya dengan benar, Anda akan melihat bahwa layer sekarang akan mewarisi warna dan campuran gaya. Menemukan “font campuran” di Dialog Gaya, seret ke lapisan teks dan logo mixd Anda selesai, 90% seperti aslinya akan saya katakan.

Menggambar Logo Go2Web20

Buat 4 layer baru, masing-masing untuk “PERGI“, “2“, “WEB” dan “2.0“

Menyeret “go2web20-ungu” dari Dialog Gaya menjadi “PERGI” & “WEB”, menyeret “go2web20-green” ke “2” & “2.0” dan Anda akan mendapatkan hasil akhir ini.

Adapun sisanya (MyBlogLog, imified, skype, dan Linked In), semuanya tentang menyeret gaya masing-masing dan mencocokkan dengan font yang benar.

5. Kesimpulan

Jika Anda melihat ke dalam Opsi Blending dari masing-masing gaya, Anda akan memperhatikan bahwa sebagian besar logo Web 2.0 adalah masalah bermain dengan gradien, stroke dengan kombinasi font yang tepat. Ini mungkin bukan “tepat” cara orang-orang ini telah membuat logo mereka, tetapi setidaknya cara untuk mencapainya. Saya tidak mendorong Anda untuk memalsukan gaya mereka dan menggambar ulang logo Anda, tetapi cobalah memahaminya dan mudah-mudahan Anda bisa keluar dengan logo Web 2.0 yang bagus dan ramping. Saya suka meletakkan desain saya di Style (.asl), saya dapat menggunakannya kembali kapan pun saya mau.