3

Modul DESAIN GRAFIS 3

SOFTWARE PENGOLAH
BITMAP / PHOTOSHOP

KOMPETENSI
Setelah menyelesaikan modul ini, Siswa dapat memahami dasar-dasar dari
desain grafis.

1. TUJUAN
Setelah menyelesaikan modul ini, Anda diharapkan mengenal dasar desain grafis
secara umum sebagai pedoman untuk mendesain objek.

2. TUGAS PENDAHULUAN
a. Tuliskan perkembangan dari desain grafis!
b. Sejauh ini apa yang Anda ketahui tentang Photoshop?
c. Fungsi dari penggunaan Photoshop adalah

3. DASAR TEORI
I. DESAIN GRAFIS
Desain grafis adalah salah satu bentuk komunikasi visual, berupa
pemilihan,kreasi, dan penyusunan sesuatu pada suatu permukaan untuk
mengkomunikasikan suatu pesan. Sesuatu tersebut dapat berupa bentuk
huruf (tipografi), ilustrasi ataufotografi. Komputer grafis merupakan alat
yang banyak digunakan untuk membuat pekerjaan desain. Kemampuannya
sebagai alat bantu untuk membuat animasi dan multimedia, menjadikan
cakupan desain grafis menjadi semakin luas.
Secara umum program desain grafis terdiri dari 2 macam, yaitu
Berbasis vektor
Berbasis bitmap (raster)

Nama-nama perangkat lunak untuk desain grafis

No. Sofware Keterangan
1. Corel Draw Berbasis Vektor
2. Free hand Berbasis Vektor
3. Adobe Illustrator Berbasis Vektor
 4. Paint Berbasis Raster (bitmap)
5. Photoshop Berbasis Raster (bitmap)
6. Corel Photo paint Berbasis Raster (bitmap)
7. Gimp Berbasis Raster (bitmap)

Pengertian desain grafis berbasis

Vector : Desain grafis yang berbasis besaran dan arah, atau magnitude
dan direction
Bitmap : Desain grafis yang memiliki berjuta-juta titik atau pixel

Perbedaan desain grafis berbasis vektor dan berbasis bitmap

Berbasis vector Berbasis bitmap
Gambar tetap jelas ketika diperbesar gambar kurang jelas jika di perbesar
(menjadi kabur dan pecah)
Tersusun oleh garis dan kurva terdiri atas titik / dot
Ukuran file yang dihasilkan kecil ukuran file yg dihasilkan besar
Kualitas grafik tidak bergantung dari kualitas grafis bergantung dari
banyaknya pixel banyaknya pixel

II. PHOTOSHOP
Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak
editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan
foto/gambar dan pembuatan efek. Dan aplikasi ini sering digunakan oleh
Fotografer professional maupun perusahaan untuk menghasilkan gambar yang
lebih inovatif.

Dibawah ini merupakan pengenalan dasar mengenai tool yang terdapat pada
Adobe Photoshop.

Crop & Slice Tool

Crop Tool Shortcut (C), digunakan untuk memotong gambar, foto
ataupun canvas (kertas kerja). Pemotongan dengan alat ini dilakukan
secara permanen mengubah bentuk dimensi lebar dan tinggi foto.
Pemotongan dilakukan dengan menentukan area potong berbentuk kotak
dari sebuah foto.

Slice Tool Shortcut (C), digunakan untuk kebutuhan website dengan

cara memotong hasil desain yang telah dibuat di Photoshop menjadi
potongan yang lebih kecil.
Slice Select Tool Shortcut (C), digunakan untuk memilih potongan pada
sebuah desain yang telah dipotong sebelumnya dengan menggunakan slice
tool.

Annotation, Measuring & Navigation Tool

Eyedropper Tool Shortcut (I), digunakan untuk mengambil sample

warna dari sebuah gambar ataupun foto, sample warna diambil dengan
cara mengklik warna target yang kemudian secara otomatis akan
mengubah warna depan (foreground color) pada toolbox.

Ruler Tool Shortcut (I), digunakan untuk mengukur dimensi lebar dan
tinggi. alat ini biasanya digunakan untuk kebutuhan website seperti
mengukur dan memperkirakan interface tinggi & lebar tombol, header
ataupun area website lainnya. Satuan yang digunakan biasanya pixels.

Note tool Shortcut (I), digunakan untuk memberikan catatan pada hasil
desain yang telah di buat. Catatan ini berguna sebagai pengingat dalam
proses pembuatan desain ataupun dapat berguna sebagai media untuk
penyampaian sebuah pesan ketika bekerja secara team.

Hand Tool Shortcut (H), digunakan untuk menggeser/memindah bidang

pandang foto atau gambar di dalam window view area atau dalam kondisi
gambar sedang di perbesar (zoom in). Cukup tekan dan tahan tombol spasi
untuk meminjam alat ini.
Zoom Tool Shortcut (Z), digunakan untuk memperbesar ataupun
memperkecil tampilan foto atau gambar. Pengaturan zoom in atau zoom
out dapat dilakukan melalui option bar.

