Raster Dan Phososhop. Perbedaan Vektor dan Bitmap. Materi Photoshop.

RUSTER & PHOTOSHOP

Raster / Bitmap
Gambar Raster / Bitmap merupakan gambar yang terbentuk dari titik - titik atau piksel. Grafis ini tergantung oleh banyaknya piksel sehingga apabila dilakukan zooming / pembesaran, akan terlihat kotak - kotak piksel dari gambar tersebut.

Raster / Bitmap
Gambar Raster / Bitmap merupakan gambar yang terbentuk dari titik – titik atau piksel. Grafis ini tergantung oleh banyaknya piksel sehingga apabila dilakukan zooming / pembesaran, akan terlihat kotak – kotak piksel dari gambar tersebut.

Perbedaan Grafis :

Vektor
1. Disusun oleh objek geometris yang dibuat berdasarkan perhitungan matematis
2. Sifatnya resolution independent
3. Pengaruh perbesaran tidak pecah, blur atau rusak
4. Ukuran penyimpanan relatif kecil
5. Digunakan untuk ilustrasi dengan bentuk geometris sederhana, warna solid atau gradasi tanpa terlalu banyak variasi warna. Cocok untuk logo dan jenis desain yang mengandalkan kesederhanaan bentuk.
6. Format penyimpanan bisa berupa AI, CDR, FH, EPS
7. Software yang digunakan adalah Corel Draw, Adobe Illustrator, atau Inkscape

Bitmap
1. Disusun oleh objek yang disebut pixel
2. Sifatnya resolution dependent atau dipengaruhi resolusi
3. Pengaruh perbesaran pecah, blur dan rusak jika melewati batas toleransi tampilan
4. Ukuran penyimpanan relatif besar
5. Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera.
6. Format penyimpanan PSD, TIF, JPEG, GIF, BMP
7. Software yang biasa digunakan adalah Adobe Photoshop, Adobe Fireworks, Corel Photopaint, atau GIMP

MATERI PHOTOSHOP

28DEC

Adobe Photoshop 7.0

1. A.    Pengenalan Photoshop 7.0
   1. Mengenal Photoshop 7.0

Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting dan memanipulasi image (image-editing). Dengan Adobe Photoshop 7.0 Anda dapat dengan mudah membuat dan menyunting image dengan kualitas yang tinggi yang siap untuk dicetak, ditempatkan di situs Web dan untuk keperluan lainnya. Adobe Photoshop 7.0 merupakan program aplikasi pengolah image atau gambar Bitmap. Image atau gambar Bitmap yang sering disebut Raster, merupakan gambar yang dibentuk dari grid-grid warna. Grid ini adalah elemen dasar dari sebuah image atau gambar yang disebut pixel atau picture elements. Pada saat Anda menyunting image atau gambar, proses yang terjadi sebenarnya adalah Anda hanya menyunting lokasi pixel-pixel ini. Gambar bitmap ini biasanya digunakan pada fotografi atau digital painting sehingga mode ini sangat bergantung pada tingkat kepadatan (resolusi) grid pixel-nya. Semakin tinggi resolusi sebuah image atau gambar, maka pixel yang dikandungnya akan semakin banyak dan semakin rapat sehingga image atau gambar akan mempunyai detail yang lebih baik atau nyata. Namun perlu diperhatikan bahwa semakin besar resolusi sebuah image atau gambar akan berakibat ukuran filenya semakin besar.

Adobe Photoshop 7.0 mempunyai tiga mode warna yang digunakan, yaitu RGB, CMYK, dan index color. Struktur image atau gambar yang dihasilkan monitor dengan image atau gambar cetak mempunyai perbedaan. Layar komputer atau monitor mempunyai elemen pembentukan warna Red, Green dan Blue (RGB), sedangkan warna yang dihasilkan oleh media cetak mempunyai empat kali proses pewarnaan yaitu Cyan, Magenta, Yellow, dan Black (CMYK)

Adobe Photoshop 7.0

1. Memulai Photoshop 7.0

Untuk memulai atau membuka program aplikasi Photoshop 7.0, ikuti langkah berikut ini:

1. Nyalakan komputer Anda, tunggu sampai komputer menampilkan area kerja (Desktop).
2. Klik tombol Start yang ada di taskbar
3. 3.      Pilih All Programs > Adobe Photoshop 7.0

Lihat Gambar 1.1

Gambar 2.1 Cara Memulai Photoshop 7.0

1. Kemudian tunggu sampai jendela kerja program aplikasi Photoshop 7.0 ditampilkan.

Lihat Gambar 1.2

1. Mengenal Elemen Dasar Jendela Kerja Photoshop 7.0

Pemahaman elemen dasar dari jendela kerja Photoshop 7.0 secara tidak langsung akan meningkatkan produktivitas kerja Anda. Dan hal ini mutlak Anda ketahui sebagai dasar menggunakan Photoshop 7.0.

