Bagaimana untuk mencipta butang Mula anda sendiri yang anda suka

Dalam artikel berikut, Quantrimang.com akan membimbing anda cara membuat butang Mula anda sendiri mengikut kehendak anda. Harap anda mendapati artikel ini berguna!

Keperluan dan alatan

Untuk memulakan, anda mesti mempunyai perisian penyuntingan imej , Photoshop ialah salah satu yang paling berkuasa dan terkenal, tetapi mana-mana aplikasi yang berfungsi dengan peta bit (BMP) dan menyokong lapisan Alfa telus juga akan berfungsi dengan baik.

Catatan:

Pastikan anda menyemak tetapan DPI sebelum meneruskan. Tetapan DPI (Dots Per Inch) dalam Windows menentukan saiz semua pada skrin dipaparkan, menjadikan teks dan butang lebih besar tanpa mengubah resolusi skrin.

Secara umum, anda boleh melihat DPI yang anda gunakan mengikut saiz butang Mula dan Bar Tugas semasa. Berikut ialah contoh resolusi yang sama dengan tetapan 3 DPI:

Walau bagaimanapun, jika anda tidak pasti dan ingin menyemak semula, klik kanan pada desktop dan pilih Resolusi Skrin. Dalam tetingkap ini, klik pautan berlabel Jadikan teks dan item lain lebih besar atau lebih kecil , seperti yang dilihat di sini:

Halaman seterusnya yang muncul memaparkan tetapan DPI yang dipilih pada masa ini:

Bergantung pada DPI yang dipilih, anda perlu mencipta butang Mula dengan salah satu daripada saiz imej berikut:

• 100% DPI - gunakan 54 x 162px
• 125% DPI - gunakan 66 x 198px
• 150% DPI - gunakan 81 x 243px

Untuk tujuan tutorial ini, artikel akan berfungsi dengan 100% DPI standard.

Bagaimana untuk mencipta butang Mula anda sendiri yang anda suka

Buat imej baharu dengan tetapan berikut:

Catatan:

* Untuk memuatkan butang Mula DPI Windows 7 standard, saiz imej mestilah 54px x 162px.

* Tetapan resolusi sangat menarik. 100% DPI dalam Windows ialah 96 DPI. Tiada sebarang perbezaan antara menggunakan 72 dan 96 DPI , tetapi sesetengah pengguna mungkin lebih suka menggunakan DPI yang sama seperti yang digunakan oleh Windows. Ini terpulang kepada anda sepenuhnya. Ingatlah semakin tinggi DPI, semakin besar saiz failnya.

* Biarkan Mod Warna sebagai RBG dengan 8 bit setiap saluran.

Apabila tetingkap imej baharu dibuka, pilih alat Isi dan isi latar belakang dengan hitam. Pada masa yang sama, buka imej yang anda ingin gunakan sebagai butang Mula di sebelahnya, seperti dalam contoh di bawah:

Nota: Dalam contoh ini, artikel itu juga menambah baris standard untuk membahagikan imej kepada tiga bahagian yang sama untuk keadaan butang (baris pertama pada 54px dan baris kedua pada 108px).

Langkah seterusnya ialah menyediakan imej untuk digunakan sebagai butang Mula. Memandangkan ini memerlukan ketelusan lapisan untuk mengira saluran alfa (diterangkan kemudian), butang yang anda ingin gunakan tidak perlu mempunyai sebarang warna atau latar belakang di belakangnya.

Pilih butang yang sepadan dengan mana-mana kaedah yang anda suka, seperti yang dilihat di bawah, ini lebih mudah apabila mengezum masuk ke tahap yang munasabah:

Nota : Tidak perlu risau tentang memilih terlalu banyak atau terlalu sedikit dalam langkah ini. Jika anda mempunyai sedikit latar belakang tambahan, ia boleh dipangkas kemudian.

Dengan butang yang dipilih, salin pemilihan ke lapisan baharu dan sembunyikan lapisan lama. Pintasan papan kekunci Ctrl+ Jialah cara terpantas untuk melakukan ini. Pintasan ini akan mengambil kawasan yang dipilih pada lapisan semasa dan menyalinnya ke lapisan baharu dalam imej yang sama.

Sebaik sahaja anda telah mengasingkan butang Mula pada lapisannya sendiri, tiba masanya untuk menukar imej kepada saiz yang sesuai untuk butang Mula. Klik kanan pada bar atas imej dan pilih Saiz Imej.

