MEMBUAT ID CARD DENGAN MENGGUNAKAN ADOBE

PHOTOSHOP CS 6

PENDAHULUAN

Saya akan menjelaskan tutorial atau cara dalam membuat sebuah ID Card, dengan
menggunakan Software Photoshop CS 6, langkah pertama yang kita lakukan yaitu menginstal
Software Photoshop CS 6, sebenarnya dengan Photoshop versi apapun bisa digunakan dalam
praktek pembuatan ID Card ini, namun kali ini Software yang saya gunakan adalah Software
Photoshop.

1. Langkah Pertama membuka Program Photoshop

Cari software Photoshop di computer atau laptop di bagian All Programs, kemudian
klik 2 kali pada iconnya.

Gambar 1. Pencarian Software Photoshop

2. Tampilan Awal Photoshop

Setelah itu maka akan muncul tampilan berikut seperti gambar dibawah ini, ini adalah
gambar tampilan awal pada Photoshop, tampilan ini adalah tampilan layar kerja kita
dimana kita bisa melihat Toolbar, Menubar dan menu yang lainnya.

Modul Adobe PhotoShop CS 6 1

 Gambar 2. Tampilan Awal Photoshop

Gambar 3. Tampilan Toolbar dan Menubar

Komponen lembar kerja Adope Photoshop CS 6 terdiri dari beberapa bagian seperti dijelaskan
pada gambar di atas. Komponen-komponen tersebut dapat dijelaskan sebagai berikut :

1. Menu Bar
Menu bar adalah menu yang digunakan untuk membentuk dan mengedit gambar. Masing-masing
menu diberi nama yang berbeda untuk membedakan fungsinya secara spesifik.

2. Toolbox
Toolbox adalah tombol yang digunakan untuk membuat dan melakukan editing suatu gambar.
Untuk menggunakannya, lakukan dengan cara klik tombol yang dimaksud. Tombol yang
dilengkapi anak panah pada sudut kanan bawah menunjukkan bahwa tombol tersebut memiliki

Modul Adobe PhotoShop CS 6 2

tombol lain yang tersembunyi. Tombol-tombol dalam toolbox mempunyai nama. Untuk
menampilkan nama tombol pada toolbox lakukan dengan menempatkan pointer di atas tombol
tersebut, lalu klik kanan, maka segera akan tampil tooltip yang menampilkan nama tombol dan
shortcut untuk menggunakan tombol tersebut.

3. Platte dan Platte Well

 palette well : Photoshop CS juga dilengkapi dengan palette well yang dapat membantu
Anda dalam mengorganisir dan mengatur palette. Palette yang sering Anda gunakandapat
dimasukkan dalam palette well sehingga dapat digunakan kapan saja tanpa harus
menyimpannya. Untuk menggunakan palette dalam palette well Anda cukup melakukan
klik pada tab palette yang akan digunakan.
 Palette membantu Anda melakukan monitoring dan memperbaiki gambar. Dalam keadaan
default palette akan ditempatkan secara bersamaan dalam satu group. Untuk menampilkan
palette dalam layar monitor dapat Anda lakukan dengan cara klik Window, selanjutnya
klik nama palette yang akan digunakan,

4. Option Bar
Jika Anda memilih salah satu ikon dalam Toolbox, pada option bar ini akan ditampilkan pilihan
yang berhubungan dengan ikon yang baru saja Anda pilih. Apabila saat Anda melakukan klik pada
salah satu tombol dalam toolbox tidak menampilkan option bar, aktifkan dengan cara klik Window
kemudian klik Option.

Gambar 4. Project Baru Photoshop

Modul Adobe PhotoShop CS 6 3
 3. Membuat Project Baru Photoshop
Pada tahap ini kita akan membuat sebuah project baru pada photoshop seperti pada
gambar diatas, kita klik bagian pojok kiri atas pada menubar “File”, setelah itu pilih
“New” atau kita bisa menggunakan Ctrl+N. Setelah itu maka akan muncul beberapa
pilihian seperti gambar dibawah ini, kita bisa mengatur berapa ukuran yang kita
inginkan, dengan satuan apa yang kita mau seperti sentimeter, inci, millimeter dan
sebagainya.