Gambar 2.2 Jendela Kerja Photoshop 7.0

Gambar 2.3 Elemen Dasar Jendela Kerja Photoshop 7.0

Elemen dasar dari jendela kerja Photoshop 7.0 yang perlu Anda ketahui di antaranya:

1. a.      Icon Kontrol Menu Digunakan untuk mengontrol jendela yang sedang aktif
2. b.      Baris Menu Berisi barisan perintah berupa menu, seperti menu File,
3. c.       Edit, Image, Layer, Select, Filter, View, Window, dan Help. Baris menu ini terkelompok berdasarkan topiknya.
4. d.      Toolbox Berisi tombol-tombol yang mewakili alat atau peranti yang digunakan untuk membuat dan menyunting image atau objek.
5. e.       Baris Option Berisi tombol-tombol pengaturan tambahan, sesuai dengan toolbox yang sedang dipilih. Sebagai contoh apabila Anda memilih peranti Lasso Tool (L) pada toolbox, baris option (option bar) akan menyesuaikan untuk Lasso Tool (L) (Lasso Option Bar). Lihat gambar 1.4

Gambar 2.4 Tampilan Lasso Options Bar

Apabila baris option (Option Bar) ini tidak tampil, Anda dapat menampilkannya dengan memilih menu Window>Options.

1. f.       Jendela Kerja Merupakan jendela kerja yang digunakan untuk berkreasi atau menyunting image.
2. g.      Baris Status Menampilkan berbagai informasi tentang objek dan perkakas yang sedang Anda pilih.
3. h.      Pallete Digunakan untuk memilih dan mengatur berbagai parameter ketika Anda menyunting suatu image. Untuk menampilkan pallete dapat dilakukan dengan memilih menu Window, kemudian pilih pallete yang Anda inginkan.
4. i.        Pallete Well Pada Photoshop 7.0 Anda dapat dengan mudah mengorganisasikan seluruh pallete yang akan digunakan pada area kerja, dengan cara menggeser (drag) tab Pallete Well. Lihat Gambar 1.5.

Gambar 2.5 Penempatan Pallete pada Pallete Well

1.  Mengenal Kotak Dialog Photoshop 7.0

Kotak dialog ditampilkan apabila Anda memilih perintah pada menu yang ditandai dengan lambang elipsis (…). Kotak dialog tersebut akan memberikan informasi yang lebih banyak kepada Anda dan juga dapat digunakan sebagai alat untuk meminta respons dari Anda. Elemen-elemen yang biasanya ada pada kotak dialog di antaranya:

• Tombol Close, untuk menutup kotak dialog.
• Tombol Perintah, untuk mengakses, melaksanakan atau membatalkan operasi.
• Tombol Daftar Pilihan, biasa juga disebut tombol drop-down, berfungsi untuk menampilkan daftar pilihan perintah.
• Kotak Cek, untuk memilih alternatif perintah yang telah disediakan pada kotak dialog.
• Tombol Pilihan, biasanya bentuknya bulat yang fungsinya hampir sama dengan kotak cek. Tombol pilihan yang sudah Anda pilih biasanya menampilkan tanda titik hitam di tengahnya.
• Kotak Contoh Tampilan (Kotak Preview), menampilkan contoh tampilan image atau foto.

Gambar 2.6 Elemen Kotak Dialog Photoshop 7.0

• Kotak Isian, digunakan agar Anda dapat mengetikkan nilai sesuai dengan keinginan.
• Tombol Penggeser, digunakan untuk melakukan pengaturan dengan cara menggeser tombol (slider).
• Kotak Daftar Pilihan, berisi beberapa pilihan perintah yang ditampilkan dalam bentuk daftar. Apabila daftar pilihan perintah jumlahnya banyak, digunakan garis penggulung untuk melihat daftar perintah lainnya.

Untuk memilih salah satu elemen pada kotak dialog selain dengan menggunakan mouse, Anda juga dapat menggunakan tombol-tombol keyboard berikut ini:

v  Tombol Tab untuk pindah dari satu item ke item berikutnya.

v  Tombol Shift+Tab untuk pindah dari satu item ke item sebelumnya

v  Tombol Alt+huruf yang digarisbawahi untuk memilih suatu item atau perintah.

v  Tombol Enter atau klik tombol OK untuk menutup kotak dialog dan menerima semua perintah.

v  Tombol Esc atau klik tombol Cancel untuk menutup kotak dialog tanpa mengadakan perubahan.

Gambar 2.7. Elemen Kotak Dialog Photoshop 7.0

1. Mengakhiri Photoshop 7.0

Setelah Anda selesai bekerja dengan Photoshop 7.0, Anda dapat mengakhirinya dengan cara berikut ini:

