Perkenalan dengan Paint.

Net [Modul TIK kelas 5]

Tutorial [Link]

1. Tampilan [Link]

Gambar 1 [Link]

2. Title Bar
Berisi nama berkas yang sedang dibuka juga tombol minimize, maximize dan close.
 Minimize : mengecilkan jendela yang sedang dibuka
 Maximize : membuka jendela yang sedang dibuka secara penuh layar
 Close : menutup jendela yang sedang dibuka
3. Status bar
Mengandung bermacam item seperti tips bantuan, progress bar dan informasi tentang posisi
pointer mouse, zoom control.

4. Menu bar

Gambar 2 Menu bar

5. Toolbar memiliki beberapa tombol untuk mengakses dengan cepat tindakan yang sering dilakukan
pengguna [Link].

Gambar 3 Common Actions Buttons

Common actions buttons terdiri dari :

1
Perkenalan dengan [Link] [Modul TIK kelas 5]

 New Image: Membuat canvas baru

 Open : Membuka gambar baru
 Save : Menyimpan file atau gambar
 Print :Mencetak file atau gambar
 Cut : Memotong gambar atau bagian gambar
 Copy: Menyalin gambar atau bagian gambar
 Paste : Menempel gambar atau objek lain
 Crop : memilih bagian dari gambar tertentu
 Deselect : membatalkan pilihan yang telah dilakukan
 Undo : membatalkan proses yang baru saja dilakukan
 Redo :membatalkan proses undo yang baru saja dilakukan
 Rullers : berfungsi sebagai penggaris atau meluruskan elemen gambar, mengukur atau
menyesuaikan sebuah gambar pada ukuran yang spesifik.
 Pixel Grid : membentangkan gambar yang digunakan dengan sebuah grid dimana tiap sel tepat
ukurannya satu piksel yang sangat bermanfaat ketika gambar diperbesar lebih dari 200%
pembesaran dan pengeditan gambar per piksel diperlukan.
6. Jendela Tools /Tools Window

Gambar 4 Tools Window

Terdiri atas :

Selection Tools

 Rectangle Select : digunakan untuk memilih bagian berbentuk segi empat

 Lasso Select : digunakan untuk memilih bagian freeform (bebas bentuk)
 Ellipse Select : digunakan untuk pilihan berbentuk elips atau lingkaran

2
Perkenalan dengan [Link] [Modul TIK kelas 5]

 Magic Wand :digunakan untuk memilih daerah pada layer yang aktif yang memiliki warna yang
sama

Move Selected Pixels : digunakan untuk memindahkan piksel yang ada pada layer atau yang sedang
dipilih

Move Selection : digunakan untuk memindahkan atau memodifikasi garis pilihan tanpa memiliki dampak
pada piksel manapun di dalam gambar

View Tools :

 Zoom : digunakan untuk memperbesar (zoom in), mengecilkan (zoom out) atau memperluas
kanvas di sekitar bagian tertentu
 Pan : digunakan untuk memegang gambar agar dapat dipindahkan

Fill Tools :

 Paint Bucket : digunakan untuk untuk mengisi warna suatu daerah

 Gradient : digunakan untuk menggambar gradien ( campuran warna bertingkat antara satu
warna dengan warna yang lain)

Drawing Tools :

 Paint Brush : digunakan untuk mewarnai canvas atau gambar seolah olah menggunakan kuas
 Eraser : digunakan untuk menghapus suatu daerah
 Pencil : digunakan untuk mengedit layer yang aktif dengan dasar piksel per piksel

Photo Tools :

 Color Picker : digunakan untuk memilih warna dari layer yang aktif dan menjadikan warna
pertama atau kedua
 Clone Stamp :digunakan untuk memilih bagian dari piksel antara layer berbeda atau pada layer
yang sama
 Recolor Tool : mengganti warna yang satu dengan warna yang lain

