LogoDokumentasi Add Text to Image
LogoDokumentasi Add Text to Image
BerandaDocumentationPanduan Pengguna

Panduan Pengguna

Panduan lengkap untuk memulai dengan cepat

Panduan Pengguna

Selamat datang di editor teks gambar online kami! Panduan ini akan membantu Anda mempelajari semua fitur untuk membuat gambar indah dengan cepat.

Langkah 1: Unggah Gambar Anda

Cara Mengunggah?

Saat membuka situs web, Anda akan melihat area unggah. Ada dua cara untuk mengunggah gambar:

Metode 1: Klik untuk Mengunggah

  1. Klik tombol "Pilih File" di tengah
  2. Pilih gambar Anda dari dialog file
  3. Mendukung format JPG, PNG, WebP
  4. Ukuran file maksimum: 10MB

Metode 2: Seret dan Lepas

  1. Seret gambar Anda dari folder ke area unggah
  2. Lepaskan untuk mengunggah

Jika gambar Anda melebihi 5MB, sistem akan secara otomatis mengoptimalkan dan mengompres untuk memastikan pengeditan lancar.

Coba Gambar Contoh

Jika Anda tidak memiliki gambar, klik salah satu contoh ini:

  • Pemandangan : Sempurna untuk watermark foto pemandangan
  • Potret : Ideal untuk foto identitas atau karya potret
  • Ulang Tahun : Bagus untuk kartu ucapan ulang tahun

Langkah 2: Tambah dan Edit Teks

Setelah gambar diunggah, Anda dapat mulai menambahkan teks!

Tambah Teks Biasa

  1. Klik tombol "Tambah Teks" di toolbar atas
  2. Teks default akan muncul di tengah gambar Anda
  3. Klik dua kali teks untuk mengedit kontennya
  4. Seret untuk memindahkannya
  5. Seret sudut untuk mengubah ukuran

Tambah Stempel Waktu

  1. Klik tombol "Stempel Waktu"
  2. Sistem akan secara otomatis menambahkan tanggal dan waktu saat ini
  3. Format waktu menyesuaikan berdasarkan bahasa Anda
  4. Anda dapat memindahkan, mengubah ukuran, dan mengeditnya seperti teks biasa

Fitur stempel waktu sempurna untuk menambahkan tanggal pengambilan foto atau membuat gambar kenangan bertanggal!


Langkah 3: Kustomisasi Gaya Teks

Saat Anda memilih teks, panel properti muncul di sebelah kanan (dalam mode layar penuh). Di sini Anda akan menemukan opsi styling teks yang lengkap:

Pengaturan Font

Pilih Font

  • Font Sistem: Termasuk Arial, Times New Roman, dan font umum lainnya
  • Google Fonts: Ratusan font indah yang dikelompokkan berdasarkan kategori:
    • Font Cina: Untuk konten Cina
    • Font Inggris: Termasuk gaya elegan, modern, tulisan tangan
    • Font Khusus: Font artistik dan dekoratif

Sesuaikan Ukuran Font

  • Seret penggeser untuk menyesuaikan ukuran (12-200 piksel)
  • Angka lebih besar berarti teks lebih besar

Format Teks

Tiga tombol format untuk styling teks cepat:

  • Tebal : Membuat teks menonjol
  • Miring : Menambah keanggunan
  • Garis Bawah : Menekankan konten kunci

Klik tombol untuk mengaktifkan atau menonaktifkan efek. Anda dapat menggabungkan beberapa format!

Pengaturan Warna

Warna Teks

  1. Klik di pemilih warna untuk memilih warna favorit Anda
  2. Atau masukkan kode warna di kolom input di bawah
  3. Pratinjau perubahan secara real-time

Pengaturan Garis Tepi (Outline)

  • Lebar Garis Tepi: Seret penggeser untuk menyesuaikan ketebalan outline (0-20 piksel)
  • Warna Garis Tepi: Pilih warna outline
  • Garis tepi membantu teks menonjol di latar belakang apa pun!

Tips Pro: Teks putih + garis tepi hitam adalah kombinasi klasik yang bekerja di gambar apa pun!

Efek Bayangan

Menambahkan bayangan menciptakan kedalaman dan dimensi:

  1. Klik tombol "Aktifkan" di samping "Bayangan"
  2. Sesuaikan parameter bayangan:
    • Blur: Seberapa lembut bayangan tampak
    • Offset X: Geser bayangan ke kiri atau kanan
    • Offset Y: Geser bayangan ke atas atau bawah

Rotasi dan Opasitas

Putar Teks

  • Seret penggeser rotasi (0-360°)
  • Atau gunakan tombol cepat: 0°, 45°, 90°, 180°, 270°
  • Sempurna untuk label miring dan watermark diagonal

Sesuaikan Opasitas

  • Seret penggeser opasitas (0-100%)
  • Atau gunakan tombol cepat: 25%, 50%, 75%, 100%
  • Nilai lebih rendah membuat teks lebih transparan
  • Ideal untuk efek watermark halus

