P a g e | 1

Modul Pembelajaran Desain Grafis (Mengoperasikan Software Photoshop Versi 7)Kelas XII Semester 1

Penyusun :Rismira Andriyani, S.Kom

SMA Negeri 3 MagelangTahun 2009/2010

P a g e | 2

BAB IPengantar Photoshop

Standar Kompetensi : Menggunakan perangkat lunak pembuat grafikKompetensi Dasar : Menunjukkan menu ikon yang terdapat dalam perangkat lunak

pembuat grafis

Indikator Pembelajaran :a. Menjelaskan pengertian grafis berbasis vector dan grafis berbasis bitmap.b. Mengetahui aplikasi yang digunakan untuk membuat grafis berbasis vector dan

grafis berbasis bitmapc. Menjelaskan pengertian menu dan ikon yang terdapat dalam perangkat lunak

pembuat grafis d. Menerangkan fungsi menu dan ikon ;yang terdapat dalam perangkat lunak pembuat

grafise. Mengidentifikasi menu dan ikon yang terdapat dalam perangkat perangkat lunak

pembuat grafisf. Menampilkan menu dan ikon yang tersembunyi dan menyembunyikan ikon-ikon

yang tidak diperlukan.

Apa itu Photoshop ?

Photoshop merupakan sebuah image editor atau program penyunting gambar yang berfungsi untuk membuat, menyunting dan memodifikasi gambar-gambar digital yang terdapat didalam computer.

Kegunaan dari program photoshop Software atau program ini bisa dipergunakan oleh para desainer untuk membuat gambar-gambar untuk keperluan seperti iklan, brosur, poster, serta berbagai macam output cetak lainnya.Bagi pengemar photografi, software ini bisa dipergunakan untuk me-retouch foto yang sudah rusak, hingga memodifikasi foto menjadi lebih baik lagi.

Mengenal Gambar Bitmap

Suatu foto atau gambar bisa direpresentasikan dengan format bitmap dalam ribuan titik <pixel>warna-warni yang membentuk suatu pola. Pada file bitmap dikenal dua istilah penting, yaitu :

1. Resolusi atau jumlah titik persatuan luas, yang akan mempengaruhi ketajaman dan detil file bitmap. Biasanya dinyatakan dalam satuan dpi (dot per inch).

2. Intensitas atau kedalaman warna, yang akan menentukan kualitas warna gambar secara keseluruhan. Biasanya dikenal istilah 256 warna, high color, true color, gradasi abu-abu (grayscale), serta hitam-putih (black & white).

Mengoperasikan Software Photoshop1. klik start2. klik all program3. klik adobe photoshop 7

P a g e | 3

Mengenal Peralatan Photoshop1. Toolbox (Window | Tools)

Untuk membuat atau mengedit gambar tentu dibutuhkan peralatan yang memadai. Toolboxdalam Photoshop berisi sekumpulan tool yang sering dipakai dan masing-masing mempunyai fungsi berbeda.

Jenis-jenis Tool pada ToolboxMarquee ToolTool ini digunakan untuk melakukan pemilihan yang berbentuk kotak, ellips, satu baris dan satu kolom

Move toolBerfungsi untuk memindahkan elemen-elemen pada photoshop seperti gambar, layer, serta garis pandu.

Lasso Tool Berfungsi untuk melakukan pemilihan yang berbentuk bebas, berbentuk polygon (dengan sisi lurus), dan bersifat magnetk (menempel).

Magic Wand Tool Berfungsi untuk memilih daerah-daerah yang memiliki warna yang sama.

Marquee tool (M)

Lasso tool (L)Cropping tool (C)

Healing tool (J)Stamp tool (S)

Eraser tool/penghapus (E)

Tool pengolah fokus (R)

Path component Selection tool (A)Pen dan Paint tool (P)

Notes dan Audio Annotation tool (N)

Hand tool (H)

Foreground color Default colour (D)

Pilihan mode normal

Digunakan untuk mengatur tampilan window

Drag (geser) untuk memindah-mindah toolbox.

Move tool (V)Magic wand tool (W) untuk seleksi

Slice tool (K)Paintbrush dan pencil tool (B)

History brush tool (Y)Gradient dan paint bucket tool (G)Photography tool (O)

