Desain Grafis

DI SUSUN OLEH : 1. 2. 3. 4. 5. 6.

Indah Suciati Jordan Umar Husein Lia Yuliani Lucky Melinda Hasnawati Melisa Grefani

Kelas : X11-SOS3

1

Kata Pengantar Puji syukur senantiasa kami panjatkan kehadirat Tuhan Yang Maha Kuasa, karena atas rahmat-Nya, kami dapat menyusun makalah ini. Makalah ini disusun berdasarkan Kompetensi Dasar yang ada dan berdasarkan indikator yang diberikan. Semoga makalah ini memberikan kontribusi positif dan bermakna dalam proses belajar. Dari lubuk hati yang paling dalam, sangat disadari bahwa makalah ini jauh dari sempurna. Oleh sebab itu, saran dan kritik yang membangun sangat kami harapkan. Kami ucapkan terima kasih kepada guru pembimbing kami, yang telah membimbing kami dalam proses membuat makalah ini, serta teman-teman yang membantu. Semoga bermanfaat. Jakarta, Juli 2009

Penulis

2

3

.1. Apa itu Adobe Photoshop? Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan segala fasilitasnya. Hasil gambar olah dengan Adobe Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya.

.2. Memulai Program Photoshop CS2 Untuk memulai atau membuka program aplikasi Photoshop CS2, ikuti langkah berikut ini : 1. Nyalakan komputer anda, tunggu sampai Komputer menampilkan area kerja (desktop). 2. Klik tombol Start pada taskbar. 3. Klik All Program > Adobe Photoshop CS2, lihat Gambar 1.1

Gambar 1.1 Mengaktifkan Photoshop melalui tombol Start

4. Setelah jendela program Photoshop CS2 tampil, pada layer akan muncul dialog Welcome Screen. Lihat Gambar 1.2

4

Gambar 1.2 Tampilan Welcome Screen Welcome Screen pada Photoshop terdiri atas; • What’s New in Photoshop, berisi informasi mengenai beberapa fasilitas (fitur) baru pada Photoshop CS2. • Tutorials, berisi tutorial dan langkah-langkah penggunaan Photoshop CS2 5. Klik Close untuk menutup kotak dialog Welcome Screen.

5

.3. Membuka File Gambar Untuk membuka file gambar di dalam Photoshop, ikuti langkah berikut : 1. Dalam Photoshop, klik menu File> Open. Kotak dialog Open akan tampil. 2. Perhatikan Gambar 1.3. pada bagian Look In, pilih lokasi file gambar yang ingin Anda buka. Dalam contoh kali ini, buka gambar doors.dng

Gambar 1.3 kotak dialog open 3. Pilih file Doors.dng kemudian klik tombol Open atau klik ganda pada nama files tersebut untuk membukanya.

6

.4. Mengenal Area Kerja Jalankan Adobe Photoshop kemudian pilih menu File> Open. Kemudian pilih buka gambar apa saja.

G am bar !.4.

Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows> Workspace> Reset Palette Location. Area kerja Adobe Photoshop dapat dilihat pada gambar 1.4, yaitu: A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain. B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini. C : Gambar, menampilkan gambar yang sedang dibuat atau diedit. D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan. E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar. F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan 7

.5. ToolBox Berikut ini akan dijelaskan mengenai fungsi dari masing-masing tools yang terdapat pada toolbox Adobe Photoshop . Untuk cara penggunaan lebih detil masing-masing tools akan dijelaskan secara terpisah.

Selection Tool Crop & Slice Tool

Retouching Tool

Painting Tool

Drawing & Type Tool

Annotation, Measuring & Navigation Tool

8

A. SELECTION TOOL

A.1. Marquee Tool Saat kita klik Marquee Tool kita bis melihat ada 4 jenis marquee tool

1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M) Digunakan untuk membuat area selection berbentuk segi empat.pada image. 2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M) Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image. 3. Single Row Marquee Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel) 4. Single Column Marquee Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).

A.2. Move Tool Shortcut keyboard: V Digunakan untuk menggeser/memindah selection, layers, dan guides.

