Desain Grafis - PENGGABUNGAN GAMBAR DAN TEKS YANG BERBASIS BITMAP (Bab 7)(Kelas X)

BAB VII

PENGGABUNGAN GAMBAR DAN TEKS YANG BERBASIS BITMAP

Kompetensi Dasar

3.7 Menganalisis penggabungan gambar dan teks yang berbasis bitmap.

4.7 Menggabungkan gambar dan teks yang berbasis bitmap.

A. Gambar Bitmap

1. Pengertian Gambar Bitmap

Gambar Bitmap adalah sebuah gambar digital yang tersusun dari sekumpulan titik-titik atau juga disebut juga dengan pixel dengan warna-warna tertentu pada masing-masing pixel sehingga membentuk sebuah gambar yang dapat

ditampilkan pada sebuah komputer atau media kertas. Berbeda dengan gambar vektor, gambar bitmap mampu untuk menampilkan gambar secara natural hal ini dikarenakan file gambar bitmap dapat secara langsung ditampilkan ke layar monitor. Akan tetapi

apabila kita memperbesar tampilan dari gambar bitmap, maka akan terlihat dengan jelas kotak-kotak pixel yang menyusun gambar tersebut, sehingga apabila sobat komputer ingin menghasilkan gambar yang halus sobat perlu memperbesar ukuran resolusi dari gambar

tersebut.

Berdasarkan ulasan di atas berikut disajikan ciri-ciri gambar bitmap:

a. Gambar bitmap tersusun dari kumpulan titik-titik pixel yang memiliki warna pada masing-masing pixelnya.

b. Apabila kita memperbesar tampilan dari gambar bitmap maka gambar tersebut

akan terlihat pecah.

c. Memiliki gradiasi warna yang lebih nyata dan luwes.

d. Gambar bitmap memiliki ukuran file lebih besar dari pada gambar vektor.

e. Semakin besar resolusi dari gambar bitmap maka kualitas gambar akan semakin

baik.

f. Tidak memerlukan proses yang lama untuk dapat ditampilkan ke layar monitor.

2. File Ekstensi pada Gambar Bitmap

a. PSD (Photoshop Document)

Format file ini adalah format asli dokumen Adobe Photoshop. Format ini bisa menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga bisa menyimpan gambar dalam beberapa mode warna yang 'disediakan Photoshop. Format ini sangat cocok untuk editing foto karena menyimpan layer yang bisa digunakan di edit ulang pada efek yang bisa di berikan layer.

b. BMP (Bitmap Image)

Format file ini adalah format grafis yang fleksibel untuk platform Windows sehingga dapat dibaca oleh program grafis manapun. Format ini bisa menyimpan informasi dengan kualitas tingkat 1 bit samapi 24 bit. Kelemahan format file ini adalah tidak bisa menyimpan alpha channel serta ada kendala dalam pertukaran platform. Untuk membuat sebuah objek sebagai desktop wallpaper, simpanlah

dokumen dengan format file ini. Anda dapat mengkompres format file ini dengan kompresi. Sehingga bisa kapasitas yang lebih kecil, format file ini bisa menyimpan gambar dalam mode warna RGB, Grayscale, Indexed Color, dan Bitmap.

c. JPG/JPEG (Joint Photographic Expert Group)

Format file ini bisa mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Gunakan file ini karena bisa untuk halaman web, multimedia, dan publikasi elektronik baik mobile atau desktop. Format file ini bisa menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file ini juga bisa menyimpan alpha channel. Namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya.

d. GIF (Graphic Interchange Format)

Format file ini hanya bisa menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format file ini adalah format standar untuk publikasi elektronik dan internet. Format file bisa menyimpan animasi dua dimensi di publikasi elektronik. Format file ini bis mengkompres dengan ukuran kecil menggunakan kompresi LZW.

e. PNG (Portable Network Graphic)

Format file ini berfungsi sebagai alternatif lain dari format file GIF. Format file ini digunakan untuk menampilkan objek dalam halaman web. Kelebihan dari format file ini dibandingkan dengan GIF adalah kebisaannya menyimpan file dalam bit depth hingga 24 bit, serta bisa menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus. Format file ini bisa menyimpan alpha channel.

f. TIFF

Merupakan format gambar terbaik dengan pengertian bahwa semua data dan informasi (data RGB, data CMYK, dll) yang berkaitan dengan koreksi atau manipulasi terhadap gambar tersebut tidak hilang. Format ini biasa digunakan

untuk kebutuhan pencetakan dengan kualitas gambar yang sangat tinggi sehingga ukuran berkas untuk format ini sangat besar karena tidak dikompresi. Serta mampu menyimpan gambar dengan kualitas hingga 32 bit.