Type tool (T)Shape tool (U)

Eye dropper, Color sample, Measuretool (I)Zoom tool (Z)

Menukar (switch) antara warnaforeground dan background (X)

Pilihan mask mode

Melompat ke Adobe Image Ready™

P a g e | 4

Crop ToolBerfungsi untuk memotong gambar.

Brush ToolMenggambar dengan sapuan-sapuan kuas

Eraser toolMenghapus pixel serta mengembalikan bagian-bagian gambar ke status sebelumnya.

Paint Bucket toolMengisi daerah-daerah yang memiliki warna yang sama dengan warna latar depan.

Custom Shape toolMembuat bentuk-bentuk yang dipilih dari daftar yang sudah ada.

2. Option BarSetiap tool (alat) pada toolbox mempunyai setting yang bisa diubah sesuai dengan kebutuhan.Untuk itu disediakan Option Bar (Window | Options). Berikut contoh option bar untukRectangular Marquee Tool .

Dengan option bar pada contoh di atas, anda bisa mengganti setting misalnya memilih seleksi yangakan diterapkan:• Membuat seleksi baru• Menggabungkan seleksi yang sudah ada dengan seleksi yang akan dibuat• Mengurangi seleksi yang sudah ada dengan seleksi yang akan dibuat, dll

3. PaletPalet digunakan sebagai perangkat bantu sehingga gambar bisa diedit lebih mudah dan cepat.Palet yang ada pada Photoshop, antara lain: Navigator, Info, Color, Swatches, Styles, History, Actions, Layers, Channels, Paths, Paragraph, Tool Preset dan Character.a. Menampilkan dan menyembunyikan Layer

Untuk menampilkan dan menyembunyikan ada 2 cara :1. Memilih nama palet dengan cara Windows > Show Color dan untuk

menyembunyikan pilih Windows > Show color2. Menekan tombol fungsi sbb :

F6 : Color, F7 : Layers, F8 : Info, F9 : Action

b. Komponen Palet Tab Palet : Setiap palet mengandung beberapa tab. Untuk berpindah dari satu tab ke

tab lainnya, klik pada kepala tab tersebut.

Tombol Collapse : untuk memperkecil tampilan palet.

Tombol Close : untuk menuput palet

P a g e | 5

Menu Palet : berupa tombol segitiga kecil yang apabila diklik akan menampilkan serangkaian menu yang berhubungan dengan palet tersebut.

Menampilkan / Menyembunyikan item : icon berbentuk mata ini berfungsi untuk menampilkan atau menyembunyikan item pada gambar seperti layer atau chanel.

Tambah Layer : untuk menambahkan layer baru pada palet

Hapus Item : pilih item yang ingin dihapus lalu klik tombol ini untuk menghapusnya dari daftar item palet.

c. Palet Navigator Digunakan untuk bergerak pada layar serta untuk melakukan pembesaran atau pengecilan gambar. Palet ini memiliki dua buah tab, yaitu tab navigator dan info

Tab Navigator : digunakan untuk melihat bagian gambar tertentu apabila gambar lebih besar daripada jendelanya.

Tab Info : digunakan untuk mengetahui posisi kursor, ukuran dari elemen yang dipilih,serta jumlah persentase warna RGB atau CMYK pada titik yang ditunjuk oleh kursor.

d. Palet warna Digunakan untuk memanipulasi warna-warna pada gambar. Palet ini terbagi manjadi 3 buah yaitu : Color, Swatches dan Styles.

e. Palet HistoryDigunakan untuk mencatat semua aksi atau tindakan yang telah dilakukan.

f. Palet LayerDigunakan untuk memanipulasi layer (lapisan gambar) yang terdapat pada gambar. Gambar pada photoshop dibuat dari beberapa layer dan semua dianggap sebagai objek-objek yang terpisah yang dapat dimanipulasi sendiri-sendiri.

P a g e | 6

MODUL 2

Standar Kompetensi : Menggunakan perangkat lunak pembuat grafikKompetensi Dasar : Menggunakan menu ikon yang terdapat dalam perangkat lunak pembuat

grafis

Indikator Pembelajaran :1. Mendemontrasikan pembuatan dokumen baru2. Memodifikasi pengaturan dan pewarnaan halaman