Text and Shape Tool :

 Text Tool : digunakan untuk menempatkan teks pada layer yang aktif
 Line/Curve Tool : digunakan untuk menggambar garis lurus atau kurva pada layer yang aktif
 Shapes Tool : digunakan untuk menggambar bentuk yang tersedia
7. Layers Window

3
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 5 Layers Window

Layers window atau jendela layer berisi layer yang membangun suatu gambar. Ikon-ikon yang berada
pada bagian bawah jendela layer adalah :

 New layer : menambahkan layer baru, transparan tepat di atas layer yang aktif
 Delete layer : menghapus layer aktif dari jendela layer
 Duplicate layer : melakukan duplikasi dari active layer termasuk isi dan atributnya
 Merge layer down : menggabungkan layer yang digunakan dengan layer di bawahnya
 Move layer up : memindahkan layer yang aktif tepat di atasnya
 Move layer down : memindahkan layer yang aktif tepat di bawah posisinya
 Layer properties : berisi pengaturan dari layer

Gambar 6 Layer properties

8. Image List
menampilkan gambar-gambar yang digunakan.

4
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 7 Image List

9. History Window
Menampilkan setiap tindakan yang dilakukan pada gambar

Gambar 8 History Window

5
Perkenalan dengan [Link] [Modul TIK kelas 5]

10. Jendela warna (Colors Window)

Gambar 9 Colors Window

Terdiri atas :

 Primary/secondary color selector

Drop down list ini dapat memilih warna pertama atau kedua yang akan digunakan
 Tombol More>>
Membuka komposisi warna lebih detil dari warna pertama atau warna kedua yang
digunakan seperti gambar di bawah ini.

Gambar 10 More>> Color Window

6
Perkenalan dengan [Link] [Modul TIK kelas 5]

 Menampilkan foreground square sebagai warna utama dan background square sebagai
warna kedua
 Roda warna (color wheel) digunakan untuk memilih warna pada slot warna yang tersedia
 Control pallete digunakan untuk mengelola pallete
 Pallete digunakan untuk memiliih salah satu warna menjadi warna yang akan digunakan

Perbedaan antara gambar vector dan gambar raster

Gambar Raster atau Bitmap

[Link] merupakan salah satu aplikasi editor gambar raster, bukan gambar vektor. Gambar raster
adalah gambar yang tersusun dari beberapa pixel. Piksel adalah adalah picture element atau elemen
terkecil yang dapat dilihat oleh mata. Piksel disebut juga susunan kotak-kotak berwarna yang menyusun
sebuah gambar raster. Setiap gambar raster memiliki resolusi. Resolusi adalah kerapatan piksel yang
tersusun pada suatu gambar raster dalam satu inchi. Satuannya adalah dpi atau dot per inch. Semakin
besar resolusinya, maka kualitas gambarnya semakin detil dan semakin baik. Perhatikan gambar di
bawah ini. Tetapi ukuran file gambar tersebut akan semakin besar.

Gambar 11 Gambar raster

7
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 12 Dot Per Inch

Perhitungan Besar Gambar Raster

Gambar 13 Perhitungan besar gambar raster

8
Perkenalan dengan [Link] [Modul TIK kelas 5]

Perhatikan gambar di atas, gambar di atas disusun atas dengan lebar 7 piksel dan tinggi 6 piksel. Karena
1 piksel berupa data RGB yang tiap elemen warna 8 bit, maka 1 piksel 8x3 = 24 bit = 3 byte. Berarti
dengan ukuran 7x6x3 byte maka kira-kira ukuran file tersebut adalah 126 byte. Bayangkan jika ukuran
gambar adalah 1024 x 768 piksel.

Beberapa format gambar raster tidak memiliki metode kompresi sehingga membuat ukuran gambar
raster sangat besar seperti format BMP atau bitmap, dimana ukuran gambar 5184x3456 piksel dapat
berukuran lebih dari 54 MB.