Selection Tool
Move Tool Shortcut (V), alat ini digunakan untuk memindahkan posisi
layer dalam satu foto ataupun memindahkan sebuah foto atau layer dalam
sebuah foto ke foto yang lain / foto yang berbeda.

Rectangular Marquee Tool Shortcut (M), alat ini digunakan untuk

menyeleksi objek yang berbentuk kotak. Klik kanan diatas alat ini maka
akan muncul alat lain dari kelompok marquee tool seperti Eliptical
Marquee Tool, Single Row Marquee tool dan Single Column Marquee
Tool.

Eliptical Marquee Tool Shortcut (M), alat ini digunakan untuk

menyeleksi objek yang berbentuk lingkaran seperti menyeleksi lingkaran
mata, ban mobil dan objek lain. Alat ini masih satu kelompok dengan
Rectangular Marquee Tool.

Lasso Tool Shortcut (L), digunakan untuk menyeleksi objek dengan

bentuk bebas, alat ini akan membentuk seleksi sesuai dengan gerakan
mouse, penggunaan alat ini sangat bergantung dengan gerakan mouse
sehingga cukup sulit mengendalikan dan mencapai hasil yang maksimal.

Polygonal Lasso Tool Shortcut (L), digunakan untuk menyeleksi objek

dengan bentuk bebas bersudut, alat ini membentuk seleksi melalui titik-
titik point yang dibuat dengan menggunakan klik kiri mouse. Alat ini juga
dapat digunakan untuk memotong dan mengubah background foto.
Magnetic Lasso Tool Shortcut (L), digunakan untuk menyeleksi objek
dengan bentuk bebas, cara kerja alat ini adalah menempel pada tepi objek
yang akan dipotong ketika mouse bergerak mengelilingi tepian objek,
selama proses seleksi alat ini membentuk titik-titik penghubung seleksi.
 Magic Wand Tool Shortcut (W), digunakan untuk menyeleksi satu
jenis warna (warna solid) pada foto. Alat ini dapat menyeleksi dengan
pengaturan nilai tolerance atau nilai cakupan warna, semakin besar nilai
tersebut maka semakin luas cakupan warna yang di seleksi.

Retouching Tool
Spot Healing Brush Shortcut (J), digunakan untuk menghapus noda
pada sebuah foto ataupun gambar, alat ini juga biasanya digunakan untuk
menghilangkan noda di wajah ataupun menghilangkan jerawat diwajah.
Patch Tool Shortcut (J), digunakan untuk memperbaiki foto dengan cara
memanfaatkan pola yang terdapat pada foto tersebut. Perbaikan dilakukan
dengan menyeleksi kerusakan area kemudian menarik seleksi tersebut
diatas pola target untuk menutupi area kerusakan.

Red Eye Tool Shortcut (J), digunakan untuk menghilangkan efek mata
merah yang timbul pada foto akibat pengambilan foto dalam kondisi gelap
menyebabkan flash kamera memantulkan warna merah pembuluh darah
dibalik mata.

Clone Stamp Tool Shortcut (S), digunakan untuk mengambil sample

dari sebuah area gambar kemudian mengkloning / menerapkan sample
tersebut untuk dilukiskan diatas area foto lain berdasarkan sample foto
yang diambil.

Pattern Stamp Tool Shortcut (S), digunakan untuk melukis image

dengan menggunakan pola tertentu sesuai dengan pola yang dipilih pada
option bar.
Eraser Tool Shortcut (E), digunakan untuk menghapus foto atau gambar
dalam sebuah layer raster.
Background Eraser Tool Shortcut (E), digunakan untuk menghapus
foto atau gambar sehingga menghasilkan layer transparant pada bagian
foto atau pada area yang dihapus.
Magic Eraser Tool Shortcut (E), digunakan untuk menghapus area
tertentu dari sebuah foto atau gambar yang memiliki warna yang serupa
(satu warna solid) menjadi transparan dengan satu kali klik pada area
warna tersebut. Bisa dimanfaatkan untukmenghapus background satu
warna.
Blur Tool digunakan untuk menghaluskan/mengaburkan area tertentu
dari sebuah foto atau gambar. Dengan mengaburkan gambar akan
memberikan kesan halus, blur juga dapat menyamarkan pixels gambar.
Sharpen Tool digunakan untuk menajamkan area tertentu dari sebuah
foto atau gambar.

Smudge Tool digunakan untuk menggosok/mencoreng area tertentu dari

sebuah foto atau gambar seolah-olah di pengaruhi oleh sapuan jari telunjuk
diatas sebuah lukisan.
Dodge Tool Shortcut (O), digunakan untuk menerangkan warna di area
tertentu pada gambar atau foto dengan memberikan highlights pada area
tertentu hingga area tersebut tampak lebih cerah / terang.
Burn Tool Shortcut (O), digunakan untuk menggelapkan warna di area
tertentu pada gambar atau foto dengan memberikan shadow / bayangan
pada area tertentu hingga tampak lebih gelap.
Sponge Tool Shortcut (O), digunakan untuk mengubah saturation di area
tertentu pada area gambar atau foto.

