Bagaimana Desain Header WordPress dengan Teks Disesuaikan dan Grafis

Bagaimana merancang header Wordpress menggunakan software grafis gratis. teks yang disesuaikan dan grafis selalu lebih baik daripada menggunakan yang sama seperti orang lain tidak.

A+ A-

Jika Anda tahu bagaimana merancang header WordPress maka Anda dapat menyesuaikan setiap tema WordPress sesuai niche Anda. Anda dapat menggunakan foto Anda sendiri jika Anda inginkan dan merancang teks header sendiri. Anda tidak akan lagi menemukan blog WordPress lain yang terlihat sama seperti milik Anda. header Anda akan menjadi unik dalam teks dan grafis.

Banyak orang tahu bagaimana melakukan ini dengan menggunakan Photoshop, tetapi apakah itu benar-benar layak menghabiskan lebih dari $ 500 jika semua yang Anda ingin lakukan adalah header desain? Anda bisa menggunakan Photoshop Elements yang jauh lebih murah, tapi mengapa tidak menggunakan perangkat lunak bebas?

Software gratis Grafis

Ada berbagai jenis perangkat lunak gratis yang tersedia secara online, termasuk Open Source (misalnya Apache, Linux, Firefox, dan Android) dan aplikasi yang ditawarkan di bawah Free Software Foundation. Ada juga freeware, yang bebas untuk digunakan, tetapi umumnya masih 'tertutup sumber' atau kepemilikan, seperti Skype dan Adobe PDF reader.

Berikut adalah dua bentuk freeware yang dapat Anda gunakan benar-benar gratis, yaitu Paint.net dan XHeader. Kami akan menggunakan kedua ini dalam tutorial ini.

Paint.net

Panit.net adalah editor grafis Windows yang sederhana namun kuat yang pada awalnya dirancang sebagai versi gratis dari Microsoft Paint, tapi kini telah berkembang menjadi sesuatu yang banyak orang percaya untuk bersaing dengan Photoshop untuk sebagian besar aplikasi.

Hal ini dapat didownload dari www.getpaint.net

XHeader

Ini adalah aplikasi lain software gratis yang dapat digunakan untuk mengkonversi grafis ke dalam header. Anda dapat menggunakannya untuk menambahkan teks ke header dirancang menggunakan Cat, dan mengubah ukuran mereka ke dimensi yang tepat yang dibutuhkan oleh tema WordPress Anda.

Hal ini dapat didownload dari www.download.cnet.com/XHeader/3000-2191_4-10900367.html

Meskipun benar bahwa banyak aplikasi perangkat lunak bebas juga datang dengan malware, dua paket tersebut berasal dari sumber terpercaya dan tidak ada adware, pelacak atau virus telah dilaporkan dengan mereka. Jika ini khawatir Anda, hanya men-download kemudian jalankan software antivirus yang Anda gunakan. CNet dan paint.net umumnya baik, sumber bersih untuk perangkat lunak bebas.

Gambar gratis

Dalam rangka untuk membuat header baru Anda, Anda mungkin akan membutuhkan gambar - kecuali desain Anda semua teks. gambar Anda dapat logo bisnis Anda, foto diri atau tim Anda, atau jenis lain dari clipart / foto. Anda dapat menggunakan gambar yang ada disimpan Anda, mengambil foto dan menggunakan ini atau men-download gambar gratis.

Jika Anda menggunakan gambar gratis, pastikan bahwa Anda secara hukum dapat menggunakannya, dan jika demikian maka apa yang atribusi Anda harus memberikan jika ada. Anda dapat menggunakan Microsoft Clipart, meskipun ada juga sejumlah sumber online untuk gambar watermark-bebas. Sebuah pencarian Google akan memberi Anda beberapa sumber yang baik.

Salah satunya adalah 123RF, yang menawarkan pilihan yang sangat baik dari gambar gratis. Anda harus terlebih dahulu mendaftar, dan kemudian Anda dapat melakukan pencarian. Kebanyakan gambar dibayar, tetapi ukuran terkecil dari gambar di bagian 'gratis' 'yang benar-benar gratis, tanpa pembatasan dalam penggunaannya.

Gambar 123RF gratis tidak terlalu kecil. Salah satu yang digunakan untuk demonstrasi ini, dan 10,5 cm, x ukuran keluaran 15,9 cm. Lebih dari cukup untuk gambar header yang baik. Anda dapat menelusuri gambar gratis di sini: http://www.123rf.com/search_free.php?

Setelah Anda download software dan gambar Anda berniat menggunakan dalam header WordPress Anda, dan telah membuat catatan di mana Anda telah menyimpannya, Anda siap untuk memulai.