Tetapi karena saat ini, sudah banyak ditemukan teknik kompresi maka gambar dengan ukuran piksel
diatas 5184x3456 dapat disimpan dengan ukuran sebesar 2 MB. Salah satu format gambar raster yang
mengimplementasikan teknik kompresi adalah JPG atau JPEG. Hal ini dilakukan dengan algoritma yang
dapat mengurangi informasi data dan kualitas gambar tapi tidak dapat dilihat mata manusia.

Beberapa format penyimpanan gambar raster antara lain adalah GIF,TIF, JPEG, PNG, BMP dan PSD.

Aplikasi pembuat gambar raster :

1. Paint shop pro

2. Corel photo paint
3. Paint (aplikasi bawaan windows)
4. Adobe photo deluxe
5. Adobe photoshop
6. [Link]

Gambar Vektor

Gambar 14 Gambar vektor

9
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar vektor didefinisikan dalam bentuk data informasi. Kira-kira isi data informasi gambar vektor
adalah :

 Koordinat tiap-tiap titik yang membentuk gambar

 Informasi garisnya, yaitu warna, ketebalan, jenis (garis solid, garis putus-putus)
 Warna gambar (warna solid, warna gradasi)

Adapun beberapa ciri dari gambar vektor adalah :

1. Memiliki sifat resolution-independent.

2. Gambar vektor merupakan gambar yang disusun dari objek geometris yang mana objeknya tersebut
dibuat dengan berdasarkan perhitungan matematis.
3. Ketika anda memperbesar gambar vektor, maka gambarnya tidak pecah maupun rusak.
4. Vektor memiliki ukuran penyimpanan yang lebih kecil.
5. Gambar vektor merupakan gambar yang dipakai untuk kebutuhan ilustrasi yang membentuk
geometris sederhana. Gambar vektor juga mempunyai warna solid dan warna gradasi yang tidak
terlalu banyak terdapat variasi warna.
6. Gambar vektor cocok digunakan untuk kebutuhan logo serta desain yang lebih berfokus pada
kesederhanaan suatu produk.

Perhitungan besar gambar vektor

Karena sifatnya yang resolution-independent alias tidak tergantung dimensi, maka walaupun diperbesar
menjadi beberapa kali lipat, ukurannya tetap sama atau tidak berbeda jauh.

Hal itu wajar saja terjadi karena yang berubah hanya data dimensi atau koordinat saja. Ketika
diperbesarpun tidak akan pecah-pecah.

Beberapa format gambar vektor antara lain ai, eps, svg,cdr dan pdf.

Aplikasi pembuat gambar vektor :

1. Corel Draw
2. Canvas 8
3. Adobe illustrator
4. Zoner draw
5. Creator House Expression

Isitlah Warna pada [Link]

10
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 15 Colors window

RGB

RGB merupakan singkatan dari Red, Green dan Blue. Warna ini merupakan warna yang ditampilkan di
layar monitor. Mode warna RGB paling baik digunakan dalam produk digital.

RGB terbentuk dari sebuah teori yang menyatakan bahwa semua warna bisa dihasilkan dengan
mencampur tiga buah warna utama atau warna dasar.

Cahaya langsung (direct light) adalah sinar yang terlihat apabila manusia melihat langsung ke sumber
cahaya, misalnya : matahari, lampu neon, televisi atau monitor komputer. Tiga buah warna pada cahaya
langsung adalah warna merah (Red), warna hijau (Green) dan warna biru (Blue) atau biasanya disingkat
RGB. Variasi yang diperoleh dengan menambahkan tiap elemen dari ketiga warna utama ini dapat
menghasilkan hampir semua warna yang dapat dilihat oleh manusia. Karena warna yang dihasilkan
merupakan hasil penambahan dari ketiga warna utama dalam intensitas yang berbeda, maka jenis
warna ini disebut sebagai warna additive (penambahan).

Persepsi Warna

 Hue merupakan parameter yang menentukan spektral warna yang dipilih, yang terdiri dari merah,
