Bagaimana Logo Web 2.0 ditarik (Photoshop)

Pernah tertanya-tanya bagaimana orang-orang ini menarik logo Web 2.0 mereka? Kadang-kadang ia bagus untuk belajar dari orang lain, membina kemahiran asas dan memulakan kreativiti anda sendiri dari sana. Dalam tutorial Photoshop ini, saya akan mendedahkan beberapa logo Web 2.0 yang bagus, bagaimana anda boleh menarik logo mereka dengan tepat (dengan baik, tidak 100% walaupun) dengan Photoshop.

1. Muat turun dan Pasang fail gaya

Pertama sekali, anda perlu memuat turun gaya yang saya buat dan memuatkannya ke dalam Photoshop.

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

2. Memuatkan gaya

Panggil kotak Dialog Gaya anda di Photoshop

1. Windows -> Gaya
2. Perhatikan butang anak panah kecil di sudut kanan atas. Klik padanya dan pilih Muatkan Gaya dari drop down
3. Cari web20 dari senarai dan klik Muatkan. Sekiranya anda tidak mencari web20, cobalah close Photoshop, ulang semula ia ulang Langkah 1.
4. Klik pada butang anak panah sekali lagi dan pilih Senarai Besar dari jatuh ke bawah

Keputusan anda perlu melihat sesuatu yang serupa dengan imej di bawah.

3. Enam Logo Web 2.0

Inilah enam Logo Web 2.0; MyBlogLog, Dilaksanakan, mixd, skype, Dihubung Dalam dan Go2Web20. Gaya yang baru anda pakai akan mendedahkan cara menggambarnya. Saya akan pergi “mixd” dan “Go2Web20” logo, selebihnya hanya menggunakan teknik yang sama.

4. Bagaimana untuk menarik

Alasan saya menggunakan Gaya di sini adalah kerana sebaik sahaja mereka disimpan dalam fail .asl (fail yang anda muat turun), mereka mudah untuk memohon. Mari kita ambil beberapa logo ini.

Lukisan Logo mixd

Pemerhatian awal, logo campuran terdiri daripada

1. “mixd” teks
2. bulat segiempat tepat
3. titik kecil
4. titik yang lebih kecil

Kami akan menarik mereka dalam Photoshop, setiap elemen dalam lapisan yang berbeza seperti yang digambarkan dalam imej di bawah.

Sekarang inilah silap mata. Cari “mixd-label” di dalam Dialog Gaya. Seretnya secara langsung ke lapisan latar belakang, lapisan titik kecil dan lapisan titik kecil yang lebih kecil. Jika anda menyeretnya dengan betul, anda akan menyedari bahawa lapisan itu akan mewarisi warna dan pengadunan gaya. Cari “mixd-font” dalam Dialog Gaya, seret ke lapisan teks dan logo mixd anda selesai, 90% seperti asal yang saya akan katakan.

Melukis Go2Web20 Logo

Mempunyai 4 lapisan baru yang dibuat, masing-masing untuk “GO“, “2“, “WEB” dan “2.0“

Seret “go2web20-purple” dari Dialog Gaya ke “GO” & “WEB”, seret “go2web20-green” ke dalam “2” & “2.0” dan anda akan mendapat output akhir ini.

Sedangkan untuk yang lain (MyBlogLog, imified, skype dan Linked In), semuanya menyeret gaya masing-masing dan padan dengan font yang betul.

5. Kesimpulan

Jika anda melihat ke dalam Pilihan Blending dari setiap gaya, anda akan melihat bahawa kebanyakan logo Web 2.0 adalah perkara yang bermain dengan kecerunan, pukulan dengan gabungan fon yang betul. Ini mungkin bukan “tepat” cara bagaimana orang-orang ini melakukan logo mereka, tetapi sekurang-kurangnya satu cara untuk mencapainya. Saya tidak menggalakkan anda untuk menipu gaya mereka dan menyusun semula logo anda, tetapi cuba fahami dan semoga anda boleh keluar dengan logo Web 2.0 yang bagus. Saya suka meletakkan reka bentuk saya dalam Gaya (.asl), saya boleh menggunakannya semula apabila saya mahu.