photosop
TRANSCRIPT
1. PENGENALAN GRAFIS BERBASIS VEKTOR DAN BERBASIS BITMAP
1.1 Program aplikasi pembuat grafis
Pada era teknologi informasi dewasa ini, pembuatan media informasi digital seperti halnya website,
eksistensi grafis sudah menjadi suatu kebutuhan.tidak dapat dipungkiri lagi, grafis yang menjadi
tolok ukur kualitas suatu program aplikasi / website. Hal tersebut menimbulkan persaingan antar
produsen software, terutama perusahaan yang bergerak dalam bidang desain grafis, sehingga
bermunculan software-software berbasis grafis dengan fitur-fitur yang canggih, mudah dalam
pengoperasian, menarik, dan kompetibel.
A. Pengertian grafis berbasis vector dan grafis bitmap
Grafis adalah gambar yang tersusun dari koordinat-koordinat ( semua gambar yang muncul
pada layar monitor komputer terdiri atas titik-titik yang mempunyai nilai koordinat ).
Desain grafis terbagi menjadi 2 kelompok yaitu :
1. Desain grafis berbasis Bitmap dan berbasis Vektor
Desain berbasis bitmap dibentuk dengan raster / pixel / dot / titik / / point koordinat.
Semakin banyak jumlah titik yang membentuk suatu grafis bitmap berarti semakin tinggi
tingkat kerapatannya dan menyebabkan semakin halus citra grafis, tetapi kapasitas filenya
akan semakin besar. Ketajaman warna dan detail gambar pada tampilan bitmap tergantung
pada banyaknya pixel warna atau resolusi yang membentuk gambar tersebut.
Perhatikan gambar dibawah ini !
Contoh grafis bitmap
Gambar 1.1 Contoh grafis bitmap
Beberapa grafis bitmap dapat di temui di file computer. Yakni file computer yang
berekstensi .bmp, .jpg, .gif, .pix, dan .pcx. grafis ini biasa digunakan untuk kepentingan foto
– foto digital.
Desain berbasis vector
Merupakan perkembangan dari sistem grafis bitmap. Grafis ini tidak tergantung pada
banyaknya pixel penyusunnya dan kondisi monitornya, karena tampilan vector tersusun atas
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
garis-garis. Tampilan akan terlihat jelas meskipun dilakukan pembesaran. Perhatikan
gambar dibawah ini !
Gambar 1.2 Contoh grafis vektor
Perbedaan grafis vector dan grafis bitmap
Desain grafis vector dan bitmap memiliki beberapa perbedaan, perbedaan tersebut
dapat di lihat pada table di bawah ini.
Vektor Bitmap
- Gambar tetap jelas ketika diperbesar
- Tersususn oleh garis dan kurva
- Ukuran file yang dihasilkan
- Kualitas grafis tidak bergantung dari
banyaknya pixel
- Gambar kurang jelas ketika diperbesar
- Tersususn atas titik – titik / dot
- Ukuran file yang dihasilkan besar
- Kualitas grafis bergantung dari
banyaknya pixel
Tabel 1.1 Perbedaan grafis vector dan grafis bitmap
B. Macam-macam program grafis
Aplikasi Desktop Publishing dibagi kepada tiga kelompok, yaitu Aplikasi Pengolah
Foto/Pixel, Aplikasi Pengolah Vektor, dan Aplikasi Tata Letak (Layout). Aplikasi Pengolah
Foto/Pixel adalah program pengolah image/foto memiliki fungsi memperbaiki penampilan foto,
memodifikasi foto, menggabungkan kedua buah foto menjadi satu, dan lain-lain contoh
programnya adalah AdobePhotoshop, Corel Photo Paint, Microsoft Photo Editor, dan lain-lain,
program-program diatas memiliki kemiripan sebagai fungsi pengolah Foto, program-program
tersebut biasanya dipakai untuk membuat cover buku yang menampilkan image foto.
Aplikasi Pengolah Vektor/Pengolah garis adalah aplikasi untuk menggambar bentuk
digunakan untuk membuat bentuk-bentuk baru, menggambar, memodifikasi huruf atau gambar
2 dimensi, biasa digunakan untuk membuat logo, gambar kartun, dan lain-lain.
Aplikasi Tata Letak (Layout) adalah Aplikasi untuk mengatur letak huruf dan gambar,
memposisikan gambar dan huruf supaya lebih menarik, contoh penggunaannya pada tata letak
tulisan koran atau majalah. Dari banyak sekali program-program yang ada, kita cukup
menguasai salah satu Aplikasi saja dari tiap kelompok Aplikasi Desktop Publishing. Misalkan
dari Aplikasi Pengolah Foto kita cukup menguasai Adobe Photoshop saja, dari Aplikasi
Pengolah Vektor cukup mengusai Corel Draw, dan dari Aplikasi Pengolah Layout cukup
menguasai Adobe Page Maker, karena program yang lain memiliki fungsi yang sama. Contoh
dalam pembuatan sebuah buku, supaya tampilan cover buku menarik di beri foto yang didesain
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 2/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
menggunakan Adobe Photosop, tulisan pada cover supaya lebih menarik didesain menggunakan
Corel Draw, begitu juga gambar-gambar atau ilustrasi di dalam buku dibuat menggunakan Corel
Draw, tata letak tulisan dan gambar pada isi buku di Layout menggunakan Adobe Page Maker.
1.2 Penggunaan program grafis bitmap
Membuka Program Adobe Photosop Cs :
Klik Start → All Program → Adobe Photosop Cs
Gambar 1.3 Mengaktifkan program grafis CorelDraw 12
Gambar 1.4 Kotak Screen Welcome To Adobe Photosop CS
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 3/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Mengenal Photoshop CS
Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting dan
memanipulasi image (image-editing). Dengan Adobe Photoshop CS 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 CS 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.
Mengenal Lembar Kerja Menu dan Toolbar Adobe Photosop CS
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 4/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Gambar 1.5 Lembar kerja Adobe Photosop CS
Title Bar / Baris Judul :
Berfungsi menampilkan judul file aplikasi yang sedang aktif. Dalam title bar akan ditampilkan nama file
beserta ekstensinya.
Gambar 1.6 Title Bar
Menu Bar :
Disebut juga menu pull down yang terdapat pada program aplikasi adobe photosop / menu dalam bentuk teks
yang salah satu hurufnya terdapat garis bawah.
Gambar 1.7 Menu Bar
Option Bar :
Merupakan toolbar bagian dari tool yang aktif yang memiliki bentuk dan fungsi yang berbeda2
Gambar 1.8 Option Bar
ToolboxModul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 5/ 14
Title Bar
Menu Bar
Image Area
Tool Box Info Pallete
Navigator Pallete
Color Pallete
Option Bar
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Merupakan bagian mendasar yang sangat penting untuk diketahui. Toolbox merupakan kumpulan ikon yang
berguna untuk melakukan proses desain grafis ataupun editing gambar.
Gambar 1.9 Toolbox
Image Area
Merupakan daerah yang berbentuk kotak yang menunjukkan jenis kertas terletak di dalam drawing window.
Semua objek atau gambar yang melewati area ini tidak akan dicetak oleh printer.
Palette
Gambar 1.10 Palette
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 6/ 14
Photosop CS menyediakan fasilitas palette yang berfungsi untuk
memantau , mengatur dan memperbaiki gambar. Dalam keadaan
default, palette di tempatkan bersamaan dalam satu grup. Untuk
menampilkan suatu palette, anda dapat melakukan langkah-langkah
berikut ini :
1. Klik menu window.
2. Pilih nama palette.
Untuk menampilkan dan menyembunyikan beberapa atau seluruhnya
palette dapat dilakukan dengan beberapa cara, antara lain sebagai
berikut :
3. Menampilkan dan menyembunyikan seluruh palette, option bar
dan tool box dengan menekan tombol Tab pada keyboard.
4. Menampilkan dan menyembunyikan seluruh palette yang telah
tampil, dengan menekan tombol (Shift + Tab) pada keyboard.
Kelompok tool seleksi
Kelompok tool painting dan retouching
Kelompok tool drawing, shape, dan path
Kelompok tool display dan zooming
Background dan foreground
Editing mask
Display
Jumping ke image ready
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Jenis – jenis Palette
a. Navigator Palette
b. Info Palette
c. Color Palette
d. Swatches Palette
e. Styles Palette
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 7/ 14
Palette ini berfungsi mengatur besar kecilnya
tampilan ukuran gambar dalam lembar kerja
(kanvas) melalui sebuah salinan miniature gambar.
Bagian tengah navigator disebut thumbnail. Untuk
memperbesaran gambar, klik ikon zoom in ,
sedangkan untuk memperkecil gambar klik ikon
zoom out.
Palette ini berfungsi memberikan informasi bagian
image yang ditunjuk oleh pointer tentang
persentase campuran warna, titik koordinat, dan
posisi pointer mouse dalam kanvas
Palette ini berfungsi mengatur persentase campuran
setiap komponen warna pada foreground dan
background, antara lain mode RGB dengan cara
menggeser slinder untuk menentukan setiap bagian
dari mode pewarnaan atau dengan mengklik set
foreground
Palette ini berfungsi mengatur warna dengan
menggunakan warna yang disediakan
Palette ini berfungsi mengatur objek dengan sistem
pewarnaan dan efek yang telah disediakan.
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
f. History Palette
g. Action Palette
h. Layers Palette
i. Channels Palette
j. Paths Palette
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 8/ 14
Palette ini berfungsi mengatur objek dengan sistem
pewarnaan dan efek yang telah disediakan.
Palette ini berfungsi untuk menjalankan perintah
yang akan diterapkan pada gambar yang diproses
lebih lanjut. Untuk melakukan action yang telah
ada, pilih nama action yang telah ada. Selanjutnya
klik tombol play selection.
Palette ini berfungsi untuk mengatur layer (lapisan
gambar) sehingga memudahkan dalam
pengaturan urutan lapisan gambar tanpa
mempengaruhi bagian lapisan lainnya.
Palette ini berfungsi untuk merekam komponen
warna yang digunakan pada gambar bagian
atasnya merupakan perpaduan atau model warna
dari warna-warna yang berada pada bagian
bawahnya..
Palette ini berfungsi untuk menyimpan bagian
gambar yang dipotong sehingga sewaktu-waktu
bagian potongan tersebutdapat ditampilkan
kembali. Untuk memotong gambar anda dapat
menggunakan tool magic wand, lasso, atau
marquee
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Gambar 1.4 Kotak Screen Welcome To Adobe Photosop CS
Mengenal Photoshop CS
Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting dan
memanipulasi image (image-editing). Dengan Adobe Photoshop CS 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 CS 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.
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 9/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Mengenal Lembar Kerja Menu dan Toolbar Adobe Photosop CS
Gambar 1.5 Lembar kerja Adobe Photosop CS
Title Bar / Baris Judul :
Berfungsi menampilkan judul file aplikasi yang sedang aktif. Dalam title bar akan ditampilkan nama file
beserta ekstensinya.
Gambar 1.6 Title Bar
Menu Bar :
Disebut juga menu pull down yang terdapat pada program aplikasi adobe photosop / menu dalam bentuk teks
yang salah satu hurufnya terdapat garis bawah.
Gambar 1.7 Menu Bar
Option Bar :
Merupakan toolbar bagian dari tool yang aktif yang memiliki bentuk dan fungsi yang berbeda2
Gambar 1.8 Option Bar
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 10/ 14
Title Bar
Menu Bar
Image Area
Tool BoxInfo
Pallete
Navigator Pallete
Color Pallete
Option Bar
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Toolbox
Merupakan bagian mendasar yang sangat penting untuk diketahui. Toolbox merupakan kumpulan ikon yang
berguna untuk melakukan proses desain grafis ataupun editing gambar.
Tutorial Adobe Photoshop CSCopyright © 2007 edipsw.wordpress.com
Sekilas Tentang Adobe Photoshop CSPenulis : Edi Purwanto S.W.E-mail : [email protected] : [email protected] Photoshop CSPhotoshop adalah software yang digunakan untuk memodifikasi gambar ataufoto secara profesional baik meliputi modifikasi obyek yang sederhana maupun yangsulit sekalipun. Photoshop merupakan salah satu software yang berguna untukmengolah gambar berbasis bitmap, yang mempunyai tool dan efek yang lengkapsehingga dapat menghasilkan gambar atau foto yang berkwalitas tinggi (jika ingin lebihjauh mengetahui tentang gambar berbasis bitmap silakan download dokumennya disini).Kelengkapan fitur yang ada di dalam Photoshop inilah yang akhirnya membuatsoftware ini banyak digunakan oleh desainer grafis profesional. Dan mungkin jugasampai saat ini masih belum ada software desain grafis lain yang bisa menyamaikelengkapan fitur dalam Photoshop.Bagian-Bagian Photoshop CS
Keterangan :a. Menu BarMenu bar adalah menu pulldown yang berisi perintah-perintah dalam Photoshopseperti menu File, Edit, Image, Layer, Select, Filter, View, Window, dan Help.Baris menu ini terkelompok berdasarkan topiknya.b. ToolboxToolbox adalah alat-alat yang digunakan untuk memodifikasi image (gambar ataufoto). Alat-alat ini juga dikelompokkan menurut jenisnya.c. CanvasCanvas adalah bidang yang digunakan sebagai tempat untuk meletakkan image.Biasanya ukuran canvas akan sama dengan ukuran image, tetapi dalam PhotoshopMenubarCanvasToolboxWindowPalleteTutorial Adobe Photoshop CSCopyright © 2007 edipsw.wordpress.comkita dapat merubah ukuran canvas dan image sesuai dengan kebutuhan. Kalau kitamemunculkan canvas baru biasanya ada tiga pilihan yaitu canvas yang putih,berwarna dan transparan.d. Window PalleteWindow pallete adalah window yang berguna untuk memilih atau mengaturberbagai parameter pada saat menyunting image dalam Photoshop. Untukmenampilkan Window Pallete dapat kita lakukan dengan cara memilih menuWindow kemudian pilih pallete yang dimunculkan.Toolbox dalam Photoshop CSRectangular Marquee ToolLasso ToolCropClone Stamp ToolEraser ToolBlur ToolPath Selection ToolPen ToolNotes ToolHand ToolSet Foreground ColorDefault Foreground andEdit Standart ModeModul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 11/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009Move ToolMagic Wand ToolSlice ToolBrush ToolHistory Brush ToolPaint Bucket ToolDogde ToolHorizontal Type ToolRectangle ToolEyedropper ToolZoom ToolSet Background Color
Edit in Quick Mask ModeKeterangan :a. Rectangular Marquee ToolDigunakan untuk menyeleksi atau mem-blok bagian dari suatu image denganbentuk seleksi persegi. Didalamnya ada elliptical Marquee Tool, Single Row,Marquee Tool, dan Single Column Marquee Tool.b. Lasso ToolDigunakan untuk menyeleksi atau mem-blok bagian dari suatu image denganbentuk bebas dengan cara mendrag bagian image yang akan diseleksi. Di dalamnyaada Poligonal Lasso Tool, dan Magnetic Lasso Tool.c. CropDigunakan untuk menyeleksi bagian dari suatu image dengan bentuk seleksi persegidan membuang bagian yang tidak diinginkan.d. Clone Stamp ToolDigunakan untuk mengambil contoh dari suatu image dan membuat copynyadimanapun.e. Eraser ToolDigunakan untuk menghapus image. Ini juga dapat digunakan untuk mengembalikansebuah image menjadi sebuah daerah awal.f. Blur ToolDigunakan untuk mengaburkan bagian dari suatu image.Rectangular Marquee ToolLasso ToolCropClone Stamp ToolEraser ToolBlur ToolPath Selection ToolPen ToolNotes ToolHand ToolSet Foreground ColorDefault Foreground andEdit Standart Mode
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 12/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009Move ToolMagic Wand ToolSlice ToolBrush ToolHistory Brush ToolPaint Bucket ToolDogde ToolHorizontal Type ToolRectangle ToolEyedropper ToolZoom ToolSet Background ColorEdit in Quick Mask ModeTutorial Adobe Photoshop CSCopyright © 2007 edipsw.wordpress.comg. Path Selection ToolDigunakan untuk mempercerah bagian dari suatu image.h. Pen ToolDigunakan untuk merancang atau mengedit path.i. Notes ToolDigunakan untuk membuat catatan pada suatu bagian image.j. Hand ToolDigunakan untuk menggeser image jika lebar image melebihi ukuran window.k. Set Foreground ColorDigunakan sebagai indikator warna foreground yang aktif dan sekaligus dapatdigunakan untuk mengganti warna foreground dengan warna yang lain.l. Default Foreground and Background ColorDigunakan untuk mengembalikan warna standart yaitu foreground hitam danbackground putih.m. Edit Standart ModeDigunakan untuk membuat seleksi dan menampilkan standar painting dan editing.n. Move ToolDigunakan untuk memindah bagian dari image yang di blok atau layer diantaraimage atau image lainnya.o. Magic Wand ToolDigunakan untuk membuat seleksi atau blok secara otomatis yang hampir samadengan warna areanya.p. Slice ToolDigunakan untuk membuat atau memblok setiap area rectangular dari sebuahimage.q. Brush ToolDigunakan untuk menggambar dengan warna foreground dengan menggunakanstandar brushes atau custom brushes.r. History Brush ToolDigunakan untuk menggambar di atas sebuah image dengan daerah sebelumnyayang telah ditentukan dalam rangka membenarkan kesalahan atau untukmenggambar di atas sebuah image.s. Paint Bucket ToolDigunakan untuk memberi warna suatu bagian dari image dengan warnaforeground.t. Dogde ToolDigunakan untuk mencerahkan bagian dari suatu image.u. Horizontal Type ToolDigunakan untuk membuat teks pada suatu image.v. Rectangle ToolDigunakan untuk menggambar kotak pada suatu image.w. Eyedropper ToolDigunaan untuk memilih warna foreground maupun background dari warna yangada pada sebuah image.x. Zoom ToolDigunakan untuk memperbesar atau memperkecil tampilan sebuah image.Perubahan tampilan menggunakan zoom tool ini tidak mempengaruhi ukuran pixeldalam sebuah image.y. Set Background ColorDigunakan sebagai indikator warna background yang aktif dan sekaligus dapatdigunakan untuk mengganti warna background dengan warna yang lain.z. Edit in Quick Mask ModeDigunakan untuk merancang dan mengedit selection mask sementara.
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 13/ 14
DESAIN GRAFISCORELDRAW 12 DAN ADOBE PHOTOSHOP CS
2009
Modul TIK Kelas XII/MAN 4 Jakarta/2009 Hal : 14/ 14