ID Card merupakan sebuah kartu yang di gunakan oleh perusahaan-perusahaan sebagai tanda pengenal bagi semua karyawan yang bekerja di perusahaan itu. Dengan memiliki ID Card kita memiliki akses agar bebas masuk ke kantor atau tempat kita bekerja. Dijaman yang serba teknologi ini, ID Card juga kadang di lengkapi fitur yang canggih seperti dilengkapi RFID, bahkan ada yang sudah terintegrasi dan di cetak dengan kartu ATM.
Kali ini Key2design akan memberikan tutorial membuat design ID Card dengan menggunakan aplikasi adobe illustrator, langsung saja kita mulai ke pembahasan nya.
Langkah-langkah:
1. Buat dokumen baru
Pertama-tama kita buat dokumen dengan ukuran ID Card standar internasional yang biasa dipakai untuk KTP, Kartu Debit, Kartu SIM, Kartu Kredit, dan Kartu Kesehatan. Ukurannya adalah 85.60 mm x 53.98 mm. Disini orientation nya akan otomatis lanscape, apabila ingin membuat ID Card yang memanjang kebawah kalian tinggal pilih orientation nya yang portrait.
![]() |
| Create New Document |
Jika ukurannya sudah di setup klik Create dan dokumen kosong baru akan muncul. Saat dokumen sudah di create, kita bisa merubah orientationnya dengan cara mauk ke tab Artboards, double click untuk masuk ke Artboard option, lalu ganti orientation nya dan click OK.
![]() |
| Artboard option |
2. Komponen ID Card
Dalam ID Card biasanya terdapat beberapa informasi dari karyawan dan perusahaan. Pada tutorial kali ini kita akan masukan beberapa data berikut kedalam ID Card nya :
1. Logo Perusahaan2. Nama Karyawan3. NIK ( Nomor Induk Karyawan)4. Jabatan5. Foto Karyawan
Data diatas tidak bisa dijadikan patokan untuk membuat ID Card, tapi kebanyakan ID Card memakai data diatas, bisa di tambahkan data lain atau bahkan dikurangi.
Setelah data kita tentukan data apa saja yang dipakai, kita mulai masukan semua datanya mulai dari logo sampai foto karyawan kedalam dokumen yang telah kita siapkan sebelumnya.
![]() |
| Input all data |
3. Layouting
Setelah semua datanya kita masukan kedalam dokumen, selanjutnya kita akan mulai design dan layouting ID Cardnya.
1. Background
Kita mulai dengan menentukan background nya seperti apa, disini saya akan membuat sudut id cardnya rounded dan warna nya gradasi dengan kode warna [#662d91] dan [#92278f]. langkanya adalah dengan menambahkan Rectangle tool kedalam dokumen kemudian setting warna rectangle tersebut dengan kode warna diatas. agar sudutnya rounded kita setting cornernya 3.5mm dengan cara tarik bulatan di sudut dengan selection tool.
![]() |
| background |
2. Logo
Posisikan logo di pojok kiri atas, disini logo nya saya invert ke putih karena background yang digunakan berwarna gelap.
![]() |
| Logo |
3. Foto Karyawan
Untuk foto, agar terlihat lebih menarik, sama membuat sebuah random shape menggunakan pen tool kemudian masking fotonya kedalam shape yang telah dibuat.
![]() |
| foto karyawan |
4. Nama, NIK, dan Jabatan
Letakan Nama dibawah foto dengan font tebal, disini saya memakai font Nexa Black. Selanjutnya letakan NIK di bawah nama dengan font size lebih kecil, disini saya memakai font Nexa Reguler dan set font colornya menjadi putih agar terbaca jengan jelas.
Untuk jabatan, disini saya tambahankan rounded rectangle berwarna putih sebagai background nya agar lebih menarik, dan set font colornya black. letakan jabatan di bawah NIK.
![]() |
| nama,NIK,jabatan |
4. Tambahkan Aksen
Untuk lebih mempercantik design ID Card nya, kita akan menambahkan aksen dari shape yang kita buat untuk masking foto. caranya dengan copy shape nya lalu warnai dengan menggunakan eyedrop tool dengan mengambil warna gradasi background. Rotate dan resize shape lalu posisi kan di belakan foto sehingga akan seperti berikut.
![]() |
| aksen |
5. Tambahkan Website perusahaan dan Masking
Tahap terakhir tambahkan website perusahaan jika ada atau no. telpon perusahaan. sampai sini ID card tampak depannya sudah selesai. terakhir kita masking agar bagian yang diluar ID card tidak terlihat. untuk bagian belakang ID card kalian bisa memasukan informasi lain misalnya aturan jika kartu hilang dan lain sebagainya.
![]() |
| hasil akhir |
6. Selesai
Sekian tutorial membuat design ID Card semoga dapat membantu dan menjadi inspirasi buat pembaca semua. Jangan lupa baca info menarik lainnya hanya di key2design ya.










0 Komentar