Perancangan dan Realisasi Metamorfosis Dari Dua Buah Gambar Digital.

(1)

i

Universitas Kristen Maranatha

PERANCANGAN DAN REALISASI METAMORFOSIS DARI DUA BUAH GAMBAR DIGITAL

Angki Dwi Saptani / 0322095 Email : ang_kiDS25@yahoo.com

Jurusan Teknik Elektro, Fakultas Teknik, Universitas Kristen Maranatha,

Jl. Prof.Drg.Suria Sumantri, MPH No.65, Bandung 40164, Indonesia.

ABSTRAK

Dalam pembuatan sebuah film, ada banyak spesial efek yang ditambahkan

ke dalam sebuah film untuk menghasilkan suatu film yang lebih bagus. Salah satu

spesial efek yang digunakan adalah morphing, yaitu suatu efek yang menunjukkan

suatu objek diubah perlahan – lahan menjadi objek lain. Sebelum digunakannya

komputer, pada pembuatannya efek ini dilakukan dengan cara yang tradisional

dengan waktu yang cukup lama dan hasil yang kurang memuaskan.

Tugas akhir ini membahas realisasi pembuatan efek morphing dengan

menggunakan Visual Basic 6.0 untuk beberapa metode. Metode yang digunakan

dalam pembuatan metamorfosis ini adalah metode pergeseran rata – rata, metode

pergeseran logaritma, dan metode alpha blending.

Hasil pengujian perancangan perangkat lunak ini menunjukkan bahwa dari

metode – metode tersebut yang memiliki hasil yang disukai oleh responden adalah

teknik pergeseran rata – rata.

Kata kunci : morphing, pergeseran rata – rata, pergeseran logaritmik, alpha

(2)

ii

DESIGN AND REALIZATION FOR METAMORPHOSIS FROM TWO DIGITAL IMAGES

Angki Dwi Saptani / 0322095 Email : ang_kiDS25@yahoo.com

Departement Of Electrical Engineering, Maranatha Christian University.

Jl. Prof.Drg.Suria Sumantri, MPH No.65, Bandung 40164, Indonesia.

ABSTRACT

In the making of a film, there were many special effect that was added in a

film to produce a better film. Some special effect that was used morphing, that is

an effect that showed an object was changed slowly became the another object.

Before the use computer, in that production this effect was carried out by means

of that was traditional with time that for quite a long time with more

unsatisfactory results.

This final project discussed about realization the production of the effect

morphing by using Visual Basic 6.0 for several methods. The method that was

used in the production of this metamorphosis was average transition method,

logarithm transition method, and the method alpha blending.

Results of the testing of this software design showed that from the

methods that had results that were liked by the respondent was technical the

average transition.

(3)

iii

KATA PENGANTAR

Pertama – tama penulis panjatkan puji dan syukur kepada Tuhan Yang

Maha Esa yang telah melimpahkan karunia dan rahmat-Nya serta kekuatan lahir

dan batin kepada penulis, sehingga penulis dapat menyelesaikan tugas akhir yang

berjudul “Perancangan Metamorfosis dari Dua Buah Gambar Digital”. Tugas akhir ini dibuat untuk memenuhi persyaratan program studi Strata-1 di Jurusan

Teknik Elektro Fakultas Teknik Universitas Kristen Maranatha.

Dalam penyusunan dan penyelesaian skripsi ini, penulis telah banyak

mendapat bantuan moril dan materil, serta bimbingan dan dorongan dari berbagai

pihak. Pertama-tama penulis ucapkan terimakasih yang sebesar-besarnya kepada

Ir. Aan Darmawan, MT., selaku dosen pembimbing yang dengan penuh kesabaran

dan ketulusan telah memberikan pengarahan, dorongan dan bimbingan kepada

penulis.

Pada kesempatan ini perkenankan penulis untuk mengucapkan terimakasih

kepada :