oranye, kuning, hijau, biru dan ungu. Pada umumnya hue digambarkan dalam sebuah lingkaran yang
disebut color wheel. Pada [Link], penggunaanya agak sedikit berbeda dimana penggambarannya
tidak berupa lingkaran tapi persegi empat dengan sebuah color picker.
 Saturation berfungsi untuk menentukan kuantitas dari hue yang diberikan pada suatu gambar.
Sebuah cahaya yang tidak mempunyai saturation berarti tidak mempunyai warna, dan biasa disebut

11
Perkenalan dengan [Link] [Modul TIK kelas 5]

sebagai achromatic. Penentuan saturation pada [Link] dilakukan dengan memindahkan pointer
yang berbentuk segitiga ke kiri dan ke kanan. Jangkauan saturation adalah dari angka 0-100.
 Brightness atau Value berfungsi untuk menentukan seberapa terang atau gelap suatu gambar, biasa
juga dikatakan sebagai variasi dari keabu-abuan, mulai dari putih sampai hitam.
Opacity merupakan pengaturan agar foto kelihatan transparan.

Aplikasi efek sederhana menggunakan [Link]

1. Membuat efek sunset di [Link]

1) Buka foto dengan cara klik File -> Open
2) Gandakan layer dengan cara pilih layers > Duplicate layer ( CTRL+Shift+D)
3) Pilih warna untuk efek sunset dengan cara pilih Primary pada menu dropdown kotak colors, klik
kotak more untuk pilihan warna yang lebih fleksibel . Untuk efek warna sunset, pilih warna
oranye pada lingkaran warna atau benda atau bisa langsung mengisikan nilai ec821a pada kotak
hex.
4) Fill foto dengan warna foreground /oranye.
Pastikan layar duplikat aktif dengan mengkliknya. Lakukan seleksi, pilih Edit>Select All, kemudian
pilih Edit>Fill Selection. Sekarang foto telah berwarna oranye.
Tekan tombol keyboard CTRL+D untuk menghilangkan seleksi. Pilih Layers>layer properties,
kemudian ubah blend modenya menjadi overlay, atur opacitynya dan ubah namanya menjadi
sunset. Klik ok.
2. Membuat bayangan
1) Buka foto dengan cara memilih menu File>Open, klik foto anda kemudian tekan tombol Open.
Klik menu Layers->Duplicate Layer. Double klik layer paling bawah untuk memanggil layer
properties, kemudian ubah namanya menjadi Refleksi.

Gambar 16 Refleksi

12
Perkenalan dengan [Link] [Modul TIK kelas 5]

2) Tambah ukuran kanvas dengan cara klik layer refleksi, pilih menu Image > Canvas Size. Tambah
ukuran tinggi/ height kanvas menjadi dua kali lipat. Pada anchor, klik Top, kemudian klik OK.

Gambar 17 Image Size

Gambar 18 Layer refleksi

3) Flip vertikal refleksi dengan cara klik layar refleksi kemudian pilih menu Layers > Flip Vertical.

13
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 19 Flip Vertical

4) Terapkan gradien dengan cara klik ikon gradient, kemudian pada option bar pilih Linear Gradient
dan Transparency Mode. Klik layer refleksi untuk memastikannya aktif kemudian terapkan
gradient dengan cara mengklik kemudian mendrag ke arah bawah sampai diperoleh efek refleksi
yang diinginkan.

Gambar 20 Gradient

14
Perkenalan dengan [Link] [Modul TIK kelas 5]

5) Dobel klik layer refleksi kemudian untuk menampilkan properties kemudian atur opacitynya.

Gambar 21 Opacity refleksi

6) Buat layer baru kemudian pindahkan ke posisi paling bawah dengan mengklik tombol panah
bawah.

Gambar 22 Posisi layer baru

7) Fill dengan warna putih dengan cara klik ikon paint bucket tool pada toolbox, kemudian tekan
tombol x keyboard hingga diperoleh warna primary berwarna putih. Pastikan layer latar aktif
kemudian tekan kanvas dengan paint bucket tool.

15
Perkenalan dengan [Link] [Modul TIK kelas 5]

Gambar 23 Fill warna putih layer terakhir

16