Materi Design Grafis

Adobe photoshop

sebagai materi acuan

Semester-1 - kelas XII IPA/IPS
Teknologi Informasi & Komunikasi (TIK)
Oleh : Teguh Pramono,S.Pd.
e-mail : teguhsmansas@yahoo.com

SMA NEGERI 1 SRAGEN

www.sman1sragen.sch.id

Mengenal Adobe PhotoShop

Adobe photoshop atau biasa disebut Photoshop adalah sebuah software pengolah grafis
(tampilan teks maupun gambar) buatan Adobe Systems yang dikhususkan untuk pengeditan
foto/gambar dan pembuatan efek.
Program ini dikembangkan oleh Thomas Knoll, mahasiswa PhD di Universitas Michigan
sejak tahun 1987, yang kemudian diberi nama PhotoShop. PhotoShop 1.0 dirilis pada 1990
khusus untuk Macintosh.
Sejak dirilisnya PhotoShop versi 1.0 tahun 1990 diikuti oleh versi-versi berikutnya, yaitu :
Versi

1.0

2.0

2.5

Tahun

1990

1991

1993

1994

1996

1998

2000

2002

Ikon

Mulai versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi
sembilan disebut Photoshop CS2, dan berikutnya sbb :
Versi

CS (8.0)

CS2 (9.0)

CS3 (10.0)

CS4 (11.0)

CS5 (12.0)

Tahun

2003

2005

2006

2008

2010

Ikon

Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat
digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu
seperti CrossOver.
Adobe Photoshop Creative Suite ini sangat ideal untuk :
- Fotografer (fotographer)
- Perancang Grafik (graphic designer)
- Perancang Web (web designer)
- Penyedia layanan cetak (print service provider)
Photoshop dapat menerima penggunaan beberapa model warna:
RGB color model
Lab color model
CMYK color model
Grayscale
Bitmap
Duotone

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 2

Format File
Photoshop memiliki kemampuan untuk membaca dan menulis gambar berformat raster dan
vektor seperti .png, .gif, .jpeg, dan lain-lain. Photoshop juga memiliki beberapa format file
khas:
.PSD

(Photoshop Document) format yang menyimpan gambar dalam bentuk layer, termasuk
teks, mask, opacity, blend mode, channel warna, channel alpha, clipping paths, dan
setting duotone.
.PSB' adalah versi terbaru dari PSD yang didesain untuk file yang berukuran lebih dari 2 GB
.PDD adalah versi lain dari PSD yang hanya dapat mendukung fitur perangkat lunak Photshop
Deluxe.

PhotoShop dapat menyimpan file dalam berbagai macam ekstensi/format antara lain :
BMP