Catatan :

• Saiz Imej akan menukar saiz imej bersama-sama dengan kandungannya - apa yang kita mahu.
• Saiz Kanvas hanya akan menukar saiz kanvas dan menjadikannya lebih kecil akan menyebabkan imej dipangkas - yang kita tidak mahu.

Apabila mengubah saiz imej, terdapat beberapa perkara penting yang perlu diingat:

Amaran: Anda perlu mencuba saiz imej di sini. Tetapan ini akan mempengaruhi keseluruhan saiz imej, bukan hanya butang. Cuba lebar 54px dahulu, dan jika terlalu besar, anda boleh mengurangkannya secara beransur-ansur dari sana.

Semak tetapan Resolusi untuk imej ini dan pastikan ia sepadan dengan 72 piksel per inci yang anda pilih untuk butang Mula tadi.

Sebaik sahaja anda berpuas hati dengan saiz butang, seret butang yang diedit ke dalam tetingkap imej butang Mula yang asal dan letakkannya dalam salah satu daripada tiga blok yang ditakrifkan oleh garisan standard. Hasilnya kelihatan seperti ini:

Nota: Daripada mengubah saiz imej sebelum ini, kadangkala bahagian tepi boleh kelihatan sedikit lucu. Dalam kes ini, masih terdapat sempadan yang sangat nipis di sini. Memandangkan anda mempunyai butang pada saiz yang anda mahu, potong sempadan yang tinggal dengan cara yang anda pilih.

Bergantung pada imej yang digunakan, mengezum masuk dan menggunakan alat Pemadam dengan saiz 15px dan kekerasan berus 50% biasanya berfungsi dengan baik dalam kes ini.

Sebaik sahaja anda selesai mengedit imej, tiba masanya untuk menduplikasikannya ke dalam 3 keadaan butang. Anda akan mendapat 3 ikon, seperti yang dilihat di bawah:

Nota : Berikut ialah petua untuk memastikan ikon ini disusun dengan betul:

1 - Bermula dengan butang di bahagian atas blok, tekan Ctrl+ Juntuk menduplikasi.

2 - Kemudian tahan Shift+ Ctrldan tekan anak panah ke bawah 5 kali.

3 - Tahan Ctrl, lepaskan Shiftdan tekan anak panah ke bawah 4 kali.

Memegang Shiftdan Ctrlakan mengalihkan lapisan sebanyak 10 piksel, hanya menahan Ctrlakan mengalihkannya sebanyak 1 piksel. Kaedah di atas memastikan butang anda bergerak terus ke bawah 54 piksel.

Kini datang bahagian yang menyeronokkan dan terpulang sepenuhnya kepada anda: Membina keadaan butang. Idea tiga keadaan butang adalah mudah: Bahagian atas ialah keadaan statik, bahagian tengah ialah keadaan hover, dan bahagian bawah ialah keadaan klik.

Cuba untuk tidak menyentuh butang atas terlalu banyak dan pastikan ia mudah. Mari kita perhatikan sedikit sfera di tengah dan jadikan ia kelihatan lebih baik. Gunakan beberapa kesan dengan menekan butang bawah untuk melengkapkannya.

Hasil akhirnya akan kelihatan berbeza untuk semua orang, tetapi berikut ialah contoh mencipta keadaan butang yang sangat mudah, menggunakan kesan Outer Glow, Inside Glow dan Satin :

Nota : Pastikan lapisan di sebelah kanan dalam susunan yang sama seperti butang dalam imej (lapisan atas untuk sfera atas, lapisan bawah untuk sfera bawah, dsb.). Ia membantu untuk melihat lapisan yang melakukan apa, mengapa, bagaimana dan semua perkara lain yang orang suka.

Amaran : Jangan biarkan kesannya terlalu jauh! Bar tugas tidak sebesar imej Mula 54 x 162px, yang akan membuatkan anda tertanya-tanya. Cuba simpan butang Mula dalam kira-kira 9 atau 10 piksel dari sempadan setiap blok. Berikut ialah contoh sempadan 9px di sekeliling butang Mula:

Sekarang, anda perlu menggabungkan semua butang Mula ke dalam satu lapisan untuk menyediakan lapisan Alpha. Tahan Ctrldan klik sekali pada nama setiap lapisan butang Mula untuk memilihnya. Ambil perhatian bahawa latar belakang tidak dipilih di sini. Dengan butang Mula dipilih, klik kanan dan pilih Gabung Kelihatan.