B. Penggabungan Gambar dan Teks yang Berbasis Bitmap

Layer digunakan untuk menggabungkan beberapa gambar menjadi satu gambar, Bisa dikatakan saat mengabungkan gambar satu dengan yang lainya akan terbentuk lebih dari satu layer (multi layer). Artinya beberapa gambar tersebut seakan akan bertumpuk sehingga akan terlihat menjadi sebuah objek atau gambar. Gambar yang berada pada layer atas maka akan berada pada tumpukan yang paling atas dan bisa menutupi tumpukan gambar yang berada dibawahnya, seperti yang ditunjukkan gambar di bawah ini. Gambar di bawah merupakan gambar penggabungan teks dan gambar berbasis bitmap.

Gambar 7.1 Penggabungan Teks dan Gambar Berbasis Bitmap

Selanjutnya akan disajikan langkah-langkah untuk mengabungkan teks dan gambar dengan multi layer:

1. Buat file baru pada aplikasi pengolah gambar bitmap photoshop dengan perintah file > new (ctrl + N), kemudian akan muncul kotak sebagai berikut;

2. Beri nilai width = 400, height = 400, background contents: background color dan kemudian klik OK

3. Buka file gambar yang akan digabung dengan jalan klik menu file> open (ctrl + O), kemudian akan terbuka kotak dialog untuk memilih file.

4. Cari file yang akan digabungkan misalnya garfield1.jpg dan bart_simpson.jpg.

5. Sehingga pada lembar kerja photoshop akan terbuka 3 file.

Gambar 7.2 File- File pada Lembar Kerja Photoshop

6. Klik dan drag file bart_simpson.jpg ke file yang berisi background warna kuning,

sehingga gambar bart_simpson akan tercopy di file ber-background kuning.

Gambar 7.3 Layer Bertambah Saat Gambar Disisipkan

Layer baru, layed basid bart simpson.jpg

7. Saat bart_simpson.jpg tergandakan di file baru maka otomatis akan terbentuk layer baru yang bernama layer 1.

8. Kemudian klik dan drag file garfield1.jpg ke file yang berisi background warna kuning, sehingga gambar garfield1.jpg akan tercopi di file ber-background kuning.

Gambar 7.4 Muncul Layer 2 Ketika Gambar Ke-2 Digabungkan

9. Klik horizontal type tool dan ketikkan teks untuk judul gambar, misalnya the simpson

& garfield.

10. Maka akan muncul teks "the simpson & garfield" pada gambar gabungan dan otomatis akan muncul layer baru sehingga total layer yang terbentuk adalah 4.

Gambar 7.5 Hasil Penggabungan Dua Gambar dan Objek Teks

Pada contoh penggabungan gambar dan teks di atas terbentuk empat layer yang

terdiri dari:

1. Layer background: berisi background

2. Layer 1: gambar simpson

3. Layer 2: gambar garfield

4. Layer T: berisi teks the simpson & garfield"

Penilaian mandiri

1. Jelaskan pengertian gambar bitmap!

2. Jelaskan keunggulan gambar bitmap!

3. Sebutkan perangkat lunak yang digunanakan untuk menghasilkan gambat bitmap!

4. Jelaskan perbedaan file ekstensi JPG dan TIFF!

5. Ketika kita mengerjakan tugas yang harus ada gambar, kita sering mengunduh gambar tersebut dari internet. Kadang gambar yang kita unduh ukurannya tidak sesuai dengan yang kita inginkan. Gambar ada yang berukuran kecil, sedang dan besar.

Semakin besar ukuran maka ketajaman dan detail gambar makin jelas. Bagaimana solusi agar memperoleh gambar yang jelas tetapi ukuran gambar tidak terlalu besar?

Penilaian kelompok

Setelah siswa mempelajari materi bab 7, di bawah ini terdapat tugas kelompok untuk dikerjakan!

1. Buatlah kelompok masing-masing 4 oran!

2. Pahamilah permasalahan berikut :

Pak Udin dan Bu Udin akan membuat undangan pernikahan anaknya. Mereka berencana membuat undangan pernikahan anaknya yang menarik. Dalam undangan tersebut terdapat pre wedding kedua mempelai yang berfoto di daerah pantai Yogyakarta. Diskusikan bersama anggota kelompok Anda,, bagaimana isi dan tampilan undangan yang harus dibuat

agar terlihat menarik dan dipahami orang lain?

3. Diskusikan bersama anggota kelompok Anda untuk membuat rencana desain undangan dengan menerapkan penggabungan gambar dan teks berbasis bitmap!

4. Buatlah undangan pernikahan berdasarkan rencana desain yang telah dibua!

5. Presentasikan hasil kerja kelompok Anda!

Uji Kompetensi