1. DR. Ir. Daniel Setiadikarunia, MT., selaku Ketua Jurusan Teknik Elektro

Universitas Kristen.

2. Ir.Anita Supartono, M.Sc., selaku Koordinator Tugas Akhir Jrusan Teknik Elektro

Universitas Kristen Maranatha.

3. DR. Ratnadewi, ST., MT., Novie T. Pasaribu, ST., MT. dan Heri Andrianto,

ST., MT. selaku dosen penguji Tugas Akhir yang sudah banyak membantu

penulis dalam memberikan masukan dan saran.

4. Ir. Audyati Gani, selaku Dosen Wali yang telah memberikan saran dan

masukan selama masa perkuliahan.

5. Seluruh staf Dosen Jurusan Teknik Elektro Universitas Kristen Maranatha,

yang telah membimbing dan memberi bekal ilmu pengetahuan yang sangat

berharga selama penulis mengikuti perkuliahan.

6. Seluruh staf TU dan karyawan di Jurusan Teknik Elektro Universitas Kristen

(4)

iv

7. Keluarga penulis khususnya orang tua penulis untuk do’a, kasih sayang,

dorongan moral dan materiil serta perhatiannya selama ini.

8. Kurnia Safitri, SS., MBA., kakak tersayang atas dukungan dan dorongannya.

9. Ivin Gloria S., Roulina Francisca A, Diah Ayu Oktavia, Noviani Krisnadi dan

Hilda Fitriani terima kasih untuk menjadi sahabat yang selalu membantu,

memberi nasehat, memberi perhatian dan pengertiannya.

10.Yogi, Rubin, Nurjani, Yudhis, rizky, martin, ardy, galih, hemi, david, jong,

windu, yohanes, paskal, agus, inggar, dan made, teman – teman yang telah

mau menjadi sahabat yang paling baik dalam memberikan perhatian dan

dukungan.

11.Seluruh Mahasiswa Elektro khususnya angkatan 2003 yang telah memberikan

perhatian dan bantuannya.

12.Semua pihak yang telah membantu secara langsung maupun tidak langsung

selama proses penyusunan skripsi ini

Semoga segala bantuan dalam bentuk apapun, dijadikan sebagai amal

sholeh dan mendapat balasan dari Tuhan YME. Amin.

Penulis menyadari sepenuhnya bahwa masih banyak kekurangan dan

kesalahan di dalam penulisan tugas akhir ini. Oleh karena itu, penulis

mengharapkan saran dan kritik yang membangun sehingga dapat

menyempurnakan laporan tugas akhir ini.

Akhir kata penulis berharap, semoga laporan tugas akhir ini dapat

bermanfaat bagi semua pihak yang diberi kesempatan membaca dan

mendalaminya.

Bandung, September 2008

(5)

v

DAFTAR ISI

ABSTRAK ………. i

ABSTRACT ………... ii

KATA PENGANTAR ……… iii

DAFTAR ISI ……….. v

DAFTAR GAMBAR ………. vii

DAFTAR TABEL ………. ix

BAB I PENDAHULUAN ………... 1

1.1 Latar Belakang ……….. 1

1.2 Perumusan Masalah ……….. 1

1.3 Tujuan ………... 1

1.4 Pembatasan Masalah ………. 1

1.5 Sistematika Penulisan ………... 2

BAB II LANDASAN TEORI ………. 3

2.1 Pengolahan Citra ………... 3

2.1.1 Elemen – Elemen Citra Digital ……… 3

2.1.2 Citra Berwarna ……….. 4

2.2 Teknik Morphing ……….. 5

2.2.1 Teknik Morphing dengan Metoda Pergeseran Rata – Rata ……….. 5

2.2.2 Teknik Morphing dengan Metoda Pergeseran Logaritmik ………... 6

2.2.3 Teknik Morphing dengan Metoda Alpha Blending ………. 6

2.3 Teori Kriteria Kualitas Gambar ……… 7

