Cara Membuat Tema Tumblr Dengan Reka Bentuk JPA

Tumblr menggabungkan penekanan pada kreativiti visual dengan panjang catatan yang jatuh antara singkatnya Twitter dan panjang entri blog tradisional. Apabila anda menggunakan tema Tumblr tersuai yang memperluas penampilan identiti dalam dan luar talian anda, tumblelog sesuai dengan strategi yang merangkumi media dalam talian dan sosial lain. Pereka web sering mula mengembangkan tema tersuai di Adobe Photoshop, menggunakan format fail JPA berlapis program sebagai ruang kerja visual mereka.

Menetapkan Dimensi

Panduan pembaris dan keupayaan lapisan Adobe Photoshop mempermudah tugas mewujudkan asas tema Tumblr, lengkap dengan grid susun atur yang menentukan dimensi kawasan kandungan. Sekiranya anda menetapkan kumpulan lapisan untuk setiap aspek reka bentuk anda, termasuk kawasan kandungan utama dan bar sisi, anda boleh meletakkan semua panduan untuk setiap elemen pada satu lapisan dalam setiap kumpulan. Penyusunan ini membolehkan anda membuat panduan anda dilihat secara terpilih, daripada hanya menunjukkan dan menyembunyikan semuanya dengan jalan pintas papan kekunci Photoshop atau item menu, dan menyimpan elemen panduan berkaitan. Namakan kumpulan dan lapisan anda untuk mengenal pasti fungsi setiap bahagian reka bentuk anda. Saat-saat anda melabur dalam tugas penamaan bertahap terbayar dalam masa yang anda tidak perlu habiskan untuk menghidupkan dan mematikan lapisan untuk menentukan apa yang ada. Untuk mengetahui dimensi elemen susun atur dengan cepat, tekan "F8" untuk membuka panel Info dan kemudian "Ctrl-klik" pada lakaran kecil panel Lapisan untuk memuatkan pilihan berdasarkan piksel pada lapisan tersebut.

Memilih Warna

Sama ada anda menggunakan Pemilih Warna yang diuji masa untuk memilih warna untuk tema anda, memuatkan pilihan dari perpustakaan warna agar sesuai dengan cetakan atau logo, atau bergantung pada alat Eyedropper untuk mengambil sampel warna dari fail atau grafik lain, Adobe Photoshop menawarkan pelbagai cara untuk memilih warna tema. Apabila anda mengisi lapisan dengan warna padat untuk mensimulasikan warna latar belakang tema Tumblr atau elemen reka bentuk anda yang lain, anda boleh menyalin formula warna sebagai teks dari bacaan hex Color Picker dan menampal pengenalan warna ke dalam nama lapisan untuk rujukan cepat. Enam watak alfanumerik dalam warna hex muncul dalam kod Tumblr dan juga dalam reka bentuk Web untuk blog dan format dalam talian yang lain.

Membuat Grafik

Tajuk yang mengenal pasti tumblelog boleh menggunakan grafik bitmapped sebagai grafik tematik. Anda boleh membuat elemen kritikal ini menggunakan gabungan elemen berasaskan teks dan piksel atau vektor di dalam fail JPA anda. Sekiranya grafik merangkumi elemen yang boleh disesuaikan yang anda taip di Photoshop, biarkan mereka sebagai jenis langsung dalam fail tema berasaskan JPA anda dan rasterkannya hanya dalam salinan fail yang anda berikan kepada orang lain yang tidak mempunyai lesen untuk fail fon yang diperlukan dalam tema anda. Apabila anda menggunakan alat vektor untuk melukis di Photoshop, termasuk alat pen dan bentuk, lukis menggunakan peraturan panduan yang sesuai dengan resolusi asas templat anda. Teknik ini membantu menjadikan karya seni anda setajam mungkin semasa anda menyimpan atau mengeksport versi rasternya.

Langkah seterusnya

Sekiranya anda tahu bagaimana membuat kod HTML dan CSS, dan memahami pemboleh ubah khusus yang digunakan Tumblr dalam struktur kodnya, anda boleh menterjemahkan dimensi, spesifikasi warna dan grafik yang anda bina dalam JPA menjadi tema Tumblr tersuai yang berfungsi. Sekiranya pengekodan Web berada di luar kemahiran anda, anda boleh memberikan JPA anda kepada pengaturcara untuk menghasilkan tema untuk anda. Bersama dengan rawatan visual, tema Tumblr mesti merangkumi pemboleh ubah dan blok. Pemboleh ubah menerima nilai dinamik untuk membuat elemen visual Tumblr standard. Blok membentuk potongan kod yang menggabungkan pemboleh ubah dengan HTML. Blok menyiapkan tiang dan pautan yang menjangkau mereka, pautan yang bergerak di antara sekumpulan bahan dan elemen yang disusun secara kronologi yang menampung orang yang suka atau mengikuti tumblelog individu.

Maklumat Versi

Maklumat dalam artikel ini berlaku untuk Adobe Photoshop CC dan Adobe Photoshop CS6. Ia mungkin berbeza sedikit atau ketara dengan versi atau produk lain.