Painting Tool
Brush Tool Shortcut (B), digunakan untuk melukis foto atau gambar
dengan goresan kuas berdasarkan warna depan (foreground color) yang
telah dipilih.
History Brush Tool Shortcut (Y), digunakan untuk melukis image
menggunakan snapshot atau state history dari Image.

Art History Brush Tool Shortcut (Y), digunakan untuk melukis image
menggunakan snapshot atau state history dari image, dengan model artistik
tertentu.
 Pencil Tool Shortcut (B), digunakan untuk melukis dengan efek goresan
pensil.

Gradient Tool Shortcut (G), digunakan untuk mengecat area yang

dipilih (selected area) dengan perpaduan dua warna atau lebih. Gradient ini
juga memiliki beberapa pengaturan dan tipe untuk menghasilkan efek
perpaduan warna yang sesuai dengan keinginan.

Paint Bucket Tool Shortcut (G), digunakan untuk mengecat atau

mewarnai area tertentu atau layer tertentu berdasarkan warna depan
(foreground color) yang telah dipilih.

Drawing and Type Tool

Path Selection Tool Shortcut (A), digunakan untuk menyeleksi path
yang telah dibuat dengan menggunakan pen tool.
Horizontal Type Tool Shortcut (T), digunakan untuk membuat teks
secara horizontal. Selain alat ini ada juga Vertical Type Tool untuk
membuat teks secara vertical dan type mask untuk membuat teks dalam
bentuk seleksi.

Pen Tool Shortcut (P), digunakan untuk menggambar path sudut

ataupun lengkung. Alat ini biasa juga digunakan untuk menyeleksi objek.
Selain alat ini ada kumpulan alat lain untuk menambah titik point,
mengurangi dan memodifikasi path yang telah dibuat.

4. PRAKTIKUM
a. Peralatan dan Bahan
Perangkat komputer / PC / Laptop / Notebook / Netbook
Sistem operasi Windows
Adobe Photoshop
b. Keselamatan Kerja
Baca dan pahami semua langkah kerja dari praktikum ini dengan cermat
 Pastikan diri anda terlindungi dari efek kejutan listrik yang dapat
dikarenakan oleh grounding instalasi listrik yang tidak sempurna.
c. Langkah Kerja
Siapkan alat dan bahan praktek.
Selalu memperhatikan keselamatan kerja.
Jalankan perangkat lunak Corel Draw.
Organisasikan dengan baik folder pribadi anda untuk masing masing
modul praktikum.
d. Kegiatan praktek
1. Buka aplikasi Adobe Photoshop

2. Masukkan foto dengan cara klik File Open ataun CTRL+O

3. Duplikat background dengan cara klik kanan pada background
kemudian pilih Duplicate Layer atau CTRL+C kemudian
dipastekan CTRL+V.

4. Klik backgroumd pertama dan tekan CTRL+Backspace.

5. Masukkan Gambar yang berbeda kedalam gambar yang pertama,

dengan cara pilih gamabar yang akan dimasukkan kemudian
digeser kedalam gambar pertama, pastikan tools yang digunakan
adalah MOVETOOL.
6. Atur ukuran gambar dengan memilih layer dan tekan CTRL + T

7. Tukar posisi layer dengan cara click and drop

8. Pilih SELECT All pada MENUBAR

9. Pilih EDIT Copy Merged pada MENUBAR

10. Pilih layer yang berda di bawahnya, setelah itu klik Add Layer
Mask

11. Kemudian pilih layer mask nya dengan cara ALT+klik pada layer
mask yang telah dibuat.
12. Pilih Edit paste special Paste in Place

13. Lalu pilih Image Adjustment Curves

14. Atur sesuai keinginan, lalu OK

15. Kemudian pilih Image Adjusments Invert

16. Tekan ALT+klik dengan mengarahkan ke layer, atur posisi

dengan menekan CTRL+T
17. Lalu pilih layer yang berada paling atas dan pilih Image
Adjustment Desaturate

18. Ubah menjadi Multiply

19. Tambahkan Add Layer Mask (klik sesuai dengan tanda panah
pada gambar di bawah ini)

20. Tekan CTRL+Backspace pada Layer Mask nya.

21. Tambahkan gambar berikutnya

22. Atur dengan menggunakan CTRL+T sesuai dengan gambar di

bawah dan ubah menjadi Multiplay
 Hasilnya :

23. Atur transparansi dari layernya dengan cara mengubah

Opacity- nya

5. EVALUASI DAN PERTANYAAN

1) CTRL+T adalah shortcut untuk fungsi .
2) Jelaskan fungsi Invert pada salah satu menu di photoshop