A.3. Lasoo Tool (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:

1. Lasoo Digunakan untuk membuat area selection dengan bentuk bebas 2. Polygonal Lasoo Digunakan untuk membuat area selection berbentuk polygon 3. Magnetic Lasoo Digunakan untuk membuat area selection dengan cara menempelkan tepi selection pada area tertentu pada image.

9

A.4. Magic Wand Tool Shortcut keyboard: W Digunakan untuk membuat area selection yang memiliki warna serupa. Perbedaan toleransi warna dapat diatur pada tool option bar.

B. CROP & SLICE TOOL B.1. Crop Tool Shortcut keyboard: C Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)

B.2. Slice Tool (Shortcut keyboard: K, atau Shift + K untuk mengubah slice) Terdiri dari 2 jenis yaitu:

1. Slice Tool Digunakan untuk membuat potongan-potongan dari suatu image 2. Slice Select Tool Digunakan untuk memilih potongan pada suatu image 10

C. RETOUCHING TOOL C.1. Patch/Healing Brush Tool (Shortcut keyboard: J, atau Shift + J mengubah tool)

1. Patch Tool Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.

Gambar 1.5

2. Healing Brush Tool Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.

C.2. Stamp Tool (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) Terdiri dari 2 jenis yaitu:

1 Clone Stamp Tool Digunakan untuk melukis image dengan sample image tertentu 2 Pattern Stamp Tool Digunakan untuk melukis image dengan menggunakan pola tertentu

11

C.3. Eraser Tool (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser) Terdiri dari 3 jenis yaitu:

1. Eraser Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu. 2. Background Eraser Digunakan untuk menghapus area tertentu image menjadi transparan. 3. Magic Eraser Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.

C.4. Sharpen, Blur, Smudge Tool (Shortcut keyboard: R, atau Shift + R)

1. Sharpen Tool Digunakan untuk menajamkan area tertentu pada image. 2. Blur Tool Digunakan untuk menghaluskan/mengaburkan area tertentu pada image. 3. Smudge Tool Digunakan untuk menggosok/mencoreng area tertentu pada image

C.5. Dodge, Burn, Sponge Tool (Shortcut keyboard: O, atau Shift + O)

1. Dodge Tool Digunakan untuk menerangkan warna di area tertentu pada image 2. Burn Tool Digunakan untuk menggelapkan warna di area tertentu pada image 3. Sponge Tool Digunakan untuk mengubah saturation di area tertentu pada image.

12

D. PAINTING TOOL D.1. Brush Tool (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) terdiri dari 2 jenis yaitu:

1. Brush Tool Digunakan untuk melukis image dengan goresan kuas 2. Pencil Tool Digunakan untuk melukis image dengan goresan pencil

D.2. History Brush Tool (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis) terdiri dari 2 jenis yaitu:

1. History Brush Tool Digunakan untuk melukis image menggunakan snapshot atau state history dari Image 2. Art History Tool Digunakan untuk melukis image menggunakan snapshot atau state history dari image, dengan model artistik tertentu.

D.3. Gradient, Paint Bucket Tool (Shortcut keyboard: G, atau Shift + G) 1.

Gradient Tool Digunakan untuk mengecat area yang dipilih (selected area) dengan perpaduan banyak warna. 2. Paint Bucket Tool Digunakan untuk mengecat area yang dipilih dengan warna foreground atau pola tertentu.

E. DRAWING AND TYPE TOOL E.1. Selection Tool (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) terdiri dari 2 jenis yaitu: 13

1. Path Selection Tool Digunakan untuk melakukan selection path 2. Direct Selection Tool Digunakan untuk mengubah anchor dan direction point dari path.

E.2. Type Tool (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) terdiri dari 4 jenis yaitu:

1. Horizontal Type Tool Digunakan untuk membuat tulisan secara horizontal 2. Vertical Type Tool Digunakan untuk membuat tulisan secara vertikal 3. Horizontal Type Mask Tool Digunakan untuk membuat selection berbentuk tulisan secara horizontal 4. Vertical Type Mask Tool Digunakan untuk membuat selection berbentuk tulisan secara vertical

E.3. Pen Tool