2.4 Microsoft Visual Basic 6.0 ………... 9

2.4.1 GDI32 ………... 11

BAB III PERANCANGAN DAN REALISASI ………. 13

3.1 Perancangan Antar Muka Pemakai (User Interface) ……… 14

(6)

vi

3.3 Perancangan Pergeseran Rata – Rata ……… 16

3.4 Perancangan Pergeseran Logaritmik ……….17

3.5 Perancangan Alpha Blending ……… 18

3.6 Perancangan pada Gif Animator ………... 19

3.7 Formulir Survey ……… 22

BAB IV DATA PENGAMATAN………. 23

4.1 Pengujian User Interface ... 23

4.2 Hasil Pengujian Perangkat Lunak ………. 23

4.2.1 Hasil Pengujian Perangkat Lunak Pergeseran Rata – Rata ……….. 25

4.2.2 Hasil Pengujian Perangkat Lunak Pergseran Logaritmik …………. 35

4.2.3 Hasil Pengujian Perangkat Lunak Alpha Blending ……….. 45

4.3 Pengamatan Hasil Survey ………. 55

BAB V KESIMPULAN DAN SARAN ……….. 56

5.1 Kesimpulan ………... 56

5.2 Saran ………. 56

(7)

vii

DAFTAR GAMBAR

Gambar 2.1 Definisi nilai warna pada citra ………. 4

Gambar 2.2 Komposisi Warna RGB ………... 5

Gambar 2.3 Tampilan awal lembar kerja Visual Basic 6.0 ………. 9

Gambar 3.1 Blok diagram alir proses metamorfosis ………... 13

Gambar 3.2 Tampilan program antar muka ………. 14

Gambar 3.3 Diagram alir pergeseran rata- rata ………17

Gambar 3.4 Diagram alir pergeseran logaritmik ………. 18

Gambar 3.5 Diagram alir alpha blending ……….19

Gambar 3.6 Tampilan awal gif banner maker ………. 20

Gambar 3.7 Tampilan setelah memasukkan gambar ………... 20

Gambar 3.8 Tampilan mengubah frame interval ………. 21

Gambar 3.9 Tampilan animasi metamorfosis yang telah dibuat …………. 21

Gambar 3.10 Formulir survey ……… 22

Gambar 4.1 Tampilan pengujian perangkat lunak ………... 23

Gambar 4.2 Sampel gambar yang digunakan ……….. 24

Gambar 4.13 Hasil pengujian pergeseran logaritmik test gambar 1 ……….. 35

(8)

viii

Gambar 4.22 Hasil pengujian pergeseran logaritmik test gambar 10 ……… 44

Gambar 4.23 Hasil pengujian alpha blending test gambar 1……… 45

Gambar 4.24 Hasil pengujian alpha blending test gambar 2 ……….. 46

Gambar 4.26 Hasil pengujian alpha blending test gambar 4 ………... 48

(9)

ix

DAFTAR TABEL

Tabel 2.1 Nilai rating ………... 8

Tabel 3.1 Objek dan properti ………... 14

Tabel 4.1 Hasil jumlah skor survey ………. 55

(10)

A - 1

LISTING PROGRAM

'declarations

'get pixel for looking at pixel values

Private Declare Function GetPixel Lib "gdi32" (ByVal hdc As Long, ByVal x As

Long, ByVal y As Long) As Long

'set pixel for drawing pixels

Private Declare Function SetPixel Lib "gdi32" (ByVal hdc As Long, ByVal x As

Long, ByVal y As Long, ByVal crColor As Long) As Long

