Studio Fonta

Buat fonta ubahan yang digambar dengan menggambar setiap karakter pada kanvas. Sempurna untuk tipografi personalisasi, proyek artistik, atau desain fonta belajar.

Font Studio interface Studio Fonta dengan kisi karakter, menggambar kanvas, dan panel pratilik

Apa itu Studio Fonta?

Studio font mengubah huruf yang anda tulis menjadi berkas huruf OTF yang berfungsi penuh. Setiap karakter yang Anda gambar menjadi sebuah glyph dalam fonta gubahan Anda, yang Anda bisa:

      • Unduh sebagai OTF * * - Gunakan dalam perangkat lunak desain apapun
      • Gunakan langsung di PinePaper * * - Terapkan ke butir teks secara langsung
      • Simpan kemajuan Anda * * - Ekspor / impor data font sebagai JSON

Membuka Studio Fonta

Klik tombol * * Fonta * * di bilah alat kiri untuk membuka Studio Fonta.

Font Studio button in toolbar Tombol Studio 0 di toolbar kiri

Tampilan Antar Muka

Studio Fonta memiliki tiga area utama:

Panel Kiri: Kisi Karakter

Character grid panel Jaringan karakter menunjukkan selesai (hijau) dan karakter yang tertunda
      • Karakter Set * *: Pilih diantara Minimal (63 chars) atau Standar (90 + chars)
      • Grid * *: Klik karakter apapun untuk memilihnya untuk menggambar
      • Status Penyelesaian * *: Latar belakang hijau mengindikasikan glyphs yang disimpan

Pusat Panel: Menggambar Canvas

Drawing canvas with guides Gambar kanvas dengan garis panduan tipografi
      • Garis Panduan * *: Baris berwarna menampilkan metrik fonta
  • Gambar karakter Anda di sini
      • Tools * *: Brush, Eraser, Undo, Clear, Save

Panel Kanan: Pratilik & Ekspor

Preview and export panel Pratilik fonta dan ekspor ketika siap 1
      • Pratilik * *: Ketik teks untuk melihat fonta gubahan Anda
      • Pengaturan * *: Atur metrik fonta
      • Ekspor * *: Unduh OTF atau gunakan dalam PinePaper

Memahami Garis Panduan Typografi

Typography guide lines explained Baris Panduan dapat membuat fonta profesional yang konsisten 1

Studio Fonta menampilkan empat baris panduan untuk membantu Anda menggambar karakter yang konsisten:

Baris Warna Tujuan Karakter Itu Gunakan Itu
Tinggi Cap Merah Atas huruf besar A, B, C, H, T…
tinggi x- Cyan Huruf huruf kecil paling atas a, c, e, m, x…
Dasar Hijau Dimana huruf “duduk” Semua huruf
Descender Ungu Di bawah dasar g, j, p, q, y

Tips untuk Menggunakan Baris Panduan

      • Huruf huruf besar * * harus menyentuh tinggi cap dan baseline
      • Huruf huruf kecil * * a, c, e, m, dll.) tinggal diantara x-tinggi dan baseline
      • Ascenders * * (b, d, f, h, k, l, t) memperluas dari baseline ke tinggi cap
      • Descenders * * (g, j, p, q, y) dip di bawah garis baseline ke garis turunan

Karakter Gambar

Step-by@-@ Step Guide

      • Pilih karakter * * dari kisi (atau gunakan tombol panah untuk menavigasi)
      • Baca tip * * ditampilkan di atas kanvas untuk menggambar bimbingan
      • Gambar karakter * * menggunakan alat sikat
      • Klik Simpan * * untuk menyimpan glyph Anda (atau tekan td 0)
      • Lanjutkan * * ke karakter berikutnya

Alat Gambar

Alat Pintas Deskripsi
Brush B Gambar sapuan (atur ukuran dengan slider)
Eraser E Klik sapuan untuk menghapusnya
Tak Jadi Ctrl+Z Hapus stroke terakhir
Hapus Hapus semua stroke
Simpan S Simpan gambar sebagai glyph

Ukuran Kuas

Atur penggeser ukuran kuas untuk berat stroke yang berbeda:

      • 4-8 * *: Rincian yang halus, stroke tipis
      • 8- 12 * *: Berat reguler (disarankan)
      • 12- 18 * *: Tebal berat badan
    • Tip Konsistensi: * * Gunakan ukuran kuas yang sama bagi semua karakter untuk membuat berat font seragam.

Belajar sebagai You Draw