Gambar 5. Menu New Project

4. Setting Project Baru Photoshop

Karena kita ingin membuat sebuah ID Card, maka kita akan atur ukurannya menjadi
seperti pada gambar dibawah ini, ini adalah Optional, maka anda boleh mengatur
ukuran sesuai dengan apa yang diperlukan.

Gambar 6. Pengaturan Ukuran dan satuan Project

Modul Adobe PhotoShop CS 6 4

 5. Lembar Kerja Project Baru
Berikut adalah hasil dari tampilan Kanvas yang sudah kita buat sebelumnya, ini adalah
lembar kerja kita, dimana kanvas yang sudah kita buat itu adalah tempat atau halaman
kita mendesain sebuah ID Card. (Gambar 7. Lembar Kerja Kanvas ID Card)

Gambar 7. Lembar Kerja Kanvas ID Card

6. View Gird
Untuk memudahkan kita dalam melihat dan mengatur sebuah ukuran dalam lembar
kerja kita, maka alangkah baiknya kita menampilkan Grid ( saya menyebut Garis
Bantu) dengan cara mengklik bagian View maka akan muncul pilihan, dalam pilihan
tersebut kita pilih SHOW dan akan muncul pilihan Grid. Maka dalam lembar kerja
kita akan muncul garis bantu, dapat dilihat seperti pada Gambar 8. Lember Kerja
Dengan Tampilan Grid (Garis Bantu).

Gambar 8. Pilihan View Grid

Modul Adobe PhotoShop CS 6 5

 Gambar 8. Lember Kerja Dengan Tampilan Grid (Garis Bantu)

7. Menyiapkan Gambar Logo

Setelah itu kita siapkan beberapa gambar, yang pertama disini saya mempunyai
gambar logo, logo ini adalah contoh apabila misalnya kita ingin menambahkan sebuah
logo pada ID Card yang ingin kita buat.

Gambar 9. Gambar Logo

Modul Adobe PhotoShop CS 6 6

 8. Menyiapkan QR CODE
Disni juga saya menambahkan sebuah QR Code untuk Contact Whatshapp saya, kita
bisa menempatkannya di bagian dalam ID Card kita nanti.

Gambar 10. Gambar QR CODE

9. Menyiapkan Foto
Dan yang paling penting biasanya ada pada ID Card adalah Foto dari seorang yang
memiliki ID Card tersebut.

Gambar 11. Gambar Foto

Modul Adobe PhotoShop CS 6 7

 10. Pengenalan Polygonal Lasso Tool
Kita akan mulai membuat desain warna dan pola pada project atau lembar kerja ID
Card kita, disini kita akan menggunakan sebuah Tool yang memudahkan kita dalam
membentuk pola pola yang kita inginkan yaitu adalah Polygonal Lasso Tool, saya
akan menjelaskan dulu apa itu sebenarnya Polygonal Lasso Tool agar kita tau apa saja
fungsi dari sebuah tool ini, berikut Penjelasannya.
 Polygonal Lasso Tool Digunakan untuk membuat seleksi segmen lurus secara
bebas. Cara membuat seleksi dengan Polygonal Lasso Tool: Klik pada titik
awal seleksi kemudian klik pada posisi berikutnya. Lakukan hal sama pada
segmen-segmen selanjutnya. Seperti pada Lasso Tool, tekan tombol Del
apabila terjadi kesalahan sebelum proses seleksi selesai. Lakukan klik ganda
(double click) pada titik awal seleksi untuk mengakhiri proses seleksi.

Gambar 12. Polygonal Lasso Tool

11. Membuat Pola menggunakan Polygonal Lasso Tool

Pada awalnya kita harus membuat pola yang kita inginkan dengan menggunakan
Polygonal Lasso Tool, yaitu dengan cara mengklik titik awal dimana kita ingin
membuat sebuah pola yang kita inginkan, dan harus mengakhiri di titik awal kita
membuat pola tersebut, contoh lihat gambar di bawah ini. (Gambar 13, Bentuk Pola
Polygonal Lasso Tool)