1. Pen Tool (Shortcut keyboard: P, atau Shift + P) Digunakan untuk membuat path dengan lengkung-lengkung yang halus 2. Freeform Pen Tool (Shortcut keyboard: P, atau Shift + P) Digunakan untuk membuat path berbentuk bebas (sesuka kita ) 3. Add Anchor Point Tool Digunakan untuk menambah anchor point atau titik editor pada path 4. Delete Anchor Point Tool Digunakan untuk menghapus anchor point tertentu pada path 5. Convert Point Tool Digunakan untuk mengubah anchor dan direction point tertentu pada path

E.4. Shape Tool 14

(Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)

1. Rectangle Tool Digunakan untuk menggambar bentuk segi empat 2. Rounded Rectangle Tool Digunakan untuk menggambar segi empat melengkung 3. Ellipse Tool Digunakan untuk menggambar ellipse 4. Polygon Tool Digunakan untuk menggambar polygon 5. Line Tool Digunakan untuk menggambar garis lurus 6. Custom Shape Tool Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

F. ANNOTATION,MEASURING & NAVIGATION TOOL F.1. Notes Tool (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)

1. Notes Tool Digunakan untuk membuat catatan pada image seperti copyright. 2. Audio AnnotationTool Digunakan untuk membuat suara/audio pada image

F.2. Eyedropper, Measure Tool (Shortcut keyboard: I, atau Shift + I)

1. Eyedropper Tool Digunakan untuk mengambil sample warna pada image untuk warna foreground 2. Color Sampler Tool Digunakan untuk mengambil berbagai sample warna pada image 3. Measure Tool Digunakan untuk mengukur jarak atau sudut pada image

F.3. Hand Tool 15

Shortcut keyboard: H

Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.

F.4. Zoom Tool Shortcut keyboard: Z Digunakan untuk memperbesar atau memperkecil tampilan image.

F.5. Background and foreground color Foreground color

Background color

Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam.

F.5. Normal and Quickmask Mode Normal mode Quickmask mode

Normal Mode : Semua fungsi seperti brush akan berjalan seperti biasanya. Quickmask Mode : fungsi brush bisa dipakai untuk seleksi cuman jika setelah proses quickmask maka yang diseleksi malah dibagian luar nya.

F.5. Screen Mode Fu ll scr e e n mo d e w ith me n u

Sta n d a r d scr e e n mo d e

Fu ll scr e e n mo d e

Untuk melihat tampilan area kerja windows.

16

.6. Membuat Duplikat Gambar Seringkali sebuah gambar harus di duplikasi, hal ini dimaksudkan untuk menjaga file asli agar tidak berubah, siapa tahu Anda membutuhkan gambar yang asli untuk keperluan berbeda di lain waktu. Sebagai contoh, kita akan membuat duplikat dari gambar gadis_melamun.jpg 1. Setelah gambar gadis_melamun.jpg terbuka, klik menu image> Duplicate. Kotak dialog Duplicate Image akan muncul. 2. Pada kotak kotak isian As, secara otomatis akan tertulis nama file asli disertai akhiran kata copy. Bila perlu, ganti namannya sesuai keinginan Anda. 3. Klik Ok. Maka gambar duplikat gadis_melamun copy.jpg akan tampil. Lihat gambar 1.6.

Gambar 1.6. Gambar hasil duplikat gadis_melamun copy.jpg

17

.7. Mengatur Ukuran & Resolusi gambar 2. Dengan gambar gadis_melamun copy.jpg akfit, klik menu Image>Image Size. Kotak dialog Image Size akan tampil. Lihat Gambar 1.7.

Gambar 1.7. Kotak dialog image Size 3. Tandai checklist Contrain Proporions. Sehingga jika Anda mengubah nilai Widht, makan nilai Height otomatis berubah untuk mengimbanginnya. 4. Pada bagian Pixel Dimensions, ubah satuannya menjadi pecent. Kemudian masukkan nilai Width dan Height yang diinginkan,. Pada contoh ini masukkan nilai 1.333 Percent. 5. Tandai Checklist Resample Image dan pilih teknik pembesaran gambar yang diinginkan. Dalam contoh ini, gunakan Bicubic. 6. Pada kotak isian Resolution. Masukkan nilai resolusi yang di inginkan atau gunakan nilai defaultnya (nilai awal) seperti dalam contoh ini. 7. Klik Ok. Gambar gadis_melamun copy.jpg akan mengalami perbesaran.

