GRAFIS BERBASIS BITMAP GRAFIS BERBASIS VEKTOR Standar Kompetensi: Menggunakan perangkat lunak pengolah grafis untuk menyajikan informasi Kompetensi Dasar: 1. Mengidentifikasi menu dan ikon pada perangkat lunak pengolah grafis 2. Menjelaskan fungsi menu dan ikon pada program pengolah grafis 3. Menggunakan menu dan ikon pokok pada perangkat lunak pengolah grafis 4. Membuat karya grafis sederhana MENGGUNAKAN PROGRAM PENGOLAH GRAFIS Ada 2 tampilan grafis yang di olah: Grafis berbasis bitmap/raster grafis/tampilan dengan menggunakan titik-titik berwarna yang dikenal dengan pixel. Pixel tersebut ditempatkan pada lokasi tertentu dengan nilai warna tersendiri yang akan membentuk suatu gambar. Kelebihan: mampu menunjukkan kehalusan gradasi bayangan dan warna dari suatu gambar Kelemahan : tergantung dari resolusi gambar (gambar pecah jika diperbesar) Contoh program desain grafis berbasis bitmap : Adobe Photoshop, Adobe Image Ready, dll Grafis berbasis vector terbentuk dari garis dan kurva yang terbentuk dari sambungan titik-titik matematis yang disebut vector. Vector menampilkan gambar berdasarkan perhitungan koordinat geometris gambar itu. Kelebihan : tidak dipengaruhi resolusi (gambar tidak pecah jika diperbesar) Kelemahan : bersifat kaku daripada tampilan bitmap Contoh program desain grafis berbasis vector : Corel Draw, Macromedia Flash, dll Perbandingan Ahmad Syarif 1
PROGRAM GRAFIS BERBASIS BITMAP Adobe Photoshop CS Adalah: Program desain grafis berbasis bitmap yang berfungsi mengolah/mengedit file gambar-gambar bitmap seperti (foto digital, hasil scan, dll). Tipe file program photoshop adalah.psd Langkah membuka program Adobe photoshop CS: Start > Programs > Adobe Photoshop CS Tampilan program sebagai berikut: Tool Box Menu Bar Tool Option Bar Palette Navigator Palette Color Palette Layers Toolbox : tempat dimana tool-tool dari photoshop yang digunakan untuk menggambar tersebut berada. Untuk menampilkan/menyembunyikan gunakan menu windows > tools Tool option : setiap tool mempunyai fungsi yang berbeda dan fungsi tersebut dapat dimodifikasi melalui tool option. Setiap tool mempunyai tool option yang berbeda-beda. Untuk menampilkan/menyembunyikan gunakan menu windows > options Pallete : tambahan dari setting untuk tool tool dan terdapat berbagai alat bantu lainnya. Untuk menampilkan/menyembunyikan gunakan menu windows > layers (u palllete layers), windows > navigator (u palllete navigator), windows > color (u palllete color), Untuk menyembunyikan toolbox, tool option bar dan pallete sekaligus, gunakan tombol TAB Menu pada Adobe Photoshop CS Ada 9 menu pada Adobe Photoshop CS Ahmad Syarif 2
Ahmad Syarif 3
Langkah membuat file baru (CTRL + N) File > New > Isi data file > OK Data file yang diisi: Name : nama file gambar Preset : ukuran file gambar yang disediakan program Height : tinggi gambar Width : lebar gambar Resolution : ketajaman gambar Color Mode : mode warna yang digunakan Content : background gambar (putih, warna, transparent) Mode Warna yang ada di Photoshop: Bitmap : mode warna yang hanya menggunakan 2 tingkat warna yaitu hitam dan putih Grayscale : mode warna yang menggunakan 256 tingkatan gradasi wana abu-abu RGB (Red,Green, Blue) : mode warna yang menggunakan tiga warna utama (merah, hijau, biru) untuk menciptakan campuran warna lainnya CMYK(Cyan,Magenta,Yellow,blacK): mode warna yang dibuat berdasarkan kualitas penyerapan cahaya oleh tinta cetakan pada kertas Ahmad Syarif 4
Tool tool yang ada di program Adobe photoshop CS: A. Marquee Tool (M) menyeleksi berdasarkan bentuk, ada 4 macam: Rectangular Marquee tool Membuat seleksi berbentuk segi empat (kotak) Eliptical Marquee Tool membuat seleksi berbentuk elips Single Row Marquee Tool membuat seleksi 1 baris Single Column Marquee Tool membuat seleksi 1 kolom : Buka program photoshop Buat file baru (File >New), isi data sbb: File name : Latihan Marquee Tool Width : 10 cm Height : 10 cm Content : white Buat seleksi berbentuk segi empat dengan rectangular marquee tool spt gambar dibwh: Buat 2 seleksi lagi dengan tool yang sama (untuk menambah seleksi sembari menggambar tekan tombol SHIFT) atau klik pada tool option bar Buat 2 seleksi berbentuk lingkaran dengan elliptical marquee tool (untuk mengurangi seleksi sembari menggambar tekan tombol ALT) atau klik Warnai dengan paint bucket Tool atau gradient tool TUGAS dengan cara yang hampir sama, buatlah seleksi seperti berikut: Tambahkan nama kalian pada file gambar dengan Type tool Simpan dengan nama : Tugas Marquee NamaKelas Menu Seleksi A. Menyeleksi keseluruhan Select > All CTRL + A B. Menghilangkan seleksi Select > Deselect CTRL + D C. Menyeleksi sebaliknya Select > Inverse SHIFT + CTRL + I D. Menyeleksi kembali Select > Reselect SHIFT + CTRL +D E. Mengubah ukuran seleksi Select > Transform Selection Langkah menyimpan (CTRL+S) File > Save > ketik nama file > Save Langkah membuka file gambar/photoshop (CTRL + O) File > Open > Pilih file yang akan dibuka > Open Langkah membuka file yang baru saja dibuka/diolah: File > Open Recent Ahmad Syarif 5
B. Move Tool (V) Digunakan untuk menggeser/memindah selection, layers, dan guides. C. Lasso Tool (L) menyeleksi secara bebas, ada 3 macam: Lasso Tool membuat area selection dengan bentuk bebas Polygonal Lasso Tool membuat area selection berbentuk polygon (garis lurus) Magnetic Lasso Tool membuat area selection dengan menempelkan pd tepi gambar o Buka sebuah file gambar (file>open>pilih gambar>open) o Klik kanan Lasso Tool, pilih Polygonal lasso tool o Klik salah satu tepi gambar, kemudian klik ditepi gambar berikutnya, klik di setiap tepi gambar hingga ke titik semula o Buka gambar sebagai tempat untuk diletakkanya area seleksi o Gunakan move tool untuk memindahkan area seleksi ke gambar lain o Tugas : Dengan cara yang sama ubahlah background file gambar yang ada di folder cartoon ke file gambar di folder background. (tiap siswa) o Tambahkan nama kalian pada gambar dan simpan dengan : Tugas Lasso Nama kelas Mengubah ukuran gambar Edit > Free Transform CTRL +T D. Magic Wand Tool (W) menyeleksi berdasarkan warna yang serupa Ahmad Syarif 6
1 o Buka sebuah file gambar ducky.tiff Klik disini o Klik Magic wand tool, klik background bebek yang berwarna putih untuk membuat seleksi o Ubah warna background dengan paint bucket Tool atau gradient tool 2 o Buka file gambar dengan warna background serupa o Klik Magic wand tool, klik background bebek yang berwarna putih untuk membuat seleksi o Seleksi bebek dengan klik Select > Inverse (menyeleksi sebaliknya) o Buka file gambar lain sebagai background baru o Pindahkan bebek dengan move tool ke gambar lain Klik disini E. Crop Tool (C) memotong dan membuang area tertentu dari image Buka sebuah file gambar (bebas) o Klik Crop Tool, Pilih area yang akan dipotong, tekan enter (klik kanan > crop) Ahmad Syarif 7
F. Brush Tool (B) untuk melukis image, ada 2 macam: Brush Tool melukis image dengan goresan kuas Pencil Tool melukis image dengan goresan pencil G. Eraser Tool (E) untuk menghapus pixel image H. Gradient, Paint Bucket Tool (G) Eraser Tool menghapus Background Eraser Tool menghapus gambar background Magic Eraser tool menghapus dgn melakukan seleksi secara otomatis Paint Bucket Tool mewarnai area yang dipilih dengan satu warna tertentu Gradient Tool mewarnai area yang diseleksi dengan perpaduan (gradasi) warna Buka program photoshop Buat file baru (File >New), isi data sbb: File name : Latihan Brush Tool Width : 10 cm Height : 10 cm Content : white Klik Brush Tool pilih jenis (ketebalan) kuas pada Tool option bar, pilih warna, goreskan kuas pada kanvas u/pilih warna TUGAS Buatlah sebuah karya dengan brush tool (tema bebas) Type Tool (T) membuat teks, ada 4 jenis: Horizontal Type Tool membuat tulisan secara horizontal Vertical Type Tool membuat tulisan secara vertical Horizontal Type Mask Tool membuat seleksi teks secara horizontal Vertical Type Mask Tool membuat seleksi teks secara vertical Ahmad Syarif 8
I. Shape Tool (U) membuat shape (bentuk), ada 4 macam: Rectangle Tool menggambar bentuk segi empat Rounded Rectangle Tool menggambar segi empat melengkung Ellipse Tool menggambar ellipse Polygon Tool menggambar polygon (segi banyak) Line Tool menggambar garis lurus Custom Shape Tool menggambar bentuk tertentu dari daftar bentuk yang ada J. Zoom Tool (Z) memperbesar atau memperkecil tampilan image. K. Slice Tool (K) untuk memotong gambar menjadi bagian-bagian L. Healing Tool (J) Untuk membuat duplikat dengan mengambil sample area yang akan diambil duplikatnya (ALT + klik) kemudian menggeser pada area yang akan diletakkan M. Stamp Tool (S) mengambil sampel warna permukaan tertentu, untuk diduplikasikan di permukaan bagian lain N. Blur Tool (R) Blur tool untuk Mengaburkan gambar Sharpen Tool untuk menajamkan gambar Smudge Tool Mengaburkan gambar sehingga nampak seperti dihapus dengan tangan O. Hand Tool (H) untuk menggeser gambar (scrolling pada gambar.) P. Dodge Tool (O) Dodge tool untuk mengatur pencahayaan (exposure) agar lebih terang (light). Burn tool untuk mengatur pencahayaan agar lebih gelap (dark) Sponge tool untuk mengatur tingkat saturasi pada gambar Q. Pen Tool (P) menggambar suatu path (kurva vektor bukan bitmap) baik terbuka ataupun tertutup R. Path Selection Tool (A) Path selection Tool menyeleksi/memilih suatu path Direct Selection tool mengubah bentuk suatu path S. Notes Tool (N) Memberi suatu catatan pada image T. Eye Dropper Tool (I) Eye Dropper Tool menentukan warna background dan foreground toolbox Ruler Tool mengukur jarak dan sudut Color Sample Tool melihat nilai warna pada suatu daerah (titik) Ahmad Syarif 9