Pilihlah satu jawaban yang paling benar dengan cara memberi tanda silang (X) pada huruf A, B, C, Datau E!

1. Representasi dari grafis yang terdiri dari susunan raster/pixel/dot/titik/point koordinat yang tersimpan di memori komputer adalah ...

A. bitmap

B. citra

C. gambar

D. vektor

E. resolusi

2. Ciri-ciri dari gambar bitmap adalah sebagai berikut .....

A. bersifat resolution dependent artinya kualitas gambar tergantung pada resolusi, semakin besar resolusinya gambar yang dihasilkan semakin baik.

B. terdiri dari susunan persamaan matematika, gambar yang dibentuk oleh objek berupa garis dan kurva, tidak terlihat pecah saat diperbesar, kualitas hasil gambar tidak tergantung pada resolusi gambar, ukuran file gambar relatif kecil.

C. ukuran file gambar relatif kecil.

D. dalam penyimpanan file, type vektor hanya memerlukan

relative kecil.

ruang penyimpan yang

E. teknik pewarnaan gradasi membutuhkan kemampuan yang lebih agar menghasilkan gambar yang realistis.

3. Salah satu perangkat lunak yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek, yang sangat baik untuk membuat desain grafis dalam bentuk bitmap adalah ...

A. Coreldraw

B. Adobe After Efect

C. Adobe Audition

D. Adobe Premiere

E. Adobe Photoshop

4. Jendela yang berisi informasi program yang sedang dijalankan adalah pengertian dari

A. title bar

B. menu bar

C. toolbox

D. option bar

E. palet

5. Perintah utama seperti membuka file, menyimpan file, mengubah ukuran gambar, filter dan lain-lain adalah pengertian dari ....

A. title bar

B. menu bar

C. toolbox

D. option bar

E. palet

6. Tool yang digunakan untuk memotong bagian gambar tertentu. Penggunaan peranti ini akan berpengaruh pada gambar-gambar lain dalam semua layer, adalah fungsi dari tool ....

А. сгор

B. quick Selection

C. rectangular Marquee

D. magnetic Lasso

E. magic Wand

7. Tool yang digunakan untuk menutup noda dengan cara tekan Alt dan klik area gambar yang masih baik dan klik area gambar yang bernoda adalah fungsi dari tool ...

A. spot Healing Brush

B. patch

C. healing Brush

D. slice Select

E. clone Stamp

8. Tool yang digunakan untuk menutup noda dengan cara mengambil area gambar lain untuk menutup area yang bernoda adalah fungsi dari tool.

A. spot Healing Brush

B. patch

C. healing Brush

D. slice Select

E. clone Stamp

9. Lapisan transparan yang saling bertumpuk antara satu lapisan dengan lapisan yang lain sehingga membentuk sebuah gambar baru. Setiap layer mempunyai objek-objek sendiri sehingga meskipun terlihat saling bertumpuk, tetapi objek-objeknya tidak mengganggu satu sama lain adalah pengertian dari ...

A. palet Actions

B. palet Layer

C. palet Channel

D. payer

E. palet Styles

Gambar berikut untuk soal nomer 10,11, dan 12!

10. Icon no 12 yang ditunjukkan pada gambar yang di atas adalah...

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

11. Icon no 8 yang ditunjukkan pada gambar di atas adalah .......

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

12. Icon no 11 yang ditunjukkan pada gambar di atas adalah .....

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

13. Fungsi dari Flatten > Image yaitu ...

A. digunakan untuk mengubah gambar vector menjadi raster

B. digunakan untuk mengubah gambar raster menjadi vector

C. digunakan untuk membuat image baru.

D. digunakan untuk membuat image tidak pecah

E. digunakan untuk menggabungkan beberapa layer menjadi 1

14. Langkah untuk mengubah ukuran kanvas adalah ...

A. layer> Canvas Size

B. tentukan Width dan Height

C. image> Canvas Size

D. edit > Canvas Size

E. file> Canvas Size

15. Menyeleksi gambar secara otomatis dengan membuat seleksi pada warna kontras digunakan...

A. magic Wand Tool

B. magnetic Lasso Tool

C. polygonal Lasso Tool

D. lasso Tool

E. rectangular Marquee Tool

16. Polygonal Lasso Tool digunakan untuk menyeleksi gambar...

A. secara bebas

B. memiliki banyak sudut dan garis lurus

C. memiliki banyak warna

D. memiliki banyak distorsi

E. secara terbatas

17. Tool yang digunakan untuk menggeser bidang kerja yaitu ...

A pointer Tool

B. hand Tool

C. move Tool

D. marquee tool

E. crop Tool