18

.8. Mengatur ukuran Kanvas 1. Dengan gambar gadis_melamun copy.jpg aktif, klik menu image>Canvas Size. Kotak dialog Canvas Size akan tampil, lihat Gambar 1.8. 2. Pada kotak dialog Canvas Size, tandai checklist Relative sehingga Anda cukup memasukkan ukuran yang perlu ditambahkan atau dikurangi. 3. Masukkan nilai yang di inginkan pada kotak isian Width dan Height. Untuk satuan ukuran, dapat Anda pilih disebelahnya. Dalam contoh, isi nilai Widht dan Height masing-masing 8.333 dan 6.25 inci. 4. Pada bagian Anchor, pilih titik acuan bagian tengah. 5. Untuk bagian Canvas Extension color, pilih warna kanvas yang diinginkan, dalam contoh ini gunakan warna putih. 6. klik OK untuk melihat perubahan yang terjadi.

Gambar 1.8. Kotak dialog Canvas Size

19

.9. Menyimpan Gambar Pekerjaan Anda dapat disimpan dalam format photoshop (*.psd) agar dapat diedit kembali si lain waktu/simpan ke dalam format lain untuk gambar yang ingin anda publikasikan. 1. Dengan gambar gadis_melamun copy.jpg masih aktif, klik menu File›Save. Kotak dialog Save As akan tampil. Perhatikan Gambar 1.9.

Gambar 1.9 Kotak Dialog Save As 2. 2. Pada bagian Save in, tentukan dimana lokasi penyimpanan file di dalam computer. Misalnya dalam folder My Documents 3. 3. Tuliskan nama file yang diinginkan dalam kotak isian File name, misalnya gadis_melamun copy.jpg. 4. 4. Pastikan anda memilih Format Photoshop (*.PSD,*.PDD). Pilih format file lain jika gambar anda digunakan untuk keperluan publikasi atau cetak. Pilih format file bmp, jpeg, tiff, gif dan format lain sesuai kebutuhan anda. 5. 5. jika telah selesai, klik tombol Save untuk menyimpan file tersebut.

20

10. MEMINDAHKAN GAMBAR KE DOKUMEN BARU Kali ini kita akan mencoba memindahkan gambar ke sebuah dokumen Baru. Langkah-langkahnya adalah sebagai berikut : 1. setelah membuat dokumen baru pada bagian sebelumnya, buka file gadis_melamun copy.jpg dalam folder 2. Aktifkan Move Tool . kemudian klik dan drag gambar bumi kedalam jendela dokumen yang baru. Lihat gambar 1.10.1 3. Segera setelah anda melepaskan mouse, gambar bumi akan di copy ke jendela dokumen. Gunakan Move tool untuk menyesuaikan posisi gambar 1.10.2 4. selanjutnya, jika ingin memperbesar, memperkecil dan memuat gambar, gunakan menu Edit> Free Transform atau tekan Ctrl+T. Gunakan transform control yang tampil untuk mengatur ukuran gambar. Tekan Enter jika telah selesai. Lihat gambar 1.10.3

Gambar 1.10.1 memindahkan gambar menggunakan Move tool 6.

21

Gambar 1.10.2 memindahkan posisi gambar dengan Move tool

Gambar 1.10.3 menggunakan perintah Free Transform

22

7.

11 MENUTUP FILE GAMBAR Menutup file gambar klik menu File> Close atau klik tombol Close yang Berada di kanan atas dokumen window. Lihat Gambar 1.11. Klik tombol Close untuk menutup gambar

Gambar 1.11 Terkadang sewaktu menutup file gambar tampil kotak dialog Konfirmasi yang menanyakan apakah Anda ingin menyimpan file. Lihat Gambar 1.12

gGambar 1.12 kotak dialog konfirmasi penutupan file ha

Hal ini di karenakan Anda belum menyimpan file tersebut, untuk itu: klik Yes untuk menyimpan File klik No untuk menutup fila tanpa menyimpan klik Cancel untuk membatalkan perintah penutupan file.

23

1.

24