Sebelum Anda mulai bekerja pada header Anda mungkin ingin bermain-main dengan perangkat lunak yang pertama. Ini akan memberi Anda gambaran tentang apa yang mungkin, dan mungkin juga beberapa ide-ide baru tentang jenis hiasan dan ukuran font Anda mungkin ingin bekerja dengan.

Urutan langkah-langkah meliputi:

  • Download dua paket perangkat lunak bebas di atas.
  • Menentukan dimensi header untuk tema WordPress Anda. Misalnya, tema 2010 adalah 940 x 198px sedangkan 2013 tema yang 1600px x 230px.
  • Draft keluar gambar kasar bagaimana Anda ingin header untuk melihat.
  • Mendownload gambar atau logo yang Anda butuhkan.
  • Gunakan Paint untuk merancang bagian grafis dari header.
  • Gunakan XHeader untuk menulis dan menempatkan teks.
  • Ulangi langkah 6 untuk setiap teks tambahan atau embellishment diperlukan.

Bagaimana Desain Header WordPress Menggunakan Paint.net

Jalankan Cat, dan mengatur kanvas berukuran persyaratan theme WordPress Anda. Kami menggunakan 2010 di sini, sehingga 940 x 198 piksel.

Ukuran kanvas

Klik 'Canvas Size' kemudian mengatur dimensi seperti yang ditunjukkan di bawah ini:

Menjaga Aspect Ratio

Pastikan Anda klik untuk hapus centang 'Menjaga Aspect Ratio' kotak sebagai acara, atau Anda tidak akan dapat mengatur ketinggian dengan benar. Kanvas Anda akan bekerja dengan sekarang akan ditampilkan di tengah layar.

Apa yang Anda lakukan selanjutnya akan tergantung pada bagaimana Anda telah merancang header. Anda mungkin memiliki logo bersama dengan gambar dan teks seperti saya tentang lakukan di sini. Apapun desain yang Anda pilih terlihat seperti, Anda sekarang harus mengambil setiap elemen dan ukuran dengan tepat.

Untuk tujuan demonstrasi kita akan merancang sebuah header WordPress untuk salon rambut. Perlu diingat bahwa ini adalah demo, dan setelah Anda memahami dasar-dasar Anda dapat dilepaskan dengan bakat artistik Anda untuk menghasilkan karya Anda sendiri. Saya menggunakan dua foto dan logo, foto mengambil ketinggian penuh header - 198 piksel.

asli pertama saya adalah 450 x 373 px seperti yang Anda lihat di sini:

Ukuran asli

Saya ingin mengubah tinggi untuk 198px, sama dengan tinggi header standar. Untuk melakukan ini, klik pada 'Gambar' di bagian atas menu bar Paint, kemudian pada 'Resize' - Anda akan melihat layar di atas. Kali ini Anda harus mempertahankan rasio aspek, untuk menjaga dimensi kepala yang benar.

Cukup mengurangi ketinggian sampai itu 198px, demikian:

mengurangi Tinggi

Seperti yang Anda lihat, lebar berubah seiring dengan ketinggian untuk menjaga kepala dalam proporsi. Sekarang klik OK untuk menyimpan ukuran baru.

Sejauh ini cukup baik, tapi aku ingin wanita yang akan menghadap kiri, tidak benar. Klik sekali lagi pada 'Gambar' di navbar atas, kemudian klik 'Horizontal Flip' - kita sekarang memiliki:

flip Horizontal

Untuk menyimpan, klik 'Simpan' pada menu File, dan kemudian klik OK di sebelah kanan bawah layar segar.

Sekarang kita akan membangun header. Jika Anda melihat ke kanan atas layar saat di Paint, Anda akan melihat gambar terakhir yang Anda telah bekerja dengan. tembakan ini termasuk beberapa orang lain yang saya telah menggunakan:

Gambar terbaru

Gambar ke kiri adalah kanvas benar berukuran 940 x 198. Kita sekarang harus mengklik bahwa untuk membawanya ke wilayah kerja. Saya ingin warna hitam itu, jadi klik pada 'Window' pada menu Cat utama, dan kemudian pada 'Colors.' Sekarang klik pada cat-pot di menu Tools ke kiri:

warna

kursor Anda sekarang akan mengambil bentuk cat-pot. Tempatkan ini atas kanvas header dan klik kiri. kanvas harus hitam. Kita sekarang siap untuk menempatkan grafis di kanvas.

Menempatkan Graphics

Dengan kanvas hitam sekarang di tengah layar, pergi ke menu dan klik 'Layers'

