Photosop

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


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



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



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


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


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


2009

Jenis – jenis Palette

a. Navigator Palette

b. Info Palette

c. Color Palette

d. Swatches Palette

e. Styles Palette


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.


2009

f. History Palette

g. Action Palette

h. Layers Palette

i. Channels Palette

j. Paths Palette


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


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.



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


Title Bar

Menu Bar

Image Area

Tool BoxInfo

Pallete

Navigator Pallete

Color Pallete

Option Bar


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


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



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.



2009


Photosop

Documents

Transcript of Photosop