Cara Mencipta Tema Tumblr dengan Reka Bentuk JPA

Tumblr menggabungkan penekanan pada kreativiti visual dengan panjang pos yang berada di antara kependekan Twitter dan panjang tak terbatas entri blog tradisional. Dengan menggunakan tema Tumblr khusus yang memperluas identiti dalam dan luar talian anda, tumbelog anda dapat menjadi sebahagian daripada strategi yang merangkumi media sosial dan talian lain.

Menetapkan Dimensi

Alat panduan pengukur dan keupayaan lapisan dalam Adobe Photoshop memudahkan penciptaan asas tema Tumblr, lengkap dengan grid susun atur yang mentakrifkan dimensi kawasan kandungan. Dengan menyusun kumpulan lapisan untuk setiap aspek reka bentuk—ruang utama, bar sisi, dan lain‑lain—anda boleh menempatkan semua panduan bagi setiap elemen pada satu lapisan dalam kumpulan tersebut. Cara ini membolehkan panduan ditampilkan secara terpilih, menjimatkan masa yang diperlukan untuk menyembunyikan dan memaparkan semua panduan secara serentak. Beri nama kumpulan dan lapisan mengikut fungsi bagi memudahkan pengenalan. Proses penamaan ini setakat ini memberi pulangan dalam masa tidak perlu menukarkan lapisan hidup demi menentukan kandungannya. Untuk mencari dimensi sebarang elemen susun atur dengan cepat, tekan "F8" untuk membuka panel Info dan kemudian "Ctrl‑klik" pada thumbnail panel Lapisan untuk memuatkan pemilihan berdasarkan piksel lapisan tersebut.

Memilih Warna

Anda boleh memilih rona bagi tema anda menggunakan Pencincang Warna yang terbukti masa, memuatkan pilihan daripada perpustakaan warna untuk padankan logo atau bahan cetak, atau menggunakan Alat Pemilih Warna untuk mengambil warna daripada fail atau grafik lain. Adobe Photoshop menyediakan pelbagai kaedah pemilihan warna tema. Apabila anda mengisi lapisan dengan warna pepejal untuk mensimulasikan latar belakang tema Tumblr atau elemen lain reka bentuk, anda boleh menyalin kod hex daripada paparan hex Pencincang Warna dan menampilkannya dalam nama lapisan untuk rujukan cepat. Enam aksara alfanumerik dalam warna hex muncul dalam kod Tumblr serta dalam reka bentuk web untuk blog dan format dalam talian lain.

Mencipta Grafik

Banner tajuk tumbelog boleh menggunakan grafik bitmape sebagai elemen tematik. Anda boleh mencipta elemen kritikal ini dengan gabungan teks dan elemen pixel‑ atau vektor‑berasaskan dalam fail PSD anda. Jika grafik mengandungi elemen yang boleh disesuaikan anda taip dalam Photoshop, biarkan mereka sebagai teks hidup dalam fail tema PSD dan rasterisasikan hanya dalam salinan fail yang anda berikan kepada orang lain yang tidak mempunyai lesen fon yang diperlukan. Apabila menggunakan alat vektor di Photoshop, termasuk Alat Pen dan Alat Bentuk, lukis menggunakan garis panduan yang selari dengan resolusi asas fail templat anda. Teknik ini membantu mengekalkan ketajaman seni lukisan semasa anda menyimpan atau mengeksport versi raster.

Langkah Seterusnya

Jika anda mahir dalam kod HTML dan CSS serta memahami pembolehubah khusus Tumblr yang digunakan dalam struktur kodnya, anda boleh menterjemahkan dimensi, spesifikasi warna dan grafik yang anda bina dalam PSD kepada tema Tumblr khusus yang berfungsi. Jika pengekodan web di luar kemahiran anda, anda boleh menghantar PSD kepada pengaturcara untuk menghasilkan tema bagi anda. Selain rawatan visual, tema Tumblr mesti mengandungi pembolehubah dan blok. Pembolehubah menerima nilai dinamik untuk mencipta elemen visual standard Tumblr. Blok membentuk segmen kod yang menggabungkan pembolehubah dengan HTML. Blok menetapkan pos dan pautan kekal (permalinks) yang menghubungkannya, pautan yang bergerak antara segmen bahan berstruktur kronologi, serta elemen yang memudahkan penggemar atau pengikut tumbelog.

Maklumat Versi

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