18. Untuk menjadi gambar bitmap, gambar yang dibuat di CorelDraw harus dikonversikan terlebih dahulu. Ketika akan mengkonversikan gambar, semua objek gambar harus di grup terlebih dahulu. Alasan harus di grup dahulu yaitu....

A. menjadikan gambar bitmap dengan resolusi kecil

B. tidak dapat dikonversikan ke gambar bitmap

C. antara objek yang satu dengan objek yang lainnya tidak dapat menjadi utuh

D. resolusi gambar yang dihasilkan akan lebih kecil daripada sebelum dikonversikan

E. gambar yang seharusnya berdekatan akan menjadi bergesar

19. Grafis dibagi menjadi dua yaitu vektor dan bitmap. Keduanya sama-sama berupa gambar digital. Tetapi, memiliki komponen yang berbeda dan berpengaruh pada pembuatan, tampilan, dan penerapan. Tampilan gambar bitmap menunjukkan gradasi warna dan bayangan dimana penerapannya banyak digunakan pada ...

A. brosur yang menawarkan berbagai produk

B. poster untuk mempromosikan film

C. gambar lukisan yang dibuat di kain kanvas

D. banner yang banyak ditemukan di pinggir jalan

E. foto dan lukisan digital yang terdapat perpaduan warna yang rumit

20. Gambar bitmap terdiri dari beberapa ekstensi. Ekstensi gambar bitmap yang sangat baik untuk grafis internet yaitu berekstensi ...

A. JPG

B. TIFF

C. PNG

D. BMP

E. GIF

Kerjakan soal-soal di bawah ini sesuai petunjuk berikut!

Pilihlah jawaban A jika jawaban (1), (2), (3) benar.

Pilihlah jawaban B jika jawaban (1) dan (3) benar.

Pilihlah jawaban C jika jawaban (2) dan (4) benar.

Pilihlah jawaban D jika jawaban (4) yang benar.

Pilihlah jawaban E jika semua jawaban (1), (2), (3), dan (4) benar.

1. Berikut ini hal-hal yang berkaitan dengan gambar bitmap...

(1) Jika gambar diperbesar akan pecah

(2) Bergantung pada resolusi

(3) Tersusun dari pixel

(4) Dapat dicetak pada tingkat resolusi sebesar apapun

Jawaban: ...

2. Keunggulan gambar bitmap:

(1) gambar bitmap merupakan gambar yang

terlihat sangat nyata

(2) sangat cocok apabila diterapkan pada background wallpaper di komputer

(3) memiliki kompatibilitas yang cukup tinggi pada proses editing gambar

(4) ukuran filenya relatif kecil

Jawaban: ...

3. Berikut yang merupakan file ekstensi pada gambar vektor ...

(1) .GIF

(2) .AI

(3) .BMP

(4) .EPS

Jawaban: ...

4. Tool yang terdapat pada menu Bitmap antara lain ...

(1) convert to bitmap

(2) edit bitmap

(3) crop bitmap

(4) auto adjust

Jawaban: ...

5. Pilihan pada Marque Tool yaitu ...

(1) rectangular Marquee Tool

(2) elliptical Marquee Tool

(3) single Row Marquee Tool

(4) single Coloumn Marquee Tool

Jawaban: ...

6. Berikut ini hal-hal yang berkaitan dengan file ekstensi PNG ...

(1) kompresinya bersifat permanen

(2) salah baik untuk grafis internet

(3) mendukung animasi gambar

(4) gabungan dari format JPG dan GIF

Jawaban: ...

7. Perangkat lunak pengolah gambar bitmap yaitu ...

(1) Corel Photopaint

(2) CorelDraw

(3) Macromedia Fireworks

(4) Adobe ilustrator

Jawaban: ...

8. Dalam menggunakan perintah bitmap perlu memperhatikan ...

(1) objek harus dikonversi ke dalam tipe bitmap

(2) efek bitmap hanya dapat digunakan pada gambar bitmap

(3) tiap efek bitmap akan diproses dalam memori RAM

(4) penerapan efek bitmap pada image yang berukuran besar butuh waktu lama dakam prosesnya

Jawaban: ...

9. Berikut ini hal-hal yang berkaitan dengan file ekstensi .JPG ...

(1) Kompresinya bersifat permanen

(2) salah baik untuk grafis internet

(3) memiliki banyak warna

(4) gabungan dari format JPG dan GIF

Jawaban: ...

10. Ciri-ciri gambar bitmap yaitu ...

(1) gambar bitmap tersusun dari kumpulan titik-titik pixel yang memiliki warna pada masing-masing pixelnya.

(2) apabila kita memperbesar tampilan dari gambar bitmap maka gambar tersebut akan terlihat pecah.

(3) memiliki gradiasi warna yang lebih nyata dan luwes.

(4) banyak dimanfaatkan di dunia percetakan

Jawaban: ...