Efek Teks Lanjutan

Jarak Karakter

  • Sesuaikan jarak antar karakter
  • Nilai positif: Renggangkan huruf
  • Nilai negatif: Dekatkan huruf

Tinggi Baris

  • Sesuaikan spasi antar baris teks
  • Sempurna untuk mengoptimalkan tata letak multi-baris

Efek Teks Berongga

  1. Klik "Aktifkan" di samping "Teks Berongga"
  2. Bagian tengah teks menjadi transparan, hanya menyisakan outline
  3. Menciptakan efek artistik unik!

Langkah 4: Pelapisan Teks (Fitur Watermark)

Ini adalah salah satu fitur kami yang paling powerful! Ulangi teks di seluruh gambar Anda untuk membuat watermark profesional.

Cara Mengaktifkan Pelapisan?

  1. Pilih teks yang ingin Anda lapisi
  2. Temukan "Pengaturan Pengulangan" di panel properti
  3. Klik tombol "Aktifkan"

Tiga Mode Pelapisan

Mode Tunggal

  • Menampilkan hanya satu instance teks
  • Untuk pengeditan teks biasa

Mode Kisi

  • Mengatur teks dalam baris dan kolom
  • Kontrol presisi atas:
    • Kolom: Jumlah instance horizontal
    • Baris: Jumlah instance vertikal
    • Spasi Horizontal: Jarak antara kiri dan kanan
    • Spasi Vertikal: Jarak antara atas dan bawah

Mode Rapat

  • Teks mengisi seluruh gambar dengan rapat
  • Hanya sesuaikan "Spasi Lapisan":
    • 0x: Teks benar-benar berdekatan
    • 0.5x: Sedikit spasi
    • 1x: Spasi standar
    • 2x: Susunan jarang

Pengaturan yang Direkomendasikan:

  • Watermark hak cipta: Gunakan mode Rapat, spasi 0.5-1x, opasitas 30-50%
  • Efek dekoratif: Gunakan mode Kisi, 3×3 atau 4×4, opasitas 70-100%

Kontrol Tata Letak

Potong ke Kanvas

  • Aktif: Hanya tampilkan teks dalam batas gambar
  • Nonaktif: Izinkan teks meluas melewati tepi

Paskan Semua Teks di Gambar

  • Klik tombol "Paskan Otomatis"
  • Sistem secara otomatis menghitung baris, kolom, dan spasi optimal
  • Memastikan semua teks muncul di gambar

Penjelasan Fitur Toolbar

Toolbar atas berisi semua tombol operasi inti:

Kontrol Zoom

  • Perbesar : Klik untuk memperbesar kanvas (hingga 400%)
  • Perkecil : Klik untuk memperkecil kanvas (hingga 25%)
  • Tampilan Persentase: Menampilkan level zoom saat ini, klik untuk reset ke 100%

Sempurna untuk melihat detail atau pratinjau keseluruhan!

Batalkan dan Ulangi

  • Batalkan : Kembali ke operasi sebelumnya
  • Ulangi : Kembalikan operasi yang baru saja dibatalkan

Kami menyimpan setiap langkah, jadi silakan bereksperimen!

Reset

  • Klik tombol reset untuk menghapus semua edit
  • Kembali ke keadaan tepat setelah unggah
  • Sistem akan meminta konfirmasi untuk mencegah kesalahan

Mode Layar Penuh

Masuk Layar Penuh

  • Klik tombol "Masuk Layar Penuh"
  • Atau tekan tombol F di keyboard Anda

Keuntungan Layar Penuh:

  • Area pengeditan lebih besar untuk pekerjaan lebih mudah
  • Panel layer di sebelah kiri
  • Panel properti teks di sebelah kanan
  • Info gambar di sudut kanan bawah

Keluar Layar Penuh

  • Klik tombol "Keluar Layar Penuh"
  • Atau tekan tombol F lagi

Manajemen Layer (Mode Layar Penuh)

Dalam mode layar penuh, panel layer kiri mengelola semua teks Anda:

Daftar Layer

  • Menampilkan semua teks yang telah Anda tambahkan
  • Setiap layer menampilkan pratinjau konten teks
  • Klik layer untuk memilih teks yang sesuai

Tombol Aksi Layer

Setiap layer memiliki tiga tombol aksi:

Tampilkan/Sembunyikan

  • Klik ikon mata untuk menyembunyikan teks
  • Teks tersembunyi tidak akan muncul di gambar yang diekspor
  • Klik lagi untuk menampilkan

Kunci/Buka Kunci

  • Klik ikon kunci untuk mengunci teks
  • Teks terkunci tidak dapat dipindahkan atau diedit
  • Mencegah perubahan yang tidak disengaja pada konten penting