lapisan

Sekarang klik pada 'Impor Dari File' - apa yang kita lakukan sekarang adalah untuk memulihkan gambar diformat dan menempatkan mereka pada kanvas di mana kita ingin mereka. Klik pada gambar pertama Anda dan akan muncul di sisi kiri kanvas. Tarik ke posisi yang benar sesuai dengan desain Anda. Bagi saya itu adalah ke kanan:

Sesuaikan Posisi

Anda dapat melihat bagaimana ukuran gambar sesuai dengan ketinggian header. Garis putih akan hilang ketika Anda menyimpan. Lakukan hal yang sama dengan gambar lainnya, kemudian simpan header.

Warna Tip: Jika Anda ingin sama persis dengan warna latar belakang (hitam di sini) dengan latar belakang gambar, Anda dapat menggunakan perangkat gratis yang dikenal sebagai Colorspy. Ini menunjukkan Anda kode warna hex untuk daerah itu kursor Anda pada.

Anda mungkin melihat sedikit perbedaan dalam kegelapan antara dua area di atas: gambar adalah 0C0C0C sementara kanvas adalah 000000. Jika Anda klik pada menu Color seperti yang ditunjukkan sebelumnya, dan kemudian pada 'Lebih,' Anda bisa memasukkan kode hex. Cat-pot kemudian akan mengisi kanvas dengan warna yang sama sebagai latar belakang gambar. Ini adalah alat yang sangat berguna untuk digunakan ketika pencocokan grafis seperti yang saya lakukan di bawah ini.

Dapatkan di sini: http://www.microtask.ca/colorspy.html

Sekarang tambahkan lagi grafis yang ingin Anda sertakan pada header Anda. Saya akan menambahkan satu lagi, hasil akhir menjadi:

Hasil

Simpan ini sebagai file JPG. Anda sekarang siap untuk menambahkan teks.

Menambahkan Teks dengan XHeader

Start up XHeader dan klik pada New:

XHeader

Kemudian klik pada 'Beban Gambar dari Hard Disk':

beban Images

dan kemudian memuat header disimpan. Sekarang akan ditampilkan pada XHeader layar bekerja, tepat di atas panel kontrol di sini:

Layar XHeader Kerja

Pilih 'Text' kemudian pilih warna yang disukai dari teks, font dan ukuran. Mulai mengetik, dan akan muncul di jendela bekerja dan pada header Anda. Anda dapat menarik teks ke posisi yang Anda inginkan, dan bahkan menambahkan tingkat transparansi jika Anda ingin grafis Anda akan terlihat di balik itu.

Mari kita membuatnya lebih menarik dan menambahkan beberapa perhiasan. Dengan menggunakan 'Circle' alat, Anda dapat menambahkan lingkaran dan oval. Mari menambahkan oval merah dengan bayangan biru. Hasil akhir adalah:

Hasil akhir

Untuk menambahkan teks lebih lanjut, seperti nomor telepon di atas, simpan dahulu header, dan kemudian kembali untuk menambahkan lebih banyak teks. Bila Anda menyimpan, Anda mendapatkan pilihan untuk menyimpan dalam format JPG dan PNG format. Gunakan JPG kecuali jika Anda memiliki efek transparan atau sudut dibulatkan di header, dalam hal PNG akan mereproduksi ini setia:

Simpan header

Desain Header WordPress: Ringkasan

Contoh yang adalah bentuk yang cukup sederhana header WordPress. Teks dipilih secara sewenang-wenang dan mungkin atau mungkin tidak menjadi nama perusahaan asli. Apa yang pasti adalah bahwa desain unik seperti nomor telepon! Anda dapat menambahkan hampir semua perhiasan yang Anda inginkan, termasuk logo, beberapa gambar dan berbagai lapisan teks. Menyimpan gambar menggunakan nama yang berbeda setiap kali (misalnya -1, -2, dll) sehingga mudah untuk kembali jika Anda membuat perubahan yang tidak Anda sukai.

Anda dapat menggunakan kedua aplikasi perangkat lunak untuk memodifikasi header yang ada sesuai dengan kebutuhan Anda - Anda tidak perlu mulai dari awal. Kedua aplikasi perangkat lunak yang mudah digunakan setelah Anda terbiasa dengan mereka, dan menyenangkan untuk bermain-main dengan saat Anda menjelajahi kemampuan mereka. Header Anda buat dengan mudah diintegrasikan ke dalam blog WP Anda.

Anda dapat menggunakan perangkat lunak yang sama untuk merancang kotak produk 3-D dan sampul buku jika Anda memiliki penutup template untuk bekerja dengan.