Teknik Mengelola Image Digital Secara Profesional Menggunakan Adobe Photoshop CS2

PENERBIT ANOI

Andi Judjajanto

· Teknik ·Mengel la . l
Image D1g1ta

Secara Profesional

Menggunakan

Teknik Mengelola Image Digital
Secara Profesional

MENGGUNAKAN

Teknik Mengelola Image Digital
Secara Profesional

MENGGUNAKAN

Andi Judjajanto

Diterbitkan Atas Kerjasama

SmitOev. Com PENERBIT AND!

Teknik Mengelola Image Digital Secara Profesional Menggunakan
Adobe Photoshop CS2

Hak Cipta © 2006 pada SmitDev Community
Gedawang Permai I/J-3 Banyumanik, Semarang.

Editor : Fl. Sigit Suyanioro

Setting : Sri Sulisiiyani

Desain Cover : Rendrasta Duta A.

Korekior : Donald Kariika Setiawan

Diterbitkan atas keljasarna Penerbit ANDI
Yogyakarta dengan SmitDev Community
Semarang

Hale Cipia dilindungi undang-undang. Dilarang memperbanyak aiau
memindahkan sebagian at.au seluruh isi buku ini dalam bentuk apapun,
baik secara elektronis maupun mekcmis. terrnasuk merryot.ocopy.
merekam, atau dengan sistem penyimpcman lainnya. ianpa izin tertulis
dari Penerbit.

Penerbit:
C. V ANDI OFFSET ( Penerbii AND!)
Jl. Beo 38-40,Telp. (0274) 561881 (Hunting). Fax (0274) 588282
Yogyakarta 55281

Percetakan:
AND! OFFSET
Jl. Beo 38-40,Telp. (0274) 561881 (Hunting). Fax (0274) 588282
Yogyakarta 55281

Perpustakaan Nasional: Katalog dalam Terbitan

Teknilc l'v1engelola Image Digital Secw·a Projesional
Menggunakan Adobe Photoshop CS2/

- Ed. I. - Yogyalcarta: ANDI; Semarang:SmitDev
Community,
09 - 08 - 07
xii + 2715 hlm.; 16 x 23 Cm.
10 9 8 7 6 5 4 3 2
ISBN: 979-763- 345-4
I. Photoshop/Computer Graphics
1. SmitDev Community Semarang

DDC'21: 006.69

KATA PENGANTAR

T eknologi digital merupakan teknologi yang paling dominan pada
masa sekarang. Hal ini ditandai dengan semakin maraknya
perangkat-perangkat digital yang hadir dalam kehidupan sehari-
hari. Kamera digital dan handycam digital kini bukan merupakan barang
mewah lagi. Masyarakat berbagai kalangan sudah memiliki dan biasa
memanfaatkan perangkat-perangkat ini. Teknologi digital benar-benar
menguasai pasar dan telah melahap habis teknologi analog.

Seiring dengan perkembangan teknologi digital yang begitu pesat,
masyarakat juga semakin kritis di dalam menentukan pilihannya, yang
salah satunya adalah dalam menentukan program aplikasi komputer yang
akan mereka gunakan untuk mcmbantu melakukan kegiatan yang
berkaitan dengan pemanfaatan teknologi digit:.~l.

Adobe hadir dengan merilis produk terbaru mereka, yaitu Adobe
Photoshop Creative Suite 2. Produk ini siap melayani kebutuhan
pengguna di bidang retouching dan imaging toto. Pada rilis versi
sebelumnya, program ini telah populer dan dikenal sebagai program yang
sangat mudah pemanfaatannya. Kcmampuan Adobe Photoshop dalam
dunia image editing memang tidak diragukan lagi. Melalui rilis Creative
Suite 2, beragam fitur menaril< akan memhantu para pcmula maupun
profesiona1 di bidang image editing.

Bagi Anda yang masih pemula, melalui buku ini Anda dapat mempelajari
beragam teknik penggunaan program Photoshop CS2. Berbagai teknik
pengelolaan image digital akan dipaparkan secm·a jelas dan mudah
langkah demi langkah, sehingga dalam \Vaktu singkat Anda akan mampu
melakukan imaging dan retouching foto. Dagi para pengguna tingkat
menengah ataupun mahir, buku ini akan chlpat memberikan tambahan
wawasan dan dapat menjadi salah satu sumber referensi.

Ucapan terima kasih penulis haturkan sebesar-besamya kepada Allah
SWT, karena berkat Dia buku ini dapat pcnulis selesaikan. Ucapan terima
kasih juga penulis sampaikan kepada orangtua, kakak, dan adik-adik di

iv Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Bali dan Jakarta yang merupakan sumber inspirasi dalam penulisan buku
ini, serta bagi sahabat dan ternan-ternan di Yogyakarta.
Penulis menyadari bahwa buku ini tidak luput dari kesalahan dan masih
jauh dari sempuma. Untuk itu penulis membuka diri atas segala bentuk
tanggapan dan pertanyaan pembaca berkaitan dengan buku ini. Pembaca
dapat menyampaikan saran, tanggapan, ataupun pertanyaan melalui
forum interaksi pembaca yang tersedia di situs komunitas kami
http://www.smitdev.com, atau melalui email info(?vsmitdev.com. Untuk
berkonsultasi secara langsung dengan penulis, silakan layangkan email
ke andiC~smitdev.com.

