Hal utama yang perlu diperhatikan saat mengganti background foto yaitu proses menghapus backgroundnya terlebih dahulu. Pada proses ini masing-masing desainer memiliki teknik dan tool tertentu yang disukai. Beberapa ada yang mengutamakan kepraktisan dan kecepatan waktu. Ada pula yg mengedepankan kedetailan dengan konsekuensi mamakan waktu lama.

Ketika mengerjakan deadline, bagi saya menghapus background termasuk salah satu bagian menjenuhkan. Demi mendapatkan background yang transparant, tenaga dan waktu pun harus terkuras gara-gara tahap ini. Bagian yang sepele tapi serta merta tidak dapat disepelekan saat mengerjakan projek.

Belum lagi kalau harus menghadapi teman atau orang dekat yang tiba-tiba datang minta tolong editin foto. Sebagai desainer pemula, kejadian seperti itu sangat dilematis. Mau menolak sungkan, kalau diiyakan, diri sendiri yang babak belur

Untuk mengantisipasi hal demikian, tips ini bisa kamu coba. Baik untuk mengerjakan projek, maupun sekedar ngeditin foto teman. Tidak cukup itu saja, kalau kamu membagikan tips ini ke temanmu, temanmu bisa mengedit fotonya sendiri, jadi hal dilematis seperti pengalaman ku tadi tidak kamu alami.

Atau jika kamu bukan seorang desainer dan termasuk orang yang tidak memiliki kemahiran mengoprasikan aplikasi desiain apapun, cara ini sangat efektif untuk meminimalisir biaya edit foto.

Nah, sudah gak sabar pengen tahu tipsnya? Langsung aja yaaa….

1. Pertama-tama Buka situs remove.bg dari browser gadget kamu!

Nanti akan muncul tampilan seperti ini.

2. Upload gambar/foto kamu.

Caranya klik tombol Upload Image berwarna biru. Lalu pilih foto yang mau kamu hapus backgroundnya. 

Tunggu proses unggah tuntas. Lama cepatnya proses ini tergantung pada ukuran gambar yang mau dieksekusi. Semakin besar ukurannya, tentu semakin lama prosesnya.

3. Ganti warna Backgroundnya.

Setelah proses uplaod selesai, pilih tombol Edit, nanti akan muncul seperti ini.

Kamu bisa custom backgrund dengan gambar yang kamu inginkan. Atau jika yang kamu butuhkan background foto resmi, kamu tinggal klik color aja, akan ada banyak warna solid yang bisa kamu pakai. Instan benget pokoknya.

4. Download Gambar

Kalau kamu sudah menemukan background yang kamu inginkan, tahap terakhir, langsung klik tombol Download. Selesai deh. 

Selamat, kamu berhasil edit background foto kamu. Mudah kan? Kalau koneksinya lancar, semua tahap diatas dalam 2 menit bisa selesai.

Selamat mencoba...

Kalau kamu punya kritik, saran, pertanyaan atau usulan tips lain, kamu bisa tulis dikolom komentar juga

Terima kasih

Daftar Isi

1. Tipografi Pada Mobile Web
• Font body harus sekitar 16px
• Ukuran teks input minimal 16px
• Teks sekunder harus sekitar 2 ukuran lebih kecil dari teks paragraf Kamu
• Selalu melihat hasil desain pada device yang sebenarnya.
• Membiasakan diri dengan Material Desiain dan Standar Ponsel
2. Tipografi Pada Web Dekstop

PANDUAN TIPOGRAFI PADA MOBILE WEB

1. Font Body harus sekitar 16px

Berikut proses settingnya:

A) Mulailah dengan 16px;
B) Kemudian ekplorasi ukuran font, caranya yaitu perkecil atau perbesar nilai pixelnya dengan mempertimbangkan hal berikut:
Dari 16px, Perkecilkan ukuran font Jika: a) halaman situs yang kamu rancang memiliki banyak tombol interaksi, atau b) Kamu menggunakan font dengan karekter yang sangat besar dan mudah dibaca (Seperti Nova pada gambar diatas).
Perbesar ukuran fontnya jika: a) halaman situs yang kamu desain memiliki banyak paragraf atau padat teks, atau b) font yang kamu pilih sangat sulit dibaca pada ukuran 16px (seperti Futura di atas). 

2. Ukuran teks input minimal 16px

3. Teks sekunder harus sekitar 2 ukuran lebih kecil dari teks paragraf

4. Selalu melihat hasil desain pada device yang sebenarnya.

5. Membiasakan diri dengan Material Desiain dan Standar Ponsel