A. Membuat File Baru1. Klik menu File > New (Ctrl + N)

2. Pada Name tentukan nama gambar yang akan dibuat3. pada width, tentukanlah lebar gambar (horizontal) dan Height, tentukan tinggi

gambar (vertical)4. Resolution, digunakan untuk menentukan resulusi gambar (banyaknya pixel per

centimeter atau per inchi persegi). Semakin tinggi resulusi maka akan semakin tinggi kualitas gambar.

5. Pada mode : tentukan jenis warna gambar jika Bitmap maka hanya bisa menampilkan maksimal 256 warna, Grayscale : menampilkan sebanyak 256 gradasi warna abu-abu RGB Color : digunakan untuk membuat gambar yang ditunjukkan yaitu

warna dasar Red (Merah0, Green (hijau) dan Blue (biru) CMYK color : ditujukan untuk gambar kualitas cetak yang mempunyai 4

komponen Cyan (biru muda), Magenta (ungu muda), Yellow(kuning), Black (hitam)

Lab color : digunakan untuk gambar-gambar pada pgoto CD. Warna Lab ini terdiri dari Lightnees (L), komponen a (sumbu hijau merah) serta komponen b (sumbu biru-kuning)

6. Kolom Contents merupakan tempat untuk menentukan warna dari dasar gambar : White : warna dasar gambar berwarna putih Background color : warna dasar gambar mengikuti warna latar belakang Transparent : warna dasar gambar tembus pandang

B. Membuka File yang sudah Ada

Adobe Photoshop mendukung hampir semua format gambar komersil yang terdapat dipasaran diantaranya seperti : Bitmap (BMP) JPEG (JPG) TIFF (TIF)

P a g e | 7

RAW (RAW) PICT (PCT,PIC) dll

C. Menyimpan File Photoshop1. Pilih Menu File > Save As (Ctrl + Shift + S)2. pada kotak dialog Save As pilihlah Photoshop (*.Psd, *.PPD)3. Save

D. Memutar Gambar

Maksudnya adalah memutar seluruh bagian gambar dalam sudut tertentu, baik itu searah jarum jam maupun berlawanan dengan jarum jam. Perintah yang digunakan disini adalah Rotate Canvas.

Langkah-langkah untuk memutar gambar adalah sebagai berikut :1. Buka gambar yang ingin di putar

2. Pilih menu Image > Rotate CanvasMenu ini mengandung beberapa submenu yang bisa langsung dipilih untuk memutar gambar atau kanvas dengan cepat

180o : memutar gambar sebesar 180 derajat dan akan membuat gambar terbalik.

90o CW : memutar gambar sebesar 90 derajat searah jarum jam (CW singkatan dari Clock Wise)

90o CCW : memutar gambar sebesar 90 derajat berlawanan arah jarum jam (CCW singkatan dari Counter Clock Wise)

Arbitrary : memutar gambar sebesar sudut tertentu. Kalian diminta mengisi berapa besar sudut perputarannya CW untuk memutar kekanan dan CCW untuk memutar kekiri.Misalnya diputar 45o CW

Flip Canvas Horisontal : membalik gambar pada sumbu horisontalnya, membuat bagian kanan menjadi kiri dan sebaliknya.

P a g e | 8

Flip Canvas Vertical : membalik gambar pada sumbu vertikalnya, membuat bagian atas menjadi bawah dan sebaliknya.

Memotong Gambar

Terkadang gambar memiliki bagian-bagian yang “lebih” dirasakan menggangggu atau merusak komposisi dari gambar tersebut. Agar nampak lebih bangus, maka harus dibuang atau memotong bagian-bagian gambar tersebut dengan cara sebagai berikut :1. Buka Gambar yang ingin dipotong

2. pilih Crop tool 3. Geserlah kursor / drag pada gambar yang ingin dipotong, mis :

Maka akan terdapat terlihat tangkai-tangkai disetiap sudut, kalian bisa mengatur nya dengan menarik keluar jika ingin diperlebar akau menarik kedalam jika ingin diperkecil. Dan kalian juga bisa memutarnya dengan menempatkan kursor diluar kotak maka kursor berubah menjadi kursor putar. Dan jika diperhatikan ditengah-tengah bingkai crop terdapat titik pusat perputaran, titik tersebut bisa dipindah-pindah untuk mendapatkan sudut putar yang dikehendaki

4. Kalian juga bisa mengatur setting untuk cropping pada panel :

Delete : gambar yang dipotong dihilangkan Hide : gambar yang dipotong disembunyikan Shield : klikk pada kotak cek ini untuk membuat daerah yang dipotong

ditampilkan dengan warna yang berbeda Color : menentukan warna daerah yang dipotong Opacity : menentukan persentase sifat transparansi dari daerah yang

dipotong Perspective : pilih kotak cek ini untuk membuat bingkai crop bisa

diubah-ubah secara fleksibel dan terpisah satu sama lain.5. jika sudah sesuai dengan keinginan maka kalian bisa menekan tombol Commit

Tips : tekan tombol Alt untuk membantu mengubah ukuran secara proposional

P a g e | 9

Memotong dengan ukuran tertentu 1. buka gambar yang akan dipotong2. pilih crop atau tekan tombol C3. klik pada panel Front Image pada panel option untuk melihat ukuran gambar4. ketikkan ukuran yang diinginkan pada kotak width (lebar) dan Height (tinggi).

Mis ukuran lebar 15 cm dan tinggi 20 cm serta resolusi 180 piksel/inchi5. klik dan tahan mouse untuk menentukan bidang potong pada gambar.6. klik 2 x atau klik commit

Membuang ruang kosong1. pilih menu Image > trim2. tentukan warna yang ingin dihapus pada bagian based on :

Top Left Pixel Color : menghapus berdasarkan warna piksel yang terdapat pada pojok kiri atas

Bottom right pixel color : menghapus berdasarkan warna pixel yang terdapat pada pojok kanan bawah

Transparent pixel pilihan ini akan muncul apabila gambar mengandung layer dan ingin mengahapus warna transparent.

3. pada bagian trim away, tentukanlah sisi-sisi gambar yang ingin dipotong. Pilihlah semua bagian untuk mendapatkan gambar yang optimal tanpa banyak ruang kosong.

4. klik ok.

E. Warna Latar Depan dan Latar Belakang

Hal yang pertama kali perlu diketahui tentang warna adalah warna latar depan dan warna latar belakang.

Warna latar depan (Foreground Color)Warna ini digunakan untuk menggambar serta mengisi warna pada gambar atau bidang seleksi. Warna latar depan ini digunakan oleh beberapa tool seperti paintbrush, airbrush, pain bucket serta tool untuk menggambar lainnya.

Warna latar belakang (Background color)Warna ini digunakan untuk mengisi daerah yang dihapus pada gambar, membuat isian warna yang menarik (gradient), serta mengisi lubang apabila memindahkan seleksi. Warna background color ini digunakan oleh tool eraser.

F. Cara-cara memilih warna

1. Color Picker : memilih warna melalui kotak dialog color picker

2. Palet color : menggabungkan warna-warna dasar RGB untuk mendapatkan warna yang diinginkan.

3. Palet Swatches : ditampilkan beberapa sampel warna yang sudah siap pakai, dan tinggal diklik untuk menggunakannya.

P a g e | 10

4. Tool Eyedropper (I) : memilih warna atau mengambil warna apapun yang terdapat di dalam jendela gambar untuk dijadikan warna latar depan atau latar belakang.

G. Memilih Warna latar Depan

1. Klik icon set Foreground Color pada toolbox 2. Kotak dialog color picker akan muncul3. Pada panel yang berukuran besar disebelah kiri geserlah mouse untuk

mendapatkan tonal warna yang diinginkan4. OK

H. Memilih Warna Latar Belakang

1. Klik icon set Foreground Color pada toolbox 2. Kotak dialog color picker akan muncul3. Pada panel yang berukuran besar disebelah kiri geserlah mouse untuk

mendapatkan tonal warna yang diinginkan4. OK

I. Menukar Warna Latar Depan dan Latar Belakang

1. Klik pada tombol pada toolbox atau 2. Tekan tombol X pada keybord.

J. Mereset Warna Latar Depan dan Latar Belakang1. Klik pada tombol pada toolbox atau 2. Tekan tombol D pada keybord.

P a g e | 11