Semarang, Desember 2005
Andi Judjajanto

DAFTARISI iii

Kata Pengantar v

Daftar lsi 1

Bab 1 Pendahuluan 1
2
Spesifikasi Sistem yang Diperlukan 6
Proses Instalasi 6
Fitur Baru Adobe Photoshop CS2 15

Vanishing Point 18
Adobe Bridge 23
Filter Blur
Filter Smart Sharpen 24
Filter Reduce Noise 26
Spot Healing Tool 27
Red-eye Correction 28
High Dynamic Range (HDR) 30
Animasi
Smart Guides 33
WYSIWYG Font Menu
Image Processor 34
Lens Correction 34
Format PDF (Portable Document Format)
UI Font Size 35
Video Preview
Multiple Layer Control 36
Image Warp 37
37
Bab 2 Mengenal Interface Adobe Photoshop CS2 38
Palet dan Menu 38
Baris Option
Toolbox 41
Selection Tool 42
Crop Tool 43
Retouching Tools 43
44
50
52

vi Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Painting Tool 67
Ruler, Grid, dan Guide 74

&~ ~

Grid 74

~~ ~

Mengatur Setting Adobe Photoshop CS2 77
Default Workspace 78
Delete Workspace 78

Bab 3 Dasar-Dasar Penggunaan Adobe Photoshop CS2 79
Membuat File Baru 79
Membuka File 82
Menyimpan File 83
Teknik Seleksi 84
Memindahkan O~jek dengan Menggunakan Move Tool 84
Menggunakan Teknik Inverse Untuk Melakukan Pembalikan
&khi ~
Menggunakan Magic Wand Untuk Melakukan Seleksi Cepat
Memperhalus Batas Area Seleksi 87
Mengcopy dan Memindahkan Area Seleksi 88
Menggunakan Layer Mask 89
90
Bab 4 Menggunakan Layer dan Channel
Membuat Layer Baru 95
Manajemen Layer 96
Lapisan Layer 97
Mengelola Layer 100
Mengatur Setting Opacity dan Blending Option 101
Blending Mode 103
Masking Layer I 04
Membuat Spot Color Channel 115
119
Bab 5 Membuat Gambar Vektor
Sekilas Tentang Gambar Vektor 123
Membuat dan Mengedit Path 123
Membuat Path 124
Mengedit Path 124
Seleksi Path 130
Memberi Wama pada Path 132
Stroke Path 133
134

Daftar lsi vii

Bab 6 Mengimpor Gambar 137
Mengenal Ukuran dan Resolusi Gambar 137
Mengubah Ukuran dan Resolusi Gambar 138
Mengambil Gambar dari Kamera Digital 140
Mengambil Gambar dari Scanner 142

Bab 7 Bekerja dengan Teks 145
Membuat dan Mengedit Teks 145
Horizontal Type Tool 146
Vertical Type Tool 146
Horizontal Type Mask Tool 147
Vertical Type Mask Tool 148
Mengatur Setting Wrapping Teks 148
Menggunakan Fitur Type on Path 151
Mengatur Fotmat Karakter 155
Mengatur Jenis Huruf 156
Mengatur Ukuran Hunif 157
Mengatur Kerning 158
Mengatur Leading 158
Mengatur Tracking Hunif 159
Mengatur Skala Vertikal 160
Mengatur Skala Horisontal 160
Mengatur Baseline Shift 161
Mengatur Format Paragraph 161
Mengatur Setting Hipenasi dan Line Break 163

Bab 8 Mewarnai Objek 165
Sekilas Tentang Painting Tool 165
Brush Tool 166
Pencil Tool 166
Color Replacement Tool 166
Memilih Wama Foreground dan Background 167
Memilih Brush Preset 168
Membuat Brush dan Setting Option 170
In
D~~ 177
177
Menggunakan Blending Mode 178
Menghapus Wama 182
Membuat Komposisi Wama Gradient 184
Mengatur Atribut Fill dan Stroke pada Layer dan Area Seleksi
Membuat dan Menggunakan Pattern

viii Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Bab 9 Manajemen Warna 187
Mengenal Mode Warna
RGB (Red Green Blue) 187
CMYK 187
HSB 188
CIELab 189
Bitmap 189
Grayscale 190
Menyesuaikan Wama pada Monitor 191
Mengenal Channel dan Bit Depth
Menggunakan Color Profile 192