Private Declare Function BitBlt Lib "gdi32" (ByVal hDestDC As Long, ByVal x

As Long, ByVal y As Long, ByVal nWidth As Long, ByVal nHeight As Long,

Dim FinishR(0 To 200, 0 To 200) As Single

(11)

A - 2

Dim FinishB(0 To 200, 0 To 200) As Single

'these store the RGB of every pixel

Dim R(0 To 200, 0 To 200) As Single

Dim G(0 To 200, 0 To 200) As Single

Dim B(0 To 200, 0 To 200) As Single

Dim Warna As Long

Dim StartCol As RGBcolor

Dim EndCol As RGBcolor

Dim dR As Integer

Dim dG As Integer

Dim dB As Integer

Public Steps As Byte

Private Sub Command1_Click()

CommonDialog1.ShowOpen

Picture1.Picture = LoadPicture(CommonDialog1.FileName)

Picture3.Picture = Picture1.Picture

End Sub

CommonDialog2.ShowOpen

Picture2.Picture = LoadPicture(CommonDialog2.FileName)

(12)

A - 3

Private Sub Command3_Click() ` PERGESERAN RATA-RATA

'jumlah banyaknya transisi

ProgressBar1.Value = 0

Steps = 50

'now loop through every pixel and find the difference between

'the start and end values, and then the step values

For x = 0 To 200

'nilai RGB pada gambar 2 (gambar akhir)

(13)

A - 4

dR = StartCol.R - EndCol.R

End If

'menghitung selisih nilai hijau gambar awal dan gambar akhir

If EndCol.G > StartCol.G Then

'menghitung selisih nilai biru gambar awal dan gambar akhir

If EndCol.B > StartCol.B Then

'membagi nilai hasil selisih dengan banyaknya step

(14)

A - 5

sI = App.Path & "\PergeseranRata2-" & i & ".jpg"

SavePicture Picture3.Image, sI

ProgressBar1.Value = ProgressBar1 + 2

Private Sub Command4_Click() ' PERGESERAN LOGARITMIK

Steps = 50

'now loop through every pixel and find the difference between

'the start and end values, and then the step values

(15)

A - 6

'menampilkan hasil pada invisible picturebox

(16)

A - 7

BitBlt Picture4.hdc, 0, 0, 200, 200, PB.hdc, 0, 0, vbSrcCopy

sI = App.Path & "\PergeseranLogaritma-" & i & ".jpg"

Private Sub Command5_Click() ' ALPHA BLENDING

Steps = 50

'menghitung nilai alpha

Alpha = 1 / Steps

'menginisialisasi current alpha untuk setiap proses

CurrAlpha = 0

For x = 0 To 200

For y = 0 To 200

'nilai RGB pada gambar awal

Warna = GetPixel(Picture1.hdc, x, y)

StartCol.R = Warna And RGB(255, 0, 0)

StartCol.G = Int((Warna And RGB(0, 255, 0)) / 256)

(17)

(18)

A - 9

sI = App.Path & "\AlphaBlending-" & i & ".jpg"

MsgBox "Angki Dwi Saptani", , "0322095"

End

(19)

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam pembuatan sebuah film, ada banyak spesial efek yang ditambahkan

ke dalam sebuah film untuk menghasilkan film yang lebih bagus. Sebelum

berkembangnya teknologi komputer, untuk membuat efek dalam film dilakukan

dengan cara yang tradisional, yaitu dengan cara menyisipkan gambar – gambar

perubahan diantara gambar asal dan gambar akhir. Tetapi dengan cara ini dalam

pembuatannya membutuhkan waktu yang cukup lama dengan hasil yang kurang

memuaskan.

Seiring dengan berkembangnya teknologi, untuk melakukan efek – efek

dalam film sehingga lebih baik maka dilakukan efek morphing atau morfologi,

yaitu suatu efek yang menunjukkan suatu objek / gambar diubah perlahan – lahan

menjadi objek / gambar lain. Untuk merancang efek morphing ini terdapat

beberapa algoritma yang dapat digunakan. Dalam Tugas Akhir ini, aplikasi akan

dibuat dengan menggunakan bahasa pemrograman Visual Basic 6.0.

1.2 Perumusan Masalah

Bagaimana cara merancang dan merealisasi metamorfosis dari dua buah

gambar digital?

1.3 Tujuan

Merancang dan merealisasi perangkat lunak untuk metamorfosis dari dua

buah gambar digital, dengan menggunakan 3 metode yang berbeda yaitu

pergeseran rata – rata, pergeseran logaritmik, dan alpha blending.

1.4 Pembatasan Masalah

1. Metode yang digunakan adalah metode pergeseran rata – rata,

(20)

2

2. Banyaknya hasil 50 sequence gambar.

3. Gambar 1 dan gambar 2 berukuran sama 200 pixel x 200 pixel dan

berformat RGB (24 bit).

1.5 Sistematika Penulisan

Sistematika pembahasan laporan tugas akhir ini disusun menjadi lima bab,

yaitu sebagai berikut :

Bab I : Pendahuluan

Bab ini membahas tentang latar belakang, identifikasi masalah, tujuan,

pembatasan masalah, serta sistematika pembahasan.

Bab II : Dasar Teori

Bab ini membahas tentang landasan teori teori yang mendasari proses

perancangan metamorfosis dari dua gambar digital.

Bab III : Perancangan dan Realisasi

Bab ini membahas tentang perancangan dan realisasi perangkat lunak

untuk metamorfosis dari dua buah gambar digital.

Bab IV : Data Pengamatan dan Analisa

Bab ini membahas pengamatan, pengujian, dan analisa data dari

perangkat lunak yang telah dirancang dan direalisasikan.

Bab V : Kesimpulan dan Saran

Bab ini berisi tentang kesimpulan dan saran untuk perbaikan serta

(21)

BAB V

KESIMPULAN DAN SARAN

5. 1 Kesimpulan

1. Perancangan program metamorfosis dari dua buah gambar digital

telah dapat direalisasikan dengan menggunakan 3 metode yang

berbeda yaitu: pergeseran rata – rata, pergeseran logaritmik, dan alpha

blending.

2. Pada pengujian terhadap 10 pasang gambar, rata – rata maksimum

nilai MOS yang di dapat adalah 4.4 pada proses metamorfosis

menggunakan metode pergeseran rata – rata, ini menunjukkan bahwa

metode pergeseran rata – rata lebih disukai oleh responden

dibandingkan dengan menggunakan metode alpha blending dan

pergeseran logaritmik.

5. 2 Saran

Mengembangkan algoritma morphing yang ada untuk melakukan

(22)

DAFTAR PUSTAKA

[1]. Basuki, Achmad, Pengolahan Citra Digital Menggunakan Visual Basic,

Yogyakarta : Graha Ilmu, 2005.

[2]. Daryanto, Belajar Komputer Visual Basic, Bandung : Yrama Widya, 2003.

[3]. Madcoms, Panduan Pemrograman dan Referensi Kamus Visual Basic 6.0,

Yogyakarta : Andi, 2005.

[4]. Munir, Rinaldi, Pengolahan Citra Digital dengan Pendekatan Logaritmik,

Bandung : Penerbit Informatika, 2004.

[5]. www.eepis-its.edu/~basuki/lecture/sesi1citra.pdf

[6] www.home.unpar.ac.id/~integral/Volume%209/Integral%209%20No.%201/

Morphing%20Dua%20Dimensi.pdf

[7]. www.idhaclassroom.com/download/pengolahancitra/

Pengolahan%20Citra.pdf

[8]. www.informatika.org/~rinaldi/Buku/Pengolahan%20Citra%20Digital/

Bab1_Pengantar%20Pengolahan%20Citra.pdf

[9]. www.msdn.microsoft.com/en-us/library/ms532304(VS.85).aspx

[10]. www.msdn.microsoft.com/en-us/library/ms532278(VS.85).aspx

[11]. www.total.or.id/info.php?kk=bit%20block%20transfer

[12]. www.wikipedia.org/wiki/aboutalphablending.mht