Langkah ini akan memberi anda satu lapisan dengan semua keadaan butang Mula dan kesan uniknya pada satu lapisan di atas latar belakang. Untuk menyediakan lapisan Alpha, mula-mula pilih kandungan lapisan butang Mula. Tahan Ctrldan klik sekali pada pratonton untuk lapisan butang Mula. Perhatikan penunjuk tetikus berubah apabila anda memegang Ctrl:

Nota : Jika anda telah melakukan ini dengan betul, anda sepatutnya melihat penunjuk pilihan di sekitar ketiga-tiga keadaan butang Mula, seperti yang dilihat di atas.

Dalam Lapisan, terdapat tab yang dipanggil Saluran. Klik tab ini. Saluran warna digunakan untuk menyimpan kuantiti setiap warna utama yang terkandung dalam setiap piksel dalam imej RGB (Merah Hijau Biru). Memandangkan 3 saluran tidak mencukupi, contohnya akan mencipta saluran keempat yang tidak menyimpan warna (ini benar-benar teknikal, hanya tahu bahawa anda memerlukannya).

Klik butang Cipta Saluran Baharu di bahagian bawah bahagian ini. Photoshop akan tahu apa yang anda mahu ia lakukan:

Pada ketika ini, pilih saluran Alpha 1 yang baru dibuat dan lihat butang Mula. Anda tidak dapat melihat mereka, tetapi tidak mengapa sekarang. Lapisan ini akan menentukan bahagian mana imej BMP Explorer akan ditunjukkan (kawasan putih) dan menyembunyikan (kawasan hitam) apabila butang Mula selesai.

Beralih kepada alat Berus , tetapkannya kepada sekurang-kurangnya 100px, kekerasan tidak penting di sini dan isikan pemilihan dengan warna putih (seboleh-bolehnya). Perhatikan bagaimana pemilihan sebelumnya mengikuti kesan cahaya dan hanya membenarkan jumlah putih tertentu dilukis ke saluran Alpha. Ia akan menjadikan tepi pada butang Mula lebih lembut.

Amaran: Jika bahagian tepi kelihatan agak keras pada saluran alfa pada peringkat ini, anda mungkin mahu kembali ke masa aplikasi digunakan pada butang Mula dan lapisan telah digabungkan untuk memastikan anda mempunyai imej sebenar.

Pada ketika ini, anda pada dasarnya telah selesai membina butang Mula anda. Pilih semula Saluran RGB, nyahpilih pemilihan dan kembali ke Lapisan. Jika anda sudah bersedia dengan butang Mula anda, sudah tiba masanya untuk menyimpannya.

Daripada menu Fail, pilih Simpan atau hanya gunakan pintasan papan kekunci Ctrl+ S. Dalam kotak dialog Simpan , masukkan nama yang menyeronokkan untuk butang Mula, pastikan Saluran Alfa dipilih dan klik Simpan.

Dalam langkah seterusnya, pastikan anda menyimpan peta bit Windows dan ia disimpan sebagai 32 Bit.

Langkah terakhir

Sekarang, butang Mula anda selesai. Anda boleh menggunakan mana-mana penukar butang Mula untuk menetapkannya kepada status aktif pada bar tugas. Anda harus menggunakan alat Win 7 Start Button Changer 2.6 untuk ini, atau mana-mana utiliti lain yang anda suka.

Nota : Anda harus menggunakan aplikasi Kishan. Versi 2.6 telah dikemas kini untuk menukar imej butang Mula untuk sebarang tetapan DPI. Cuma pastikan anda menggunakan imej dengan saiz yang betul untuk DPI yang anda gunakan. Seperti yang dinyatakan di atas:

• 100% DPI - gunakan 54 x 162px
• 125% DPI - gunakan 66 x 198px
• 150% DPI - gunakan 81 x 243px

Butang Mula yang dibuat dalam contoh akan kelihatan seperti ini:

Nota : Orang tanpa Photoshop juga boleh menggunakan GIMP untuk melakukan ini.

Dan inilah butang menu dengan ikon Quantrimang.com selepas saya mengikuti langkah di atas:

Walaupun arahan dalam artikel ini adalah untuk Windows 7, saya masih melakukannya pada Windows 10 dengan baik. Pada Windows 10, anda boleh menggunakan perisian StartIsBack++ untuk menukar ikon menu Mula seperti panduan ini untuk menukar butang Mula Windows 10 .

Semoga anda berjaya.