Studio fonta termasuk built-in fitur pembelajaran:

Tips Karakter

Setiap karakter menampilkan bimbingan gambar spesifik:

      • “A” * *: “Draw two diagonal stroke meeting at the cap height, with a horizontal crossbar”
      • “G” * *: “Mangkuk kecil pada x- tinggi, turun loop di bawah baseline”
  • “Oval shape, little snarwer than the letter O”

Tombol Belajar

Klik tombol * * Learn * * dalam header untuk menampilkan / menyembunyikan panduan tipografi komprehensif menjelaskan:

  • Apa yang masing-masing baris panduan mewakili
  • Terminologi fonta (ascender, descender, x-height)
  • Tips untuk pembuatan fonta yang konsisten
Learn panel expanded Panel pembelajaran menyediakan pendidikan tipografi

Set Karakter

Minimal Set (63 karakter)

Karakter penting untuk teks dasar:

  • A- Z (26 huruf besar)
  • a-z (26 huruf kecil)
  • 0- 9 (10 digit)
  • Ruang (1)

Standar Set (90 + karakter)

Tambahkan tanda baca untuk kalimat lengkap:

  • Semua karakter minimum
  • !?.,;:'"-()@#$%&*+=/\[]{}|<>~^_
    • Cepat Mulai: * * Lengkap minimum set pertama untuk memiliki fonta yang dapat digunakan, kemudian tambahkan tanda baca seperti yang dibutuhkan.

Pratinjau Fonta Anda

Panel pratinjau menampilkan fonta gubahan Anda dalam aksi:

  1. Tipe teks dalam kolom * * Pratilik Teks * *
  2. Render glyphs ubahan Anda di bawah
  3. Karakter hilang menampilkan sebagai kotak kosong
Font preview with custom text Pratilik fonta gubahan Anda saat Anda membuatnya 1

Mengekspor Fonta Anda

Unduh sebagai OTF

  1. Lengkap paling tidak set karakter minimum
  2. Klik * * Unduh OTF * *
  3. Simpan berkas fonta ke komputer Anda
  4. Pasang dan gunakan dalam aplikasi apapun

Gunakan di PinePaper

  1. Klik * * Gunakan dalam PinePaper * *
  2. Fonta Anda segera tersedia dalam picker fonta
  3. Buat butir teks dengan fonta gubahan Anda

Simpan / Muat Kemajuan

Ciptaan fonta butuh waktu. Simpan kemajuan Anda:

  1. Klik * * Simpan Kemajuan * * untuk mengunduh berkas JSON
  2. Kemudian, klik * * Muat Kemajuan * * untuk melanjutkan di mana Anda tinggalkan

Pintas Papan Ketik

Kunci Aksi
Karakter navigasi
B Alat brush
E Alat pengubah
S Simpan glyph
Ctrl+Z Tak jadi stroke
Esc Tutup Studio Fonta

Tips untuk Fonta Besar

Konsistensi Stroke

  • Gunakan * * ukuran kuas yang sama * * untuk semua karakter
  • Jauhkan seragam berat stroke di setiap huruf
  • Stroke tipis (6-8) untuk berat biasa, tebal (12-16) untuk tebal

Tips Proporsi

      • Uppercase * * harus lebih tinggi dari huruf kecil
      • Nomor * * sering sedikit lebih pendek dari kapitals
      • Tanda Baca * * biasanya sejajar dengan tinggi huruf kecil

Kesalahan Umum untuk Hindari

      • Lebar stroke tidak konsisten * * - Gunakan ukuran kuas yang sama
      • Mengabaikan baris panduan * * - Karakter akan terlihat tidak rata
      • Melupakan ruang * * - Setiap font membutuhkan ruang gliph!
      • Rushing * * - Luangkan waktu untuk setiap karakter

Pengaturan

Studio Fonta termasuk beberapa pengaturan untuk menyesuaikan pemrosesan glif:

Pengaturan Dasar

Tatanan Baku Deskripsi
Tampilkan Baris Panduan Hidup Tampilkan garis panduan tipografi
Tampilkan Lapisan Templat Hidup Tampilkan karakter referensi samar
Sapuan Halus Otomatis Hidup Sederhanakan kurva tangan-digambar
Maju Otomatis ke Berikutnya Hidup Pindah ke karakter selanjutnya setelah menyimpan

Pengaturan Proses Path