Hapus

  • Klik ikon tempat sampah untuk menghapus teks
  • Sistem akan meminta konfirmasi
  • Anda dapat memulihkan teks yang dihapus menggunakan batalkan

Informasi Gambar

Mode Default

Dalam mode default, sisi kanan menampilkan informasi gambar detail:

  • Nama File: Nama gambar yang Anda unggah
  • Ukuran File: Ukuran file gambar
  • Jenis File: JPG, PNG, atau WebP
  • Dimensi: Lebar dan tinggi dalam piksel
  • Rasio Aspek: Proporsi gambar

Mode Layar Penuh

Dalam mode layar penuh, info gambar mengambang di sudut kanan bawah dengan efek kaca buram, tidak akan menghalangi area pengeditan Anda.


Ekspor Gambar Anda

Setelah selesai mengedit, klik tombol "Ekspor" untuk mengunduh karya Anda:

  1. Klik tombol "Ekspor" di toolbar atas
  2. Dalam dialog, pilih opsi ekspor:
    • Format file (PNG, JPG, WebP)
    • Kualitas gambar
    • Nama file
  3. Klik tombol "Unduh"
  4. Gambar otomatis tersimpan ke folder unduhan Anda

Panduan Pemilihan Format:

  • PNG: Untuk latar belakang transparan atau kualitas tertinggi
  • JPG: Ukuran file terkecil, bagus untuk media sosial
  • WebP: Kualitas dan ukuran seimbang, ideal untuk penggunaan web

Fungsi Bagikan

Klik tombol "Bagikan" untuk dengan cepat membagikan karya Anda:

  • Salin tautan untuk dibagikan dengan teman
  • Bagikan ke media sosial
  • Sematkan di situs web Anda

FAQ

Mengapa font saya tidak berubah?

Google Fonts memerlukan waktu untuk dimuat. Harap tunggu beberapa detik, dan font akan diterapkan secara otomatis.

Bagaimana cara membuat watermark transparan?

  1. Tambahkan teks
  2. Atur opasitas ke 30-50%
  3. Aktifkan pelapisan
  4. Pilih mode Rapat

Teks saya tertutup oleh gambar, apa yang harus saya lakukan?

Gunakan panel layer untuk menyesuaikan urutan layer, atau tambahkan garis tepi dan bayangan untuk meningkatkan visibilitas.

Bisakah saya mengedit beberapa teks sekaligus?

Ya! Pilih layer yang berbeda di panel layer untuk beralih objek pengeditan.

Bagaimana cara menyimpan progres pengeditan saya?

Fitur riwayat edit kami secara otomatis menyimpan setiap langkah. Gunakan tombol batalkan/ulangi untuk menavigasi melalui riwayat.


Pintasan Keyboard

  • Tombol F: Beralih mode layar penuh
  • Ctrl/Cmd + Z: Batalkan
  • Ctrl/Cmd + Y: Ulangi
  • Delete: Hapus teks yang dipilih

Tips Pro

  1. Watermark Profesional: Teks putih + garis tepi hitam + opasitas 30% + pelapisan rapat
  2. Sorot Teks Kunci: Font besar + tebal + efek bayangan
  3. Ciptakan Atmosfer: Coba kategori font berbeda seperti tulisan tangan atau artistik
  4. Label Miring: Gunakan rotasi 45° + efek garis tepi
  5. Watermarking Batch: Gunakan fitur paskan otomatis "Paskan Semua Teks di Gambar"

Sekarang Anda telah menguasai semua fitur—mulailah membuat gambar indah Anda!

Documentation

Welcome to the documentation

Daftar isi

Panduan Pengguna
Langkah 1: Unggah Gambar Anda
Cara Mengunggah?
Coba Gambar Contoh
Langkah 2: Tambah dan Edit Teks
Tambah Teks Biasa
Tambah Stempel Waktu
Langkah 3: Kustomisasi Gaya Teks
Pengaturan Font
Format Teks
Pengaturan Warna
Efek Bayangan
Rotasi dan Opasitas
Efek Teks Lanjutan
Langkah 4: Pelapisan Teks (Fitur Watermark)
Cara Mengaktifkan Pelapisan?
Tiga Mode Pelapisan
Kontrol Tata Letak
Penjelasan Fitur Toolbar
Kontrol Zoom
Batalkan dan Ulangi
Reset
Mode Layar Penuh
Manajemen Layer (Mode Layar Penuh)
Daftar Layer
Tombol Aksi Layer
Informasi Gambar
Mode Default
Mode Layar Penuh
Ekspor Gambar Anda
Fungsi Bagikan
FAQ
Mengapa font saya tidak berubah?
Bagaimana cara membuat watermark transparan?
Teks saya tertutup oleh gambar, apa yang harus saya lakukan?
Bisakah saya mengedit beberapa teks sekaligus?
Bagaimana cara menyimpan progres pengeditan saya?
Pintasan Keyboard
Tips Pro