PANDUAN TIPOGRAFI WEB DESKTOP

1. Text-heavy pages (Halaman dengan Teks Padat), yaitu halaman situs yang memiliki tujuan utama membuat user/membaca isi halaman, seperti artikel, blog, berita, dll. Tipe halaman ini tidak memiliki banyak tombol atau fitur interaksi, bahkan terkadang hanya link/tautan saja yang ditampilkan.
2. Interaction-heavy pages (Halaman dengan interaksi padat.), yaitu halaman yang didalamnya diperlukan banyak interaksi, seperti mengklik tombol, mencari item dalam daftar, mengedit, mengetik dll. Terkadang ditemukan teks panjang pada halaman ini, tetapi teks tersebut bukan hal yang harus dibaca user secara langsung seperti pada tipe Text-heavy pages.

Text-Heavy Pages

16px – ini adalah ukuran minimum untuk type Text-Heavy Pages pada dekstop.
18px – ini adalah ukuran font yang lebih baik untuk memulai. Ingat, Kamu tidak sedang mensajikan tulisan cetak dari dokumen Word satu spasi; Kamu menulis untuk orang yang duduk beberapa kaki dari monitor mereka yang sudah berumur puluhan tahun
20px + - ukuran ini mungkin terasa aneh dan terlalu besar pada awalnya, tetapi selalu layak untuk dicoba di aplikasi desain mu. Bahkan, medium.com Situs type Text-Heavy Pages yang polpuler dan memiliki tampilannya yang cantik di web memiliki ukuran teks artikel standar 21px.

Interaction-Heavy Pages

Event Name dalam situs Google Calender 12px, yang merupakan gaya font yang sama sekali tidak ada dari pedoman Material Desain. Namun mengingat desainer google harus memasukkan 7 kolom pada layar yang hanya memiliki lebar 1440px, dan banyak acara yang cukup singkat, ukuran tersebut adalah pilihan yang ideal. Font yang ukurannya kecil membuat text sulit dibaca dan membuat pengunjung menderita, akan tetapi jika dibuat lebih besar, text pada event name akan terputus terlalu sering. Design is tradeoffs,Jika kamu tidak dapat menyebutkan pengorbanan yang kamu buat, mungkin kamu membuatnya di tempat yang salah.

Label jam sehari ("12 AM", "1 AM", dll.) Berukuran font: 10px. ini juga tidak ada pada pedoman Material Desain. Namun dikeranakan ruang horizontal yang sangat terbatas. Sedangkan setiap acara diberi label dengan waktu mulainya. Maka memili ukuran 10px pun tidak ada salahnya.Namu mengapa google tidak membuat label sebelah kiri lebih kecil?

Tanggal menggunakan ukuran 48px. Sekali lagi, ini juga tidak ada dalam pedoman Material Desain. Mengapa desainer google calender tidak menggunakan 45px, yang merupakan ukuran "Display 2" resmi.

Beberapa Font-Size yang Memungkinkan

1. Header font size: yaitu ukuran font terbesar di halamanmu. Gunakan untuk headline (judul) atau section-titles (sub-judu). Jika Kamu memiliki judul dan sub-judul, Kamu harus menggunakan dua ukuran font yang berbeda di sini.
2. Default font size. Ini adalah ukuran font yang paling umum pada halaman situsmu, dan harus digunakan untuk semua teks isi (termasuk beberapa tombol kontrol, seperti kotak teks, dropdown, tombol, dan menu). Kesalahan utama yang dibuat desainer pemula di sini adalah menggunakan banyak ukuran font untuk elemen yang semuanya harus satu ukuran font.
3. Secondary font size. Ini adalah ukuran font yang Kamu gunakan untuk detail situs yang kurang penting. Informasi dan statistik pendukung, kadang-kadang teks, dll. Biasanya sekitar 2pt lebih kecil dari ukuran font default kamu.
4. Tertiary/caption/label/wildcard font size, Selain ketiga ukuran diatas, kamu membutuhkan satu lagi ukuran font. Terkadang karena informasi yang kamu sajikan sangat hierarkis sehingga membutuhkan style tersier yang lebih tenang daripada gaya sekunder. Di lain waktu, kamu mungkin menggunakan style uppercase untuk label atau tombol, namun karena uppercase tersebut mengakibatkan berat visual meningkat, Kamu mengubahnya dengan ukuran yang sedikit lebih kecil untuk teks itu sendiri. Jadi ukuran font keempat ini sedikit wildcard. Tidak semua desain membutuhkannya, tetapi banyak yang membutuhkannya.