Tatanan Baku Deskripsi
Ukuran Normalisasi Glyph Hidup Skale glyphs ke ukuran konsisten untuk merender fonta yang tepat. Nonaktifkan untuk melestarikan proporsi gambar yang tepat.
Hapus Overlap Hidup Merge tumpang tindih stroke ke outlines bersih. Sangat penting ketika stroke menyeberang satu sama lain. Berdasarkan FontForge 's RemoveOverlap.
Winding Benar Hidup Perbaiki arah tapak untuk merender isi yang tepat. Kontur luar searah jarum jam, lubang dalam berlawanan arah jarum jam. Berdasarkan Pemasyarakatan FontForge.

Rekomendasi: Pertahankan semua pengaturan pemrosesan jalur yang diaktifkan untuk keluaran fonta profesional. Matikan hanya jika Anda memiliki kebutuhan spesifik.

Metrik Fonta (Lanjutan)

Untuk kontrol yang tepat, atur metrik fonta dalam Pengaturan:

Metrik Baku Deskripsi
Satuan Per Em 1000 Ukuran kisi koordinat
Ascender 800 Tinggi di atas baseline
Descender -200 Kedalaman di bawah baseline
    • Hanya Pengguna Lanjutan: * * Mengubah metrik mempengaruhi bagaimana skala fonta Anda. Default bekerja dengan baik untuk kebanyakan kasus.

Penelusuran masalah

Fonta saya terlihat bergerigi

  • Aktifkan * * Auto- Smooth * * dalam pengaturan untuk lengkungan halus
  • Tarik stroke perlahan dan sengaja

Karakter tidak sejajar

  • Ikuti garis panduan dengan hati-hati
  • Periksa bahwa semua huruf duduk di baseline
  • Verifikasi besar sentuh tinggi cap, huruf kecil sentuh x-tinggi

Ekspor gagal

  • Pastikan setidaknya satu karakter disimpan
  • Periksa apakah fonta Anda memiliki nama

Hak Cipta & Licensing

Anda Memiliki Fonta Anda

Ketika Anda membuat fonta menggunakan Studio Fonta, * * Anda memiliki hak cipta * * ke desain asli Anda gliph. Berkas OTF yang Anda ekspor adalah properti intelektual Anda.

Apa artinya ini:

  • Anda dapat menggunakan fonta untuk proyek pribadi
  • Anda dapat menggunakan font komersial (logo bisnis, produk, dll)
  • Anda dapat mendistribusikan fonta Anda ke orang lain
  • Anda dapat menjual fonta jika Anda memilih
  • Anda dapat lisensi fonta Anda dalam istilah apapun yang Anda putuskan

Memahami Berkas Fonta

Berkas OTF (Fonta OpenType) adalah format fonta standar yang dikenali oleh semua sistem operasi dan perangkat lunak desain utama. Saat Anda mengunduh fonta Anda:

      • Pasang itu * * di komputer Anda seperti fonta lain
      • Gunakan itu * * Dalam Word, Photoshop, Illustrator, proyek web, dll.
      • Share it * * with colaborators or client
      • Embed it * * in documents and website

Pelajari Lebih Tentang Licensing Fonta

Jika Anda berencana mendistribusikan atau menjual fonta Anda, pemahaman lisensi fonta penting:

Sumber Daya Deskripsi
[SIL Open Font License] (# 0] Lisensi fonta open-source populer
[Google Fonts Licensing] (# 0] Bagaimana cara kerja fonta terbuka
[Font Licensing Basics] (# 0] Pengantar ke lisensi fonta
[Spesifikasi OpenType] (OpenType] Format rincian fonta teknikal

Embedding Metadata

Fonta Anda termasuk metadata dasar:

      • Nama Fonta * *: Nama yang Anda nyatakan dalam Studio Fonta
      • Dibuat Oleh * *: Dapat diset dalam pengaturan lanjutan
      • Versi * *: 1.0 secara baku

♪ Pro Tip: ♪ ♪ Jika Anda berencana untuk mendistribusikan fonta Anda, pertimbangkan menambahkan nama / studio dalam nama fonta (misalnya, “MyStudio Handwriting”) untuk mempertahankan atribute.

♪ Penting: ♪ ♪ Sementara Anda memiliki desain asli glif Anda, pastikan nama fonta Anda tidak melanggar merek dagang yang ada. Hindari nama yang mirip dengan fonta komersial yang dikenal.

Terkait

  • Gunakan fonta kustom dalam desain Anda
  • [Animasi] (t 0] - Animasi teks dengan font gubahan
  • [Expor Overview] (cH00ffff) - Ekspor desain dengan fonta gubahan