1. Simpan seluruh hasil pekerjaan Anda
2. Kemudian pilih salah satu langkah untuk mengakhiri penggunaan Photoshop 7.0:

v  Pilih dan klik menu File>Exit (Ctrl+Q).

v  Klik tombol Close (X) yang berada di pojok kanan atas jendela.

v  Klik ganda Icon Kontrol Menu yang berada di pojok kiri atas dari jendela Photoshop 7.0

1. Tunggu sampai jendela Photoshop 7.0 ditutup.
   1.  Mengenal Baris Menu Photoshop 7.0

Penjelasan bagian bagian ini tidak mencakup secara keseluruhan, tetapi menjelaskan hal- hal yang penting dan perlu bagi pemula dalam membuat desain.

Gambar 2.8. Baris Menu Photoshop 7.0

1. a.      File

Menu File berisi pilihan-pilihan seperti, membuat gambar baru, menampilkan gambar, menyimpan, mencetak, mengimpor gambar, mengekspor gambar, dan keluar program. Menu file ini sudah umum dan hampir semua program mempunyai isi yang sama sehingga tidak perlu dijelaskan lebih lanjut.

1. b.      Edit

Terdiri dari pilihan-pilihan, seperti, copy, paste, dan tool tool untuk modifikasi gambar. Tool tool dibagian edit sebagian besar sudah diwakili oleh toolbox dan pallete

1. c.       Image

Bagian bagian yang penting:

• Mode, untuk menetukan mode dari gambar. Mode ini sudah ditanyakan pada saat membuat gambar baru, dan fasilitas ini kita gunakan untuk mengubah mode gambar yang telah kita tentukan sebelumnya. Misal pada saat membuat file baru kita tentukan mode dari gambar adalah grayscale sehingga gambar yang dibuat tidak bisa mempunyai warna lain selain hitam dan putih. Kemudian ditengah perjalanan kita berubah pikiran untuk mengisikan warna lain selain hitam dan putih maka mode warna harus diubah ke mode warna yang lain, misal RGB.
• Adjust, untuk memanipulasi pewarnaan pada gambar. Dalam adjust diberikan fasilitas yang sangat banyak yang digunakan untuk mengubah pewarnaan dari gambar. Untuk dapat memahaminya tidak bisa melalui pengertian tetapi harus sering melakukan latihan. Bagian ini tidak dijelaskan tetapi langsung diterapkan pada latihan latihan pada bab bab selanjutnya. Diharapkan melalui latihan tersebut bisa lebih bisa memahami kegunaannya masing masing.
• Duplicate, digunakan untuk menduplikat gambar yang sudah dibuat. Jika kita menggunakan fasilitas ini maka akan terbentuk dua gambar yang sama.
• Image size, untuk mengubah ukuran gambar baik memperbesar maupun memperkecil. Image size tidak bisa merubah bagian bagian tertentu saja dari gambar tetapi mengubah secara keseluhan.
• Canvas size, untuk mengubah ukuran kertas. Pengubahan ukuran kertas tidak akan berpengaruh pada ukuran gambar
• Rotate canvas, untuk memutar gambar:
  • 90ocw = clock wise artinya memutar gambar 90 derajat searah jarum jam
  • 90o ccw = counter clock wise artinya memutar gambar 90 derajat berlawanan arah jarum jam
  •  arbitrary memutar gambar sesuai dengan nilai derajat yang dimasukkan
  •  flip horizontal mencerminkan gambar horisontal. Artinya bagian kiri gambar pindah ke kanan dan sebaliknya
  • flip vertikal mencerminkan gambar vertikal. Gambar yang diatas akan berada di bawah dan juga sebaliknya. Hal ini berbeda dengan memutar 180o.

1. d.      Layer

Berhubungan dengan layer akan dibahas pada bab selanjutnya.

1. e.       Select

Berhubungan dengan seleksi akan dibahas pada bab selanjutnya

1. f.        Filter

Berguna untuk memberikan efek pada gambar akan dijelaskan pada bab selanjutnya.

1. g.      View

Bagian bagian yang penting:

• show/hide rulers untuk menampilkan alat bantu penggaris
• show >grid untuk menampilkan alat bantu grid
  • snap berguna pada saat kita menggeser sebuah object. Jika fasilitas
  • snap digunakan maka pada saat menggeser object akan mudah menyesuaikan atau menempel pada grid atau dengan object lain.
  • Setting dari grid dan rullers, misalnya satuan yang digunakan, warna dari grid, dapat diubah melalui menu edit>preferences>units and rulers…/guides and grid…

Fasilitas fasilitas diatas dapat kita gunakan untuk membantu mengatur posisi gambar agar letaknya lebih presisi. Karena hanya merupakan alat bantu maka tidak akan muncul jika gambar dicetak.

1. h.      Window

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.