: Bitmap adalah format bawaan dari MS Paint yang ada di Windows, kelemahan
format BMP ukurannya agak besar daripada file file lainnya.
GIF
: Graphics Interchange Format (GIF), ukuran file-nya relatif kecil sehingga
mempermudah proses tranfer (upload), kekurangan pada file GIF ini hanya mampu
menggunakan 256 variasi warna.
PDF
: Portable Document Format (PDF.
PICT
: adalah format bawaan dari Macintos.
PNG
: dapat menyimpan gambar dengan kombinasi hingga mencapai 16 juta warna.
JPG/JPEG : Joint Photographic Expert Group, Format file ini mampu menyimpan gambar
dengan mode warna RGB, CMYK, dan Grayscale.
TIF
: Tagged Image Format File, Format file ini mampu menyimpan gambar dengan
kualitas hingga 32 bit.

Manfaat Adobe Photoshop

Membuat tulisan dengan effect tertentu.
Photoshop dapat mengubah bentuk tulisan menjadi lebih kreatif dan inovatif dengan tool
effect yang ada didalamnya.
Membuat tekstur dan material yang beragam.
Dengan langkah-langkah tertentu, seorang Desainer dapat membuat gambar misalnya daun,
logam, air, dan bermacam gambar lainnya.
Mengedit foto dan gambar yang sudah ada.
Ada desain grafis vector and vexel. Adobe menyediakan filter "reduce grain" (mengurangi
grain) yang dapat membantu mengoptimalkan foto yang diambil pada kondisi kekurangan
cahaya.
Memproses materi Web.
Photoshop juga digunakan untuk keperluan web, misalnya: kompresi file gambar agar
ukurannya lebih kecil, memotong gambar kecil-kecil (slice), dan membuat web photo
gallery. Dengan Adobe Image Ready, gambar yang sudah ada bisa dibuat untuk keperluan
web, misalnya menjadi rollover dan animasi GIF.
Fotografer (fotographer)
Merancang grafik (graphic designer) dan merancang web (web designer) menggunakan
gerakan secara 3D
Penyedia layanan cetak (print service provider)
Mengolah film, video, dan multimedia secara profesional

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 3

KOMPONEN PADA JENDELA UTAMA PHOTOSHOP.

Title Bar
Menu Bar
Option Bar

Pallete

Gambar/ Image
/ Kanvas
Tool Box

Keterangan :
Title bar =>
Menu bar =>

merupakan judul aplikasi yang sedang dijalankan

deretan menu yang dipersiapkan untuk membantu dalam melakukan
editing pada gambar.
Options bar => suatu perlengkapan yang ditampilkan untuk melengkapi pilihan suatu
tombol pada toolbox.
Palette =>
berisi jendela-jendela kecil berisi kumpulan grup palet yang terdiri dari
grup (Navigator, Info, Histogram), grup (Color Swatches, Brushes), grup
(Layer, Chanel, Path), grup (History dan Action).
Image/Kanvas => menampilkan gambar yangsedang dibuatataudisunting.
Toolbox =>
berisi tool-tool yang digunakan untuk membuat dan melakukan editing
pada suatu gambar.

MENU UTAMA PADA PHOTOSHOP CS3

1. File
2. Edit
3. Image

: Berkaitan dengan penanganan file seperti membuat, menampilkan, menyimpan,

mencetak, mengimpor, maupun mengekspor gambar, seerta keluar program.
: Berkaitan dengan pilihan-pilihan seperti, copy, paste, dan tool tool untuk
modifikasi gambar. Tool-tool dibagian edit sebagian besar sudah diwakili oleh
toolbox dan pallete.
: Berkaitan dengan editing image, bagian-bagian penting pada menu ini a.l. :
Mode, untuk menentukan mode dari gambar.
Adjustments, untuk memanipulasi pewarnaan pada gambar, seperti mengatur
warna, hue/saturation, brightness/contrast, ukuran, dll.
Duplicate, digunakan untuk menduplikat gambar yang sudah dibuat.
Image size, untuk mengubah ukuran gambar baik memperbesar maupun
memperkecil.

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 4

4. Layer

5. Select :
6. Filter :
7. View

8. Window :
9. Help

Canvas size, untuk mengubah ukuran kertas. Pengubahan ukuran kertas tidak
akan berpengaruh pada ukuran gambar.
Rotate canvas, untuk memutar gambar, serta mencerminkan baik secara
horisontal maupun vertikal.
Berkaitan dengan manajemen layer pada image, seperti menambah layer,
menghapus, menambah efek pada layer, serta masking.
Berkaitan dengan selection image.
Berhubungan dengan perintah yang dapat digunakan untuk memberi Efek tertentu
pada image.
Berkaitan dengan pengaturan tampilan, bagian-bagian yang penting a.l :
show/hide rulers : untuk menampilkan alat bantu penggaris
show - grid : untuk menampilkan garis-garis bentu
snap : berguna pada saat kita menggeser sebuah object.
Digunakan untuk mengatur lingkungan kita bekerja membuat desain seperti pilihan
yang menampilkan atau menyembunyikan toolbox dan pallete, serta pilihan untuk
mengatur gambar di dalam workspace.
Terdiri dari pilihan, online help, informasi plug-in dan versi photoshop. Help
digunakan untuk mencari solusi dari masalah yang dihadapi ketika menggunakan
photoshop serta mencari tahu kegunaan dari tool dan pallete.

BEKERJA DENGAN PALET

Pada Photoshop, palet dibagi-bagi menjadi beberapa kelompok dan ditempatkan disamping
kanan layar, diantaranya yaitu :
Group
1.
2.
3.

Navigator, Histogram, dan Info

Navigator :Pilihan untuk melakukan navigasi pada lembar kerja
Info : Mencari informasi nilai warna yang terletak pada objek gambar
Histogram : menunjukan histogram objek

Group Color, Swatches, dan Style

Group ini berisi palet :
1. Color : Memilih dan membuat warna yang kita inginkan
2. Swatches : Memilih dan menyimpan warna yang kita gunakan
untuk dipakai lagi
3. Styles : Memilih bentuk style yang kita inginkan
Group Layers, Chanels, dan Path
Group ini berisi informasi mengenai elemen apa saja yang
terdapat di dalam gambar.
1. Layers/ lapisan : Tempat melakukan organisasi terhadap lebih dari
satu elemen gambar yang ditunjukkan dalam bentuk daftar gambar.
2. Chanels : salah satu fungsinya adalah tempat menyimpan seleksi
3. Paths : Tempat daftar kumpulan path/garis
Group History dan Actions
1. History : Merekam langkah yang telah dikerjakan.
Palet ini berguna untuk melakukan pembatalan
tahapan pengerjaan lebih dari satu kali.
2. Actions : Merekam serangkaian instruksi yang nantinya
dapat dipakai berulang-ulang.

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 5

MENGENAL TOOL-TOOL PADA TOOLBOX PHOTOSHOP CS3

Move Tool (V)

Crop Tool (C)

Hand Tool (H)

Zoom Tool (Z)

Set Foreground Color

Set Baground Color

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 6

FUNGSI TOOL-TOOL PADA TOOLBOX PHOTOSHOP CS3

1. Move Tool (V) :
Untuk memindahkan/ menggeser obyek atau bagian gambar yang diseleksi.
2. Marquee Tool (M) :
1. Rectangular Marquee Tool : Untuk membuat seleksi berbentuk kotak persegi panjang
2. Elliptical Marquee Tool
: Untuk membuat seleksi bentuk ellips/lingkaran
3. Single Row Marquee Tool
: Untuk membuat seleksi berbentuk garis horizontal
4. Single Colomn Marquee Tool : Untuk membuat seleksi berbentuk garis vertikal
Tampilan pengaturan pada option bar untuk tool marque.

3. Lasso Tool (L) :

1. Lasso Tool
: Untuk membuat seleksi bebas
2. Polygonal Lasso Tool : Untuk membuat seleksi bentuk garis-garis lurus (segi banyak)
3. Magnetic Lasso Tool : Digunakan untuk membuat area selection dengan cara menempelkan pada
tepi area gambar yang akan diseleksi.
Tampilan pengaturan pada option bar untuk tool Lasso.

4. Magic Wand Tool (W) :

1. Quick Selection Tool : Untuk membuat seleksi berdasarkan warna yang sama
2. Magic Wand Tool
: Untuk menyeleksi gambar yang memiliki warna sama.
Perbedaan toleransi warna dapat diatur pada tool option bar yang tampil.

5. Crop Tool (C) :

Untuk memilih dan memotong bagian gambar tertentu dan menghilangkan bagian yang tidak dipilih.
6. Slice Tool (K) :
1. Slice Tool
: Untuk membuat pembagian gambar berupa potongan-potongan image
2. Slice Select Tool : Digunakan untuk memilih potongan pada suatu image

7. Healing Brush Tool (J) :

1. Spot Healing Brush Tool : Untuk memperbaiki kerusakan gambar.
2. Healing Brush Tool
: Digunakan untuk mengecat/melukis image dengan pola atau sample
tertentu. Cocok untuk memperbaiki image yang agak rusak.
3. Patch Tool
: Digunakan untuk mengecat/melukis pada area tertentu image dengan
pola (pattern) atau sample tertentu. Cocok untuk memperbaiki/edit
image yang rusak.
4. Red Eye Tool
: Untuk menghilangkan warna merah pada mata akibat dari pantulan
cahaya kamera.
Tampilan Option untuk tool Red Eye Tool.

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 7

8. Brush Tool (B) :

1. Brush Tool
: Untuk menggambar atau mewarnai dengan bentuk kuas
2. Pencil Tool
: Untuk menggambar atau mewarnai dengan goresan pencil
3. Color Replacement Tool : Untuk mengubah warna gambar tanpa mengubah bentuk dari gambar
tersebut, secara otomatis hanya mengubah area dengan warna sama
menjadi warna lain yang dikehendaki
Tampilan Option bar bila menggunakan Brush Tool.

9. Stamp Tool (B) :

Ada 2 macam bentuk, yaitu:
1. Clone Stamp Tool : Untuk membuat duplikasi/tiruan/copy (cloning) pada sebuah gambar atau
pada area tertentu dari gambar.
2. Pattern Stamp Tool: Untuk melukis/membuat gambar dengan menggunakan pola tertentu yang
telah didefinisikan.
Ctt : Untuk mendefinisikan Patern digunakan perintah Edit Define Parttern
10. History Brush Tool (Y) :
Terdiri dari 2 jenis yaitu:
1. History Brush Tool :
Untuk menormalkan kembali gambar yang telah mengalami perubahan
2. Art History Brush Tool:
untuk melukis image menggunakan snapshot atau state history dari image, dengan model artistik
tertentu
11. Eraser Tool (E) :
Ada 3 macam bentuk, yaitu:
1. Eraser Tool
:
2. Background Eraser Tool :
3. Magic Eraser Tool
:

Untuk menghapus gambar yang tidak kita inginkan

Untuk menghapus area tertentu pada gambar menjadi transparan.
Untuk menghapus area tertentu image yang memiliki warna yang
serupa menjadi transparan dengan satu kali klik.

12. Gradient Tool (G) :

Ada 2 macam bentuk, yaitu:
1. Gradient Tool
: Untuk menghasilkan warna gradasi.
Pengaturannya gunakan option bar seperti berikut ini.

2. Paint Busket Tool : Untuk mengecat/mewarnai area yang dipilih dengan warna foreground atau pola
tertentu.
13. Blur, Sharpen dan Smudge Tool (R) :
1. Blur Tool

: Untuk mengaburkan/memburamkan pada area gambar.

2. Sharpen Tool : Untuk menajamkan pada area tertentu pada image.

3. Smudge Tool : Untuk menarik/menggosok/mencoreng area tertentu pada image.

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 8

14. Dodge , Burn, Sponge Tool (O) :

1. Dodge Tool: Untuk membuat area menjadi lebih terang.
2. Burn Tool: Untuk membuat area menjadi lebih gelap.
3. Sponge Tool: Untuk mengubah saturation di area tertentu pada image.
15. Pen Tool (P) :
1. Pen Tool: Untuk membuat gambar (garis lurus dan lengkung) dalam bentuk path/vektor.
2. Freeform Pen Tool : Untuk membuat path berbentuk bebas.
3. Add Anchor Point Tool (+) : Untuk menambah anchor point atau titik editor pada path.
4. Delete Anchor Point Tool (-) : Untuk menghapus anchor point atau titik editor pada path.
5. Convert Point Tool : Untuk mengubah anchor dan direction point tertentu pada path
Pengaturan tiap toolyangdiaktifkan dapat dilihat pada Option Bar.

16. Type Tool (T) :

1. Horizontal Type Tool: Untuk membuat teks/tulisan secara horisontal.
2. Vertical Type Tool: Untuk membuat teks/tulisan secara vertikal.
3. Horizontal Type Mask Tool: Untuk membuat selection berbentuk tulisan secara horizontal.
4. Vertical Type Mask Tool: Untuk membuat selection berbentuk tulisan secara vertikal.
Pengaturan tiap toolyangdiaktifkan dapat dilihat pada Option Bar.

17. Selection Tool (A) :

1. Path Selection Tool : Untuk memilih sebuah path.
2. Direct Selection Tool: Untuk merapikan alur path dengan cara mengubah anchor dan direction
Option hanya ada pada Path Selection Tool, berikut tampilannya :

18. Shape Tool (U) :

1. Rectangle Tool
: Untuk menggambar bentuk segi empat.
2. Rounded Rectangle Tool : Untuk menggambar bentuk segi empat melengkung.
3. Ellipse Tool
: Untuk menggambar benuk lingkaran/ellipse. Untuk menghasilkan
bentuk bulat lakukan dengan menekan shift.
4. Polygon Tool
: Untuk menggambar bentuk polygon. Pilih jumlah sisi polygon pada
menu Option
5. Line Tool
: Untuk menggambar bentuk garis lurus. Lakukan dengan menekan shift
agar garis yang dihasilkan benar-benar lurus.
6. Custom shape Tool
: Untuk membentuk bebas/ bentuk tertentu
Setiap tool yang diaktifkan akan dilengkapi pengaturan pada Option Bar.

19. Notes & Audio Annotation Tool (N) :

1. Notes Tool
: Untuk membuat catatan pada image seperti copyright.
2. Audia Annotation Tool : Untuk membuat suara/audio pada image

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 9

Dan pengaturannya dapat dilihat pada Option yang tampil

Untuk mengaktif-nonaktifkan notes pada canvas, klik saja yang bergambar notes, sekali untuk aktif dan
sekali lagi untuk non-aktif, dan seterusnya. Untuk membuka/melihat isi notes, klik 2x pada notes, Anda
juga dapat meng-edit langsung isi notes tersebut. Untuk menutup window notes, klik kotak kecil di
sebelah kanan atas.
20. Eyedropper Tool (I) :
1. Eyedropper Tool : Untuk memilih warna dari sebuah image/gambar.
2. Color Sampler Tool : Untuk mengambil berbagai sample warna pada image/gambar.
3. Ruler Tool
: Untuk mengukur jarak atau sudut pada image
Berikut tampilan pengaturan pada Option bar untuk Ruler Tool.
Untuk meng-aktifkkan Option ini, pilih warna dari image/gambar yang akan di ukur. Gerakkan mouse ke
kiri/kanan/atas/bawah untuk menghasilkan garis, itulah area yang akan di ukur. Default angkanya
adalah 0.
21. Hand Tool (H) :
Digunakan untuk menggeser/memindah bidang pandang image di dalam kanvas
22. Zoom Tool (Z) :
Digunakan untuk memperbesar atau memperkecil tampilan image
23. Set Foreground & Baground Tool (Z) :
Kotak atas (hitam) untuk memberitahukan warna apa yang kita pakai (foreground)
Kotak bawah (putih) untuk menentukan warna kanvas/ alas (background)
Kotak kecil (hitam-putih) warna standar dari photoshop
Tanda panah untuk memutar posisi warna kedua kotak besar
24. Edit in Quick Mask Mode (Q) :
Untuk pengeditan menggunakan efek mask
25. Screen Mode

Standard Screen Mode

: Digunakan untuk menampilkan layar pada keadaan

standar/normal.
Maximized Screen Mode
: Digunakan untuk menampilkan layar pada keadaan
maksimal.
Full Screen Mode With Menu Bar : Digunakan untuk menampilakan layar secara penuh
dan dilengkapi dengan menu bar
Full Screen Mode

: Digunakan untuk menampilkan layar secara penuh

---------oooooOOOOOooooo------Guru Mapel TIK : Teguh Pramono, S.Pd.

Suplemen materi Adobe PhotoShop TIK_XII - SMA N 1 Sragen

Hal- 10