Modul Adobe PhotoShop CS 6 8

 Gambar 13, Bentuk Pola Polygonal Lasso Tool

12. Mengenal Paint Bucket Tool

Setelah Pola sudah dibuat maka kita bisa membuat atau memasukan warna di dalam
pola tersebuat dengan menggunakan Paint Bucket Tool, Lihat Gambar 14. Paint
Bucket Tool

Gambar 14. Paint Bucket Tool

13. Memilih Warna untuk Paint Bucket Tool

Setelah kita memilih Paint Bucket Tool, maka kita bisa memilih warna yang kita
inginkan dengan cara mengarahkan cursor kita pada bagian atas kanan menubar
photoshop, lihat seperti pada Gambar 15. Pemilihan Warna

Modul Adobe PhotoShop CS 6 9

 Gambar 15. Pemilihan Warna

14. Pemilihan Warna Selesai

Setelah kita pilih warna yang kita inginkan maka bisa klik OK dan warna sudah sesuai
yang kita inginkan, sekarang kira arahkan cursor kita kearah bagian dalam pola yang
sudah kita buat sebelumnya, dan klik sekali ditengahnya, maka pola pun akan berubah
warna seperti pada Gambar 16. Gambar Pola Sudah Diwarnai.

Gambar 15. Pemilihan Warna Selesai

Modul Adobe PhotoShop CS 6 10

 Gambar 16. Gambar Pola Sudah Diwarnai

15. Lakukan Langkah yang sama untuk membuat pola yang anda inginkan.
16. Menyisipkan Gambar Pada Project
Apabila pola yang kita inginkan sudah dibuat, maka saatnya kita menyisipkan atau
memasukan gambar yang kita iginkan kedalam lembar kerja ID Card kita, seperti
gambar logo dan Foto.
17. Cara Menyisipkan Gambar Pada Project
Mudah saja untuk memasukan gambar dan logo yang sudah kita siapkan sebelumnya,
pertama kita klik bagian “FILE” maka akan muncul beberapa pilihan, maka kita pilih
“Place” setelah itu tinggal pilih di folder mana tempat kita sudah menyimpan logo dan
gambar yang ingin kita masukan dalam lembar kerja project ID Card yang ingin kita
buat.

Modul Adobe PhotoShop CS 6 11

 Gambar 17. Memasukan Gambar dan Logo

18. Mengenal Fungsi Show Transform Control

Setelah gambar sudah kita masukan kita bisa mengatur ukuran gambar yang sudah kita
sisipkan dengan cara klik pada Move Tool dan pastikan conteng pada bagian Show
Transform Controls.

Gambar 18. Pengaturan Ukuran Gambar

Modul Adobe PhotoShop CS 6 12

 19. Tampilan Gambar Yang sudah disisipkan
Berikut ini adalah contoh gambar logo yang bisa diatur ukurannya, dengan cara
mengklik pada ujung gambar yang ada tandanya dan mengaturnya sesuai dengan
ukuran yang kita inginkan.

Gambar 19. Contoh Pengaturan Ukuran Gambar

20. Menambahkan Text

Untuk menambahkan tulisan atau Text pada project kita, bisa klik pada bagian Toolbar
Horizontal Type Tool seperti pada Gambar dibawah ini.

Gambar 20. Menambahkan Text

21. Pengaturan Text

Modul Adobe PhotoShop CS 6 13

 Untuk mengubah ukuran text, font text, dan warna text maka bisa diatur dalam
menubar seperti pada gambar (Gambar 21. Menu Edit Font, Ukuran dan Warna
Text).

Gambar 21. Menu Edit Font, Ukuran dan Warna Text

22. Hasil Selesai

Setelah semua sudah kita sesuaikan dengan apa yang kita inginkan maka project
selesai, berikut ID Card yang sudah saya buat.

Gambar 22. Project ID Card Selesai

Modul Adobe PhotoShop CS 6 14

 23. Hasil ID Card

Modul Adobe PhotoShop CS 6 15