1. i.        Help

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. Help yang paling sering digunakan adalah content yaitu semua informasi tentang tool tool yang ada dalam photoshop dan bagaimana memakainya.

1.  Mengenal Tool-tool di Photoshop 7.0

Toolbox ini adalah bagian yang paling penting didalam kita bekerja untuk membuat desain. Bagian ini terdiri dari banyak tool yang digunakan untuk membuat gambar dan memanipulasi gambar. Tidak semua tool akan dijelaskan disini karena ada tool-tool tertentu yang membutuhkan pemahaman yang agak lama dan kegunaanya untuk tingkat yang lanjut. Setiap tombol tool yang tampak didalam toolbox bisa mempunyai lebih dari satu pilihan tool karena masih ada kemungkinan tool tersebut terbagi lagi menjadi sub tool. Misal Marque Tool, memiliki empat pilihan yaitu Marque Rectangular Tool (M), Elliptical Marque Tool (M), Single Row Marque Tool, dan Single Column Marque Tool. Untuk mengetahui apakah tool tersebut hanya terdiri satu macam atau lebih maka tekan tool tersebut sekitar satu detik. Jika tool tersebut memiliki lebih dari satu macam, maka pilihan tersebut akan muncul. Begitu juga untuk memilih macam bentuk tool yang diinginkan.

Gambar 2.10. Toolbox di Photoshop 7.0

Toolbox	Keterangan
	Marque Tool (M) digunakan untuk membuat seleksi sesuai dengan bentuk yang tersedia, yaitu kotak atau lingkaran.
	ove Tool (V) digunakan untuk memidahkan sebuah objek pada layer yang sedang aktif ke tempat lain.
	Lasso Tool (L) digunakan untuk membuat seleksi dengan bentuk yang tidak beraturan sesuai dengan yang kita inginkan.
	Magic Wand Tool  digunakan untuk melakukan pemilihan bagian dari suatu image dengan berdasarkan kesamaan warna.
	Pencil Tool (B) digunakan untuk menggambar bentuk garis-garis dan bentuk-bentuk bebas.
	Pen Tool (P) digunakan untuk menggambar path-path garis lurus atau kurva secara tepat dan untuk menggambar garis bebas (freehand).
	Line Tool (N) digunakan untuk membuat atau menggambar garis.
	Zoom Tool (Z) digunakan untuk memperbesar atau memperkecil tampilan objek.
	Eraser Tool (E) digunakan untuk menghapus bagian image tertentu pada suatu layar.
	Hand Tool (H) digunakan untuk menggeser objek pada jendela kerja.
	Gradien Tool (G) digunakan untuk memberi efek gradasi warna bagian image tertentu pada suatu layar.
	Type Tool (T) digunakan untuk membuat objek berupa teks
	Clone Stamp Tool (S) digunakan untuk membuat duplikat image atau memberi efek tertentu pada image dengan cara menyalin dari bagian image tertentu untuk ditempatkan di image lain.
	Healing Brush Tool (J) digunakan untuk memperbaiki latar belakang image, memperbaiki atau memulas bagian image tertentu dengan cara menyalin dari bagian image lain, membuat duplikat image dan lain-lain.
	History Brush Tool & Art History Brush Tool, digunakan untuk memberi efek buram pada image dengan cara dipulas.
	Crop Tool (C) digunakan untuk memotong atau mengambil sebagian image yang akan dijadikan image baru yang berdiri sendiri (Cropping).
	Eyedropper Tool (I) digunakan untuk memilih warna untuk ditempatkan sebagai warna foreground.
	Dodge Tool (O) digunakan untuk memberi efek pewarnaan yang lebih terang (cerah) pada bagian image, terutama bila ingin memberi efek cahaya yang jatuh pada bagian image tertentu.
	Foreground dan Background Color, digunakan untuk mengatur warna atas dan warna latar belakang.

1. B.     Memulai Penggunaan Photoshop 7.0
2.  Menyiapkan Jendela Kerja Baru

Untuk menyiapkan jendela kerja baru yang masih kosong, ikuti langkah berikut ini:

1.  Pilih dan klik menu File > New (Ctrl+N). Kotak dialog New akan ditampilkan. Lihat gambar 3.1.

B) Disini saya akan memberi contoh membuat background sederhana dengan photosop

1) Langkah pertama buka aplikasi Photoshop

2) Klik New, disini kita akan membuat kertas baru. Anda bisa memilih berapa Lebar dan Tinggi kertas anda

3) Anda dapat memilih Background dan warna yang anda inginkan

4)Setelah itu anda dapat menambahkan Bunga-Bunga dengan warna yang anda inginkan

Hasil buatan saya akan seperti ini:

Dan berikut ini adalah hasil edit foto saya dengan Photoshop
                                                   Sebelum Diedit :

Setelah Diedit :