Panduan pengguna
Menambahkan logo persegi dan logo lebar
Unggah lambang persegi dan wordmark lebar, pangkas serta putar di aplikasi, simpan beberapa varian, dan pelajari logo mana yang dicetak setiap templat PDF.
Sebagian besar bisnis memiliki logo dalam lebih dari satu bentuk. Ada lambang ringkas yang muat di dalam lingkaran atau persegi, dan ada versi yang lebih panjang dengan nama perusahaan tertulis di sampingnya. Invoice Flow menyimpan keduanya, dalam dua slot terpisah pada profil bisnis, karena keduanya punya tugas berbeda: lambang persegi adalah avatar Anda di dalam aplikasi sekaligus elemen yang dicetak oleh sebagian tata letak PDF kustom, sedangkan versi lebar adalah yang ditempatkan dua belas templat faktur bawaan di bagian kepala halaman. Jika Anda hanya punya satu berkas, kedua slot tetap bisa diisi dari berkas itu: layar pemangkasan memungkinkan Anda memotong bagian persegi dari spanduk lebar, atau memotong strip lebar dari sebuah poster.
Panduan ini mengikuti Tidewater Brewing Company, sebuah pabrik bir kecil di Portland, Maine, yang mengantar keg ke bar-bar di sekitar Old Port. Pemiliknya, Nora Quinlan, punya lencana bundar berwarna hijau dengan huruf TB serta sebuah wordmark lebar. Ia ingin lencana itu tampil di aplikasi dan pada faktur bergaya tukang yang dikirim bersama pengiriman keg, sedangkan wordmark dipakai pada faktur yang lebih bersih untuk restoran.
Menyiapkan bagian profil selebihnya punya panduan tersendiri; yang ini membahas baris logo, layar pemangkasan di baliknya, dan bagaimana templat PDF memilih di antara kedua gambar tersebut.
Apa yang Anda lihat di layar
Buka Pengaturan (Settings) lalu ketuk kartu profil di bagian atas (atau Profil bisnis (Business Profiles), lalu sebuah profil). Formulir yang terbuka berjudul Edit profil bisnis (Edit Business Profile), dan baris pertamanya adalah baris logo. Saat peluncuran pertama, baris yang sama muncul pada halaman kedua proses pengenalan.
Baris ini punya dua slot:
- Di sebelah kiri, sebuah kotak persegi. Di atasnya ada dropdown kecil bertuliskan v.1 · 1:1 yang mencantumkan tiga varian persegi. Slot persegi selalu memangkas pada rasio 1:1 dan ukuran yang disarankan adalah 1200×1200 px.
- Di sebelah kanan, kotak yang lebih lebar dan mengisi sisa baris. Dropdown-nya secara bawaan bertuliskan 4:1 · 1200×300 px dan menawarkan empat bentuk: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px dan 16:9 · 1920×1080 px.
Kotak yang masih kosong menampilkan ikon kamera dengan tanda tambah dan tombol Tambah (Add) di bawahnya. Setelah ada gambar di dalam slot, kotak itu menampilkan gambar dengan proporsi aslinya di atas latar berwarna lembut, dan tombolnya berubah menjadi Ubah (Change). Di setiap dropdown, lingkaran centang terisi di depan sebuah entri berarti varian itu sudah punya gambar; lingkaran kosong berarti masih kosong.
Cara mengunggah logo ke sebuah slot
Alurnya sama untuk kedua slot; hanya bentuk pemangkasannya yang berbeda.
- Di editor profil, ketuk kotak kosong atau tombol Tambah di bawahnya. Aplikasi langsung membuka galeri foto Anda (tidak ada opsi kamera untuk logo; ambil fotonya lebih dulu bila perlu).
- Pilih gambarnya: PNG, JPEG, atau tangkapan layar kop surat Anda. Pemilih berkas menerima hingga 2048 px per sisi untuk slot persegi dan 4096 px untuk slot lebar.
- Layar Pangkas gambar (Crop image) terbuka dengan bingkai yang terkunci pada bentuk slot tersebut. Seret dengan satu jari untuk menggeser gambar, cubit dengan dua jari untuk memperbesar, atau gunakan tombol-tombol di sepanjang bagian bawah (lihat bagian berikutnya).
- Ketuk tanda centang di pojok kanan atas. Aplikasi merender isi bingkai menjadi PNG lalu kembali ke editor profil, di mana kotaknya kini menampilkan hasil pangkasan Anda dan tombolnya bertuliskan Ubah.
- Gulir ke bawah dan ketuk Simpan perubahan (Save Changes) (atau Lanjut (Continue) selama proses pengenalan). Sebelum itu, logo hanya ada di formulir yang sedang terbuka; meninggalkan layar akan membuangnya, dan aplikasi memperingatkan Anda soal perubahan yang belum disimpan saat Anda keluar.
Untuk mengisi slot satunya dari berkas yang sama, ulangi langkah-langkah tadi pada kotak yang lain dan pilih gambarnya lagi. Nora memilih lencana untuk slot persegi dan sebuah spanduk berisi lencana plus wordmark untuk slot lebar, lalu menggeser spanduk itu di dalam bingkai 4:1.
Cara memangkas, memutar dan mengatur posisi
Layar pemangkasan berlatar hitam dengan bingkai pangkas di tengah. Semua yang terlihat di dalam bingkai akan masuk ke dalam logo, termasuk pola kotak-kotak terang yang tampil di belakang area transparan: gambar yang disimpan adalah PNG datar, bukan PNG transparan. Garis bantu putih tipis aturan sepertiga membantu Anda menyejajarkan teks dengan tepi.
Enam ikon di bagian bawah tidak memiliki label teks; tekan lama untuk melihat namanya. Dari kiri ke kanan:
| Ikon | Nama (tooltip tekan lama) | Fungsinya |
|---|---|---|
| Bidik silang dalam bingkai | Tengahkan (Center) | Mengembalikan gambar ke tengah bingkai pada kedua arah, dengan zoom dan rotasi tetap. |
| Batang vertikal di antara panah | Tengahkan horizontal (Center horizontally) | Menengahkan hanya dari kiri ke kanan; posisi vertikal Anda tetap. |
| Batang horizontal di antara panah | Tengahkan vertikal (Center vertically) | Menengahkan hanya dari atas ke bawah. |
| Panah melengkung dengan persegi | Putar (Rotate) | Memutar gambar 90 derajat searah jarum jam setiap kali diketuk. Empat ketukan mengembalikannya seperti semula. |
| Bingkai dengan panah | Sesuaikan otomatis (Auto-fit) | Memperbesar gambar sampai menutupi seluruh bingkai tanpa margin kosong (sisi yang lebih pendek menempel pada bingkai; sisi yang lebih panjang mungkin terpotong) lalu menengahkannya. Rotasi dipertahankan. |
| Panah melingkar | Atur ulang (Reset) | Mengembalikan gambar ke kondisi awal: di tengah, muat di dalam bingkai, tanpa rotasi. |
- Ketuk Sesuaikan otomatis lebih dulu jika gambar punya ruang kosong di sekelilingnya. Tombol ini nonaktif sesaat setelah layar terbuka, selagi aplikasi membaca ukuran gambar.
- Seret gambar sampai bagian yang Anda inginkan berada di dalam bingkai. Cubit untuk memperbesar pada lambang kecil, atau memperkecil agar lebih banyak yang masuk.
- Jika sumbernya terpotret miring, ketuk Putar sekali atau dua kali. Memutar dengan dua jari juga bisa memutar bebas pada sudut berapa pun; gunakan itu untuk meluruskan pindaian yang sedikit miring.
- Ketuk Tengahkan untuk mengembalikan gambar ke tengah begitu Anda puas dengan tingkat zoom-nya, atau salah satu dari dua tombol satu-sumbu jika hanya satu arah yang bergeser.
- Ketuk Atur ulang untuk mengulang dari awal, atau tanda X di pojok kiri atas untuk keluar tanpa mengubah slot.
- Ketuk tanda centang untuk menyimpan hasil pangkasan.
Untuk memangkas ulang logo yang sudah ada di sebuah slot, ketuk Ubah lalu pilih Pangkas gambar. Layar pemangkasan terbuka pada gambar yang tersimpan, yaitu hasil pangkasan sebelumnya, bukan gambar aslinya: jika pada percobaan pertama Anda memotong terlalu banyak, gunakan Ganti gambar (Replace image) dan pilih berkas aslinya lagi.
Cara mengganti, memangkas ulang atau menghapus logo
Setelah sebuah slot berisi gambar, tombol Ubah tidak lagi langsung membuka galeri. Tombol itu membuka lembar bawah singkat berisi tiga pilihan.
- Ketuk Ubah di bawah slot yang ingin Anda sunting.
- Pilih Ganti gambar untuk memilih berkas baru dari galeri lalu memangkasnya, Pangkas gambar untuk membuka kembali layar pemangkasan pada gambar saat ini, atau Hapus (Delete) untuk mengosongkan slot.
- Untuk Hapus, konfirmasikan pada dialog berjudul Hapus entri ini? (Remove this entry?) dengan mengetuk Hapus berwarna merah, atau batalkan dengan Batal (Cancel).
- Ketuk Simpan perubahan di bagian bawah formulir. Seperti tertulis pada dialog, penghapusan baru diterapkan setelah formulir disimpan.
Penghapusan hanya berlaku pada satu varian, yaitu yang sedang dipilih di dropdown slot tersebut. Jika slot lebar menampilkan 4:1 lalu Anda menghapus, versi 16:9 yang Anda unggah sebelumnya tidak tersentuh.
Cara menyimpan lebih dari satu versi logo
Setiap slot menyimpan beberapa gambar yang berdiri sendiri. Slot persegi punya tiga versi bernomor (v.1, v.2, v.3), semuanya 1:1, dan slot lebar punya satu gambar per rasio aspek. Dropdown di atas kotak melakukan dua hal sekaligus: mengganti gambar mana yang ditampilkan dan disunting oleh kotak itu, sekaligus menandai gambar tersebut sebagai versi aktif, yaitu versi yang dipakai bagian aplikasi lainnya.
- Buka dropdown di atas slot lalu pilih entri yang kosong (lingkaran kosong), misalnya v.2 · 1:1 atau 16:9 · 1920×1080 px.
- Kotak menjadi kosong dan tombolnya bertuliskan Tambah. Ketuk tombol itu, pilih gambarnya, pangkas di dalam bingkai untuk bentuk tersebut lalu konfirmasikan.
- Buka lagi dropdown-nya dan pilih entri yang Anda inginkan sebagai bawaan sehari-hari. Entri itu menjadi varian aktif.
- Ketuk Simpan perubahan.
Nora menyimpan lencana standar di v.1 dan versi musim dingin di v.2; pada bulan Desember ia mengalihkan dropdown ke v.2 lalu menyimpannya. Di slot lebar ia punya wordmark 4:1 dan versi bertumpuk 16:9.
Mengganti pilihan pada dropdown lebar tidak pernah mengubah bentuk gambar yang sudah ada; memilih 2:1 hanya menampilkan gambar 2:1, entah terisi atau tidak. Untuk memakai karya yang sama pada bentuk kedua, unggah ulang di bawah bentuk tersebut.
Bagaimana templat menentukan logo mana yang dicetak
Ada dua keluarga tata letak PDF di Invoice Flow, dan keduanya memperlakukan kedua slot secara berbeda.
Templat bawaan (Clean, Professional, Modern, Classic dan sisanya dari dua belas templat yang Anda pilih di Pilih template (Select Template) pada editor faktur) selalu mencetak logo lebar. Gambarnya ditempatkan dalam kotak 60×60 pt di bagian kepala halaman dengan proporsi yang dipertahankan, sehingga wordmark 4:1 menjadi strip selebar 60 pt dan setinggi 15 pt, berada di atas atau di samping detail perusahaan tergantung templatnya. Lambang persegi tidak pernah dipakai oleh templat-templat ini.
Templat kustom (Custom templates) dari galeri templat dan editor visual berisi elemen terpisah bernama Logo persegi (Square logo) dan Logo lebar (Wide logo). Sebuah tata letak mencetak elemen apa pun yang dikandungnya. Dari preset siap pakai, misalnya, Trades, Clean (dalam grup Modern), Centered dan Dense menempatkan lambang persegi, sedangkan Business, Services, Accent stripe, Statement dan Airy menempatkan yang lebar. Elemen persegi dicetak pada ukuran 60×60 pt; elemen lebar setinggi 40 pt dan selebar yang diizinkan proporsinya, yang jauh lebih cocok untuk wordmark dibandingkan kotak kepala halaman templat bawaan.
Untuk merender faktur dengan tata letak berlogo persegi, buka Pengaturan, lalu Templat kustom, pilih sebuah preset di Galeri templat (Template gallery) (atau bangun sendiri dengan elemen Logo persegi) lalu ketuk Gunakan (Use). Kemudian, di editor faktur, pilih templat tersebut pada kartu Templat kustom di bawah Pilih template. Panduan tentang templat dan editor templat kustom membahas hal ini secara rinci.
Untuk slot lebar ada satu kontrol tambahan di editor faktur. Jika profil Anda punya dua atau lebih versi lebar yang telah diunggah, kartu Varian logo (Logo variant) muncul di bawah pemilihan templat, dengan satu thumbnail per rasio aspek dan tombol Gunakan default profil (Use profile default). Mengetuk sebuah thumbnail membuat faktur itu mencetak versi tersebut alih-alih versi aktif profil; pilihan ini disimpan bersama faktur. Kartu serupa, Varian logo persegi (Square logo variant), tersedia untuk ketiga versi persegi.
Aturan dan detail
- Tidak ada perubahan logo yang tersimpan sebelum Anda mengetuk Simpan perubahan atau Lanjut. Menambah, memangkas, menghapus dan mengganti varian aktif semuanya hanya ada di formulir terbuka sampai saat itu.
- Pemangkasan tiap slot terkunci pada bentuknya: 1:1 untuk slot persegi, dan rasio aspek yang sedang dipilih di dropdown untuk slot lebar.
- Hasil pangkasan dirender dari layar pada dua sampai empat kali kerapatan tampilan. Pada ponsel umumnya itu menghasilkan logo persegi sekitar 2000 px, cukup tajam untuk cetak. Keluarannya berupa PNG lossless, tetapi ditangkap bersama latar terang bingkai di belakangnya, sehingga area transparan pada sumber keluar sebagai pola kotak-kotak pucat alih-alih transparan, dan garis bantu tipis pun bisa ikut tertangkap.
- Varian persegi yang aktif adalah yang ditampilkan aplikasi sebagai avatar Anda pada kartu profil di Pengaturan dan di daftar Profil bisnis. Jika tidak ada logo persegi sama sekali, avatar beralih ke logo lebar, dan setelah itu ke inisial Anda.
- Menduplikasi profil dari daftar Profil bisnis akan menyalin setiap versi logo ke profil baru.
- Templat bawaan hanya mencetak logo lebar. Jika versi lebar yang aktif kosong, kepala halaman sekadar tanpa logo; lambang persegi tidak menggantikannya.
- Pada templat kustom, elemen Logo persegi mencetak varian persegi aktif dari profil. Kartu Varian logo persegi per faktur memang menyimpan nilai pada faktur, tetapi perender kustom saat ini membaca varian aktif profil alih-alih penggantian tersebut; penggantian Varian logo untuk logo lebar dipatuhi oleh kedua keluarga templat.
- Alat logo itu sendiri tidak dibatasi, tetapi membuka editor profil dari Pengaturan memerlukan masa uji coba aktif atau langganan Pro, sama seperti layar Pengaturan lainnya.
- Profil yang dibuat pada versi aplikasi lama yang hanya punya satu kolom logo tetap berfungsi: gambar itu dimuat ke slot lebar (di bawah rasio aspek yang aktif) sampai Anda menggantinya. Slot persegi dimulai dalam keadaan kosong.