Bab 10 Membuat Efek Khusus Menggunakan Filter 192
Sekilas Tentang Filter 193
Menggunakan Filter Gallery
Membuat Efek dari Paduan Filter Sendiri 195
Colored Pencil dengan Accented Edges
Cut Out dengan Neon Glow 195
Cut Out dengan Poster Edges 195
Poster Edges dengan Photocopy 197
Membuat Efek Sendiri 197
EfekMatrix 199
Paduan Efek Sepia dengan Filter Radial Blur 201
Menggunakan Image dan Texture 202
Tekstur Animal Fur 204
Tekstur Noise 204
205
Bab 11 Teknik Perbaikan Gambar 208
Melihat Histogram dan Nilai Piksel 208
Memahami Pengaturan Wama 209
Auto Color
Levels 213
Curves
Photo Filter 213
Color Balance 215
Hue I Saturation 216
Match Color 216
Replace Color 216
Selective Color 217
Channel Mixer 218
218
219
219
220
221

Daftar lsi ix

Mengatur Nilai Level, Curves, dan Exposure 222
Levels 222
Curves 224
l?xposure 225
226
Mengatur Nilai Hue/Saturation dan Color Balance 228
Mengatur Letak Gambar 229
Memotong Gambar 231
Menghilangkan Noise dan Distorsi pada Gambar 231
231
Spot Healing Brush Tool 232
Healing Brush Tool 233
Filter Dust and Scratches 236
Membuat Panoramic Image Menggunakan Fitur PhotoMerge 236
Set Vanishing Point Tool 237
Rotate Image Tool
Photomerge Composition Files (PMG) 239
239
Bab 12 Mengekspor Gambar 242
Membuat File PDF Presentation 243
Membuat Picture Package 245
Membuat Contact Sheet II 245
Menyimpan Gambar dalam Format GIF, JPEG, dan PNG 246
Menyimpan dalam Format GIF 247
Menyimpan dalam Format JPl?G
Menyimpan dalam Format PNG 249
249
Bab 13 Mencetak Gambar 256
Menggunakan Fitur Color Management
Mencetak Gambar Dua Wama 257
257
Bab 14 Membuat dan Menggunakan Action 260
Membuat Action 261
Menggunakan Action 262
Membuat l?fek Soft Focus 263
Membuat l?fek Sephia 264
Membuat l?fek Lainnya 264
Menggunakan Droplet 266
Langkah Pertama 267
Langkah Kedua
Langkah Ketiga

X Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

BABl

PENDAHULUAN

P rogram Adobe Photoshop CS2 merupakan program terbaru keluaran
Adobe. Adobe ini selalu merilis program-program yang begitu
handal. Berkat kehandalannya, kini program ini telah digunakan
sebagai program standar dalam melakukan imaging dan retouching foto.

Adobe Photoshop dari masa ke masa memang memiliki kharisma tersendiri
di mata penggunanya. Hal ini karena Adobe Photoshop selalu mengikuti
tuntutan perkembangan yang terjadi. Ini dibuktikan dengan fitur-fitur baru
yang selalu dapat mendukung setiap kegiatan desain. Program ini juga begitu
friendly, mudah diterima dan digunakan oleh pengguna awam sekalipun.
Karena kemudahannya ini banyak desainer yang menggunakan Adobe
Photoshop sebagai program standar mereka.

Program ini juga sangat dinamis. Setelah kita menikmati rilis Adobe
Photoshop CS yang tergolong masih baru, sekarang sudah muncul pula versi
terbarunya, Adobe Photoshop CS2. Rilis baru ini dilengkapi dengan fitur-
fitur yang luar biasa. Bagi Anda yang sudah terbiasa dengan program ini,
Anda akan merasakan adanya peningkatan yang begitu pesat yang dilakukan
oleh Adobe pada Photoshop.

SPESIFIKASI SISTEM YANG DIPER-
LUKAN

Spesifikasi sistem komputer yang diperlukan untuk menunjang kelan-caran
operasi program ini adalah sebagai berikut:

• Komputer Macintosh
• PowerPC® prosessor (G3, G4 atau G5)
• Mac OS® X version 10.2.8 - 10.3.8 (10.3.4 - 10.3.8
direkomendasikan)
• RAM 320MB (384MB direkomendasikan)

2 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

• 750MB ruang kosong hard disk
• Resolusi monitor 1024x768 dengan 16-bit video card
• CD-ROM
• Komputer Windows
• Intel® Xeon, Xeon Dual, Centrino, Pentium® class III atau 4

prosessor
• MS. Windows 2000 Service Pack 4, atau Windows XP

Service Pack 1 atau 2
• RAM 320MB (384MB direkomendasikan)
• 650 MB ruang kosong hard disk
• Resolusi monitor 1024x768 dengan 16-bit video card
• CD-ROM drive

PROSES INSTALASI

Untuk melakukan proses instalasi program Adobe Photoshop CS2, langkah-
langkahnya adalah sebagai berikut:

1. Masukkan CD program ke dalam CD-ROM Anda. Tunggu
beberapa saat hingga kemudian akan muncul kotak konfirmasi
bahasa yang akan dipakai dalam program ini. Di dalam contoh
digunakan Nort American English. Klik OK.

Pendahuluan 3

Adobe··Photoshop•cs2

Select a lanouaoe... v;

r~~~::i.~~~~~~-~~~sh·····

Gambar 1.1 Kotak konfirmasi pemilihan Bahasa

2. Muncul kotak konfirmasi License Agreement, yaitu persetujuan
yang wajib dipatuhi oleh setiap pengguna program ini. Klik
Accept.

License Agreement
To conlirl.Je, you rrust atcept the End-User License Agreement.
ptease select the language yOIJ would like to use to re&:l the ~g-eement.

Select Language: ;English (US)

ADOBE
Softwarf. Lk:eDSe Agreement

NOTICE TO USER: PLEASE READ THIS AGREEMENT CAREFULLY. BY COPYING,
; INSTAWNG OR USING ALL OR ANY PORTION OF THE SOFTWARE YOU ACCEPT ALL THE

TERMS AND CONDITIONS OF THIS AGREEMENT, INCLUDING, IN PARTICULAR THE
LIMITATIONS ON: USE CONTAINED IN SECTION 2; TRANSFERABILITY IN SECTION 4;
WARRANTY IN SECTIONS 6 AND 7; LIABILITY IN SECTION 8; AND SPECIFIC PROVISJONS
AND EXCEPTIONS IN SECTION 14. YOU AGREE THAT THIS AGREEMENT IS LIKE ANY
WRITTEN NEGOTIATED AGREEMENT SIGNED BY YOU. THIS AGREEMENT IS
ENFORCEABLE AGAINST YOU AND ANY LEGAL ENTITY THAT OBTAINED THE
' SOFTWARE AND ON WHOSE BEHALF IT IS USED: FOR EXAMPLE, IF APPLICABLE, YOUR

,.,nJ; EMPLOYER. IF YOU DO NOT AGREE TO THE TERMS OF THIS AGREEMENT, DO NOT USE
THE SOFTWARE VISIT htipilwww •doh FOR TEPMS OF AND LIMITATIONS ON

Gambar 1.2 Kotak konfirmasi License Agreement

4 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

3. Muncul kotak konfinnasi Install Photoshop CS2 dengan
program bundellainnya. Klik Install Photoshop CS2.

Adobe' Photoshop. rs2

Install Photoshop CS2
Phomshop At A G!an(e
Phoc:oshop f'Jev'l' f~atures
c·eath'e SUite Brochure

T1ps & Tricks

* Adobe DNCJ Converter

Explore CD Contents

Gambar 1.3 Kotak konfirmasi instal Photoshop CS2 dengan program
bundellainnya

4. Kembali muncul kotak konfinnasi tentang License Agreement.
Klik Accept.

5. Muncul kotak Customer Information. Ketikkan nama dan
organisasi Anda. Klik I have a serial number, install full
version, dan masukkan serial number yang telah Anda miliki ke
dalam kotak isian. Klik Next.

Pendahuluan 5

Customer Information
The following information must be entered before instaUation of Adobe
Photoshop CS2 can be completed,

User Name:

Orgarnzation:

(::·Install 30-day tnal version
('\I have a serial number, Install full version

Serial Number:

l l ,____<_B_ac_k__,j I, Next > c_ar_•c_el_~

Gambar 1.4 Kotak konfirmasi Customer Information

6. Tampak kotak konfim1asi tentang tipe file yang didukung oleh
program ini. Klik Next. Selanjutnya tunggu proses instalasi yang
sedang dilakukan.

Fwe Association

Select the file types you would like Photoshop(PS) or ImageReady(IR) to
open and specify which application for each type. Select no change(NC)
to keep thti current selection.

Photoshop PDF (PDP) .../
.../
Portable Network •;raphics (PNG)
.../
Large Document (PSB) .../
Pixar (PXR) .../
Photoshop Raw Data (RAW) .../
Scitex CT (SCT) .../
Targa Image (TGA, VDA, ICB, VST) .../
Tagged Image File Format (TIFF, TIF)
Wireless BMP (WBM, WBMP) .../

All toPS ...J,.,,..,...,.,.,,.,.,.,.,., •.,.,~~,d...

<Bad, II.__ __...

Gambar 1.5 Kotak konfirmasi tipe file

6 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

7. Pada akhir proses akan muncul kotak konfirmasi aktivasi. Laku-
kan aktivasi sesuai opsi yang Anda miliki.

J811Ji,,ii'·········

lnstaBShield Wizard Completed
The lnstai!Shield Wi>:ar.d has successfully installed Adobe Photoshop C52. Click Finish to
exit the wizard.

P' Show the readme file

Gambar 1.6 Proses instalasi selesai

FITUR BARU ADOBE PHOTOSHOP
CS2

Bagi Anda yang telah mengenal Adobe Photoshop versi sebelumnya, berikut
gambaran beberapa fitur baru yang ditawarkan pada rilis Adobe Photoshop
CS2.

VANISHING POINT

Vanishing Point merupakan fitur untuk melakukan edit image perspektif
yang sangat handal. Untuk mengaktifkan fitur ini, pilih menu Filter >
Vanishing Point atau tekan Alt+Ctl+V pada papan keyboard.

Pendahuluan 7

Options Preview vanishing point

T ',\, :ZShcw Edo•• F..'""'· L ¥ •;>pii<~1' :00 ~ H•'"' 0if

Q '"''''"'"'l.o"""'<:>&~<~<"9•" •~ to,ol.ot.o .,., oot'>>tpl...,, Al,•<if~Q' '""''~" •o<o~l "'""'' .o '"""' da""'.ocioo <Ctrl•d-~• :.lo<O""" fil•f-< "'"\/<

0

I
b

0

X

Gambar 1.7 Kotak dialog Vanishing Point

Dalam contoh yang akan dijelaskan di bawah ini, cat gedung bertingkat ini
akan diganti dengan image yang telah disediakan. Langkah berikut ini
menjelaskan cara mengganti cat gedung tersebut.

Langkah Pertama

1. Buka image perspektif berupa image gedung bertingkat, seperti
tampak pada Gambar 1.8.

2. Siapkan image sebagai pengganti cat gedung bertingkat tersebut.
Dalam contoh digunakan image dengan filter Cloud (Filter >
Render > Clouds), yaitu paduan wama kuning (kode wama
#eob42e) dengan wama maroon (kode wama #9b1313), seperti
tampak pada Gambar 1.9.

8 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.8 Gedung berlingkat

Gambar 1.9 Image pengganti cat gedung berlingkat

Langkah Kedua

1. Pilih file gedung bertingkat.
2. Pilih menu Image > Canvas Size atau tekan Alt+Ctrl+C pada

papan keyboard untuk memperlebar kanvas. Sesuaikan dengan
kotak dialog Canvas Size seperti tampak pada Gambar 1.1 0.

Pendahuluan 9

Gambar 1.10 Kotak dialog Canvas size untuk memper/ebar kanvas

3. Drag image pengganti cat ke dalam dokumen gedung bertingkat.
Letakkan sedemikian rupa seperti tampak pada Gambar 1.11.

Gambar 1.11 Posisi image pengganti cat berada di sebelah kiri image gedung
bertingkat

10 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

4. Buat layer baru untuk meletakkan hasil vanishing point agar
nantinya dapat Anda edit.

D L.ayer 1 0

[ l j'!If Bad<:gro=d

Gambar 1.12 Tampak layer sebenarnya

Langkah Ketiga

1. Pilih menu Filter > Vanishing Point atau tekan Alt+Ctrl+V
pada papan keyboard.

2. Klik Create Plane Tool pada toolbox.

Gambar 1.13 Create Plane Tool

3. Tentukan area plane dengan klik pada ujung-ujung Image.
Lakukan seperti ilustrasi pada Gambar 1.14.

Pendahuluan 11

Gambar 1.14 1/ustrasi membuat area plane

4. Lakukan langkah pada point 3 untuk dinding gedung bertingkat.
Lakukan seperti pada Gambar 1.15 berikut ini.

12 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.15 Area plane pada dinding gedung bertingkat

5. Setelah itu klik Rectangle Tool pada toolbox dan klik dua kali di
tengah image pengganti cat tersebut sehingga image terseleksi.

6. Klik Move Tool pada toolbox dan kemudian tekan Alt+drag
pada image pengganti cat ke area plane dinding gedung
bertingkat tersebut sererti tampak pada Gambar 1.16.

Pendahuluan 13

Gambar 1.16 Meletakkan clone image pengganti cat pada dinding gedung

7. Klik Transform Tool pada toolbox.

Gambar 1.17 Transform Tool

8. Pada clone image tersebut akan muncul seleksi dengan 8 kotak.
Image ini dapat Anda resize dengan melakukan klik dan drag
tepat di kotak tersebut. Lakukan resize sesuai ukuran dinding.
Lakukan seperti tampak pada Gambar 1.18 berikut ini.

14 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.18 Cara melakukan resize image

9. Setelah Anda resize image tersebut maka akan tampak seperti
pada Gambar 1.19.

Gambar 1.19 Setelah dilakukan resize image

Pendahuluan 15

10. Lakukan juga terhadap dinding yang lain. Klik OK. Anda akan
mendapatkan hasil image seperti tampak pada Gambar 1.20.

Gambar 1.20 Tampak gedung bertingkat dengan cat image yang Anda gunakan

ADOBE BRIDGE

Jika Anda sebelumnya adalah pengguna Adobe Photoshop 7 atau Adobe
Photoshop CS, Anda tidak asing laagi dengan File Browser. Ini merupakan
jendela di dalam aplikasi Adobe Photoshop yang berfungsi sebagai Adobe
Photoshop Explorer. Di dalam Adobe Photoshop CS2, File Browser berubah
menjadi Adobe Bridge yang bertugas sebagai Adobe Photoshop Explorer.

16 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

UnFitered• ~ ":_'; <" Q 6'

Gambar 1.21 Jendela Adobe Bridge

Keunggulan Adobe Bridge ini adalah dapat melakukan view data file dari
program non-Adobe Photoshop dan sekaligus dapat bekeija sama dengan
program lain terkait dengan pembukaan file tersebut.
Sebagai contoh, pada Gambar 1.22 tampak data file CorelDraw 12,
Microsoft Word, Corel Trace, dan Notepad. Jika ditekan Enter pada data
file CorelDraw 12, maka program CorelDraw 12 akan tampil.

Pendahuluan 17

CoreiDRAW~12

Version 12
(c)2003 Corel Corporation All rights reserved.

Creating Application Environment...

Gambar 1.22 Core/DRaw 12 aktif dari eksekusi file pada jende/a Adobe Bridge

18 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

FILTER BLUR

Pada Adobe Photoshop CS2 ini terdapat fitur tambahan bemama Blur,
terdiri dari Box Blur, Lens Blur, Shape Blur, dan Surface Blur. Untuk
mengaktifkan filter ini, pilih menu Filter> Blur.

Gambar 1.23 Menu Filter Blur

Berikut ini penjelasan untuk masing-masing filter Blur tersebut. Gambar
1.24 adalah image contoh yang digunakan dalam setiap penjelasan filter blur.

Gambar 1.24 Image bunga

Pendahuluan 19

Box Blur

Box Blur merupakan filter blur dengan dimensi kotak. Anda dapat meng-
aktifkannya dengan memilih menu Filter > Blur > Box Blur. Cara
menggunakan filter ini adalah:

I. Buka image bunga, misalnya seperti pada Gambar 1.24.
2. Pilih menu Filter > Blur > Box Blur sehingga akan tampak

kotak dialog Box Blur.

[\.ijdius: [~1_~1 pixels

Gambar 1.25 Kotak dialog Box Blur

3. Andai akan mendapatkan basil image dengan filter Box Blur,
seperti Gambar 1.26.

20 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.26 /mage dengan filter Box Blur

Lens Blur

Lens Blur merupakan filter blur dengan efek lensa. Anda dapat mengaktif-
kannya dengan memilih menu Filter > Blur > Lens Blur.

Gambar 1.27 Kotak dialog filter Lens Blur

Pendahuluan 21

Gambar 1.28 Image dengan filter Lens Blur

Shape Blur

Shape Blur merupakan filter blur dengan dimensi bentuk tertentu. Anda
dapat mengaktifkannya dengan memilih menu Filter> Blur> Shape Blur.

Shape Blur II)

CQCJ

CcarCe~J

~~review

a,Shape:

G G3""'
[l.adius: iJ
pixels

Gambar 1.29 Kalak dialog filter Shape Blur

22 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.30 Image dengan filter Shape Blur

Surface Blur

Surface Blur merupakan filter blur dengan dimensi bentuk permukaan
tertentu. Anda dapat mengaktitkannya dengan memilih menu Filter > Blur
>Surface Blur.

&adius: ' 8 piXels
Ihreshold: 44 levels

Gambar 1.31 Kotak dialog filter Surface Blur

Pendahuluan 23

Gambar 1.32 Image dengan filter Surface Blur

FILTER SMART SHARPEN

Adobe Photoshop CS2 juga menambahkan fitur pada filter Sharpen, yaitu
Smart Sharpen. Filter ini berfungsi untuk menajamkan image melalui
pengaturan parameter sehingga Anda dapat melakukannya sesuai keinginan.
Untuk mengaktifkan filter ini, pilih menu Filter > Sharpen > Smart
Sharpen.

~= ~o~e !.l.cwrate

Gambar 1.33 Kotak dialog Smart Sharpen

24 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.34 Interior ruangan yang semula agak kabur (kiri) menjadi tampak
je/as (kanan)

FILTER REDUCE NOISE

Dengan fitur baru Noise Reduction, Anda dapat menghilangkan noise
dengan mudah dan cepat. Untuk mengaktifkannya, pilih menu Filter >
Noise> Reduce Noise.

Pendahuluan 25

CQLJ
L ..9_~_:

·~0~~revlew

2,ettngs: [•efault
Strength·

Reduce •;;;.olor Nme 0 "Jo
starpen Dear:; Dl

Gambar 1.35 Kotak dialog filter Reduce Noise

Gambar 1.36 Image sebelum dan setelah diberi filter Reduce Noise

26 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

SPOT HEALING TOOL

Fitur lain yang ditambahkan adalah tool perbaikan noda image. Penggunaan
tool ini cukup mudah, yaitu dengan klik tool tersebut lalu klik pada daerah
noda.

Gambar 1.37 Spot Healing Tool pada Toolbox

Gambar 1.38 Image sebelum dan sesudah penggunaan Spot Healing Tool

Pendahuluan 27

RED EYE CORRECTION

Jika Anda sering melakukan pemotretan pada malam hari atau di dalam
ruangan yang agak gelap, Anda akan sering mendapatkan basil di mana pada
bidikan terdapat mata berwama merah atau yang sering disebut dengan Red-
eye. Adobe Photoshop CS2 memiliki fitur untuk menghilangkan efek Red-
eye ini, yaitu Red Eye Tool.

Gambar 1.39 Red Eye Tool pada Toolbox

Cara menggunakan filter ini, klik Red Eye Tool pada toolbox. Pada image
yang terdapat efek Red Eye, buat seleksi di sekitar pupil. Anda dapat
mengatur ukuran pupil mata dan kepekatan wama. yaitu melalui baris
option.

-';~ ... Pupil Siz(o:
Gambar 1.40 Parameter pupil mata dan tingkat kepekatan

Gambar 1.41 Penggunaan Red Eye Tool

28 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.42 Image sebelum dan setelah penggunaan Red Eye Tool

HIGH DYNAMIC RANGE (HDR}

Dalam bidang photografi, sering kita mengambil sebuah objek menggunakan
berbagai macam exposure. Dalam Adobe Photoshop CS2, Anda dapat
menyatukan objek-objek tersebut dengan exposure yang berbeda-beda
melalui Merge HDR, sehingga didapatkan objek yang maksimal. Untuk
mengaktifkan Merge to HDR, pilih menu File > Automate > Merge to
HDR.

SGurce Files
Choose two or more files from a set of exposures to
merge and create a High Dynamic Range in1age.

Use: iFiles

f7:"'~~----~~-~~~-~-

14,psd

ll.psd

2,psd
J3,psd

I

0Atternpt to Automatically A!ign Source Images

Gambar 1.43 Kotak dialog Merge to HDR

Pada Gambar 1.44 berikut ini adalah contoh Image-Image dari bidikan
fotografi dengan tingkat eksposur yang berbeda.

Pendahuluan 29

Gambar 1.44 Image-image dengan tingkat eksposur yang berbeda

30 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Image-image di atas dapat Anda merge menjadi HDR sehingga Anda
mendapatkan sebuah image yang maksimal. Gambar 1.45 merupakan hasil
image dari proses Merge to HDR.

Gambar 1.45 Image dari proses Merge to HDR

ANIMASI

Fitur andal yang merupakan terobosan baru Adobe Photoshop CS2 adalah
animasi. Selain untuk mengolah citra digital, program ini juga dilengkapi
dengan fitur animasi yang memungkinkan Anda untuk melakukan desain
gambar animasi.
Contoh cara membuat animasi adalah sebagai berikut:

1. Buka dokumen baru.
2. Buka palet animasi dengan memilih menu Window >

Animation.
3. Gambarlah pesawat dengan menggunakan Custom Shape seperti

pada contoh.

Pendahuluan 31

Gambar 1.46 Gambar pesawat berada di pojok kanan bawah untuk frame 1

4. Buat frame baru dengan klik tombol Duplicates Current
Frame.

Gambar 1.47 Tombol Duplicates Current Frame

5. Klik Move Tool pada toolbox, drag ke arah tengah dokumen.
6. Buat frame baru lagi dengan klik tombol Duplicates Current

Frame.
7. Klik Move Tool pada toolbox, drag ke arah ujung kiri atas

dokumen.

32 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.48 Gambar pesawat berada di tengah dokumen untuk frame 2

Gambar 1.49 Gambar pesawat berada di pojok kiri atas untuk frame 3

8. Tekan tombol Play untuk melihat hasil ammas1. Tekan tombol
Stop untuk mengakhirinya.

Pendahuluan 33

Gambar 1.50 Tombol Play dan Stop

Anda dapat mengatur waktu animasi setiap framenya. Klik di bawah
window frame dan tentukan waktu sesuai kebutuhan.

0.1 seconds
0.2
0.5
1.0
2.0
5.0
10.0

Other ...

0,00 seconds

Gambar 1.51 Pilihan waktu yang dapat Anda pilih

SMART GUIDES

Smart Guides membantu tugas Anda dalam menempatkan sebuah objek.
Untuk mengaktifkan garis Smart Guides, pilih menu View > Show >
Smart Guides. Garis Smart Guides secara otomatis akan tampak ketika
Anda melakukan drag objek dengan objek lainnya. Garis Smart Guides
tampak sebagai garis berwarna merah muda.

34 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.52 Tampak garis Smart guides rata atas, tengah, dan bawah

WYSIWYG FONT MENU

WYSIWYG : What You See Is What You Get, artinya apa yang terlihat
dalam monitor itulah hasil sebenamya. Tampilan menu Font pada versi
Adobe Photoshop CS2 terletak di sebelah kanan nama font. Anda cukup
memilih menu Font pada baris Option atau pada palet Character.

AmiBI.;~ck SamPle () Arial Nat row ---Sample

'If BATAVIA I S..pjt If Bad 6amplt
'r Beckett 'r Balthazar
(Ill~ T Batbatrick SamPle
T Bets~' Flanagan 2 T BATAVIA
-~npfi'. If Beckett -jo,ppt
(I Birch Std
Sa.:o::a::a.:a () Bell Gothic Std Sample
'r Black ~.... ;~. (1119i'JS®I3
Sample T Betsy Flanaga 2
() Blackoak Std So.mp!o s.vnp~~
(! B1rch Std
'r Bolide ~· Sa.JI:Xll.:l
'T Black
() Book Antiqua $.-.v""t'le: 0 Blackoak Std (•t..pol-t
'I' Bolide
0 Bookman Old Style ..,.~.{;]<)J Sanmle
0 Brush Script Std (.r Book Antioua
'r Calligrapher Sample
~
a Carta ~

() Adobe Caslon Pro l!ll"'r~

lr CAS!~IRA
q. Celtic Frames
T Celtic Patterns

Gambar 1.53 WYSIWYG menu font

IMAGE PROCESSOR

Image Processor memudahkan pengubahan format image dan resize image
secara otomatis. Format image yang dapat ditangani oleh Image Processor
adalah JPEG, PSD dan TIFF. Image Processor ini dapat mengeijakan satu
image atau lebih. Untuk mengaktifkan Image Processor, pilih menu File>
Script> Image Processor.

Pendahuluan 35

Select the images to process Run
Cancel
(!) Use Open Images
boad . . .
...sand Settings\user\Desktop Save ...

Gambar 1.54 Kotak dialog Image Processor

LENS CORRECTION

Anda dapat memberikan efek cembung atau cekung pada image dengan
bantuan filter ini. Untuk mengaktifkan filter, pilih menu Filter > Distort >
Lens Correction.

Amo1,1nt ~ghten

dar~en +50
MfdOOI[.It

HQri~ontal Perspedr. e o,oo
100 '%
Anq~;

Edge: Transo-11rency

Sc*

Gambar 1.55 Kotak dialog Lens Correction

36 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Gambar 1.56 Contoh image dengan menggunakan Lens Correction

FORMAT PDF (PORTABLE DOCUMENT
FORMAT)

Desain Anda dapat dikemas dalam sebuah format PDF (Portable Document
Fom1at). Anda cukup memilih menu File> Save As dan pilih PDF. Untuk
format PDF ada beberapa pilihan, mulai PDF versi 4 hingga versi 7.

8dobe PDF Preset: [Press Quality] (Modified)

';2.tandard None v- ~orrq:Jatibil1ty: Acrobat 5 (PDF L 4)

!f!m!l:l·• • • • General

CompH!!I.!C>f'l

Descnpt!On use these settings to oeate Adobe PDF documents best suited for
high-qualrty prepess pr111trng. Created PDF dowments can be
opened w;th Acrobat and Adobe Reader 5.0 and iater

Summ~ry

F?.: Pre~er ve Photoshop Editing Capabilities

[--.:::Embed Page Thumbnarls
~{! Optmze for Fan Web Preview

':/._lew PDF After Savng

Gambar 1.57 Kotak dialog Save Adobe PDF

Pendahuluan 37

Ul FONT SIZE

Ui Font merupakan ukuran font yang terdapat dalam interface Adobe
Photoshop. Ul Font Size dapat Anda atur Small, Medium, ataupun Large.
Secara default Ul Font adalah Small. Untuk mengatm ukuran UI Font, pilih
menu Edit > Preferences > General.

Prev

l~i

0 B§.ep When Done

EJ Show Tool Tips 2] Qynamic Color S~ders

D ~oom Resizes Windows 21 Sa~e Palette Locations

0 ~uta-Update Open Documents !?l~se Shift Key for Tool Switch

2J Show Menu CoiO[S 0 Automatrcally Launch Bndge

[;:j Resize Irnage During Paste/Place []Zoom '~Nith Scron Wheel

[_ Reset All V,iaming Dialogs ]

Gambar 1.58 Kotak dialog Preferences

VIDEO PREVIEW

Anda dapat membuat sebuah desain image yang hasilnya kemudian
dipergunakan dalam sebuah tayangan video. Untuk mentransfer hasil desain
Anda ke dalam tampilan video, Anda membutuhkan sebuah Video Card
yang terpasang dalam komputer Anda. Dalam contoh berikut digunakan
Video card Fire Wire dan untuk tampilan dalam video monitor digunakan
handycam.

38 Teknik Mengelola Image Digital Menggunakan Adobe Photoshop CS2

Dey·tce Settings The document Pixel
Output Mode: NTS~ Aspect Ratio does not
Aspect Ratio:
match device
Image Options settings.
Placement

[;;_;]Apply Pixel Aspect Ratio to Preview

Description
To show the current frame on the attached device and

bypass this dialog, use File > Export > Send Video

Preview to Device,

Gam bar 1.59 Kotak dialog Video Preview

Adapun cara melakukan video preview adalah sebagai berikut:

1. Hubungkan handycam Anda dengan komputer dengan meng-
gunakan kabel Firewire.

2. Pilih menu File > Export > Video Preview sehingga akan
tampak kotak dialog Video Preview.

MULTIPLE LAYER CONTROL

Kontrol terhadap multiple layer (banyak layer) dapat Anda lakukan dengan
membuat group atau ungroup terhadap layer-layer tersebut. Cara melakukan
group adalah sebagai berikut:

1. Pilih multiple layer dalam palet layer.
2. Pilih menu Layer > Group Layer.
3. Tekan Alt+drag ke dalam ikon folder Create a New Group,

tepat di bawah palet layer.
Untuk melakukan ungroup, pilih group yang akan di-ungroup kemudian
pilih menu Layer >Ungroup Layers.

IMAGE WARP

Image Warp memungkinkan Anda untuk melakukan distorsi atas bentuk
suatu image. Untuk mengaktifkan fitur Image Warp: