Makalah Komputer GrafikDOSEN NAHOT FRASTIAN, M.KOM

KELOMPOK 12SUGENG NOPRIANTO 201143501256HERI PRASETYO 201143501257ADE SETIAWAN 201143501209

2014

UNIVERSITAS INDRAPRASTA PGRI FALKUTAS TEKNIK MATEMATIKA, IPA DAN INFORMATIKA

2014

BAB 1PENDAHULUAN

1.1 PENGERTIAN KOMPUTER GRAFIKKomputer Grafik adalah suatu proses pembuatan, penyimpanan dan

manipulasi model dan citra. Model berasal dari beberapa bidang seperti fisik,

matematik, artistik dan bahkan struktur abstrak.

Istilah ”Grafik Komputer” ditemukan tahun 1960 oleh William Fetter:

pembentukan disain model cockpit (Boeing) dengan menggunakan pen plotter dan

referensi model tubuh manusia 3 Dimensi.

Sistem interaktif grafik pertama, Sketchpad, ditemukan oleh Ivan

Sutherland (1963) di MIT.

2

1.2 SEJARAH PERKEMBANGAN KOMPUTER GRAFIK Awal tahun 60-an dimulainya model animasi dengan menampilkan simulasi

efek fisik.

•1961: Edward Zajac menyajikan suatu model simulasi satelit dengan

menggunakan teknologi Grafik Komputer.

•1963 : -ditermukan Sutherland (MIT)

-Sketchpad (manipulasi langsung, CAD)

-Alat untuk menampilkan Calligraphic (vector)

-Mouse oleh Douglas Englebert

•1968 : ditemukan Evans & Sutherland.

•1969 : Journal SIGGRAPH pertama kali diterbitkan

•1970: Pierre B´eezier mengembangkan kurva B´eezier.

•1971: ditemukan Gouraud Shading,

•1972: ditayangkannya filmWestworld, sebagai film pertama yang menggunakan

animasi komputer.

•1974: Ed Catmull mengembangkan z-buffer (Utah). Komputer animasi pendek,

Hunger:Keyframe animation and morphing

•1976: Jim Blinn mengembangkan texture dan bump mapping.

•1977: Film terkenal Star Wars menggunakan grafik komputer

•1979: Turner Whitted mengembangkan algoritma ray tracing,untuk pesawat

Death Star.

•Pertengahan tahun 70-an hingga 80-an: Pengembangan Quest for realism

radiosity sebagai main-stream aplikasi realtime.

•1982: Pengembangan teknologi grafik komputer untuk menampilkan partikel.

•1984: Grafik Komputer digunakan untuk menggantikan model fisik pada film

The Last Star Fighter.

•1986: Pertama kalinya Film hasil produksi grafik komputer dijadikan sebagai

nominasi dalam Academy Award: Luxo Jr. (Pixar).

•1989: Film Tin Toy (Pixar) memenangkan Academy Award.

•1995: Diproduksi fillm Toy Story (Pixar dan Disney) sebagai film3D animasi

panjang pertama

3

•Akhir tahun 90-an, ditemukannya teknologi visualisasi interaktif untuk ilmu

pengetahuan dan kedokteran, artistic rendering, image based rendering, path

tracing, photon maps, dll.

•Tahun 2000 ditemukannya teknologi perangkat keras untuk real-time

photorealistic rendering.

1.3 KONSEP DASAR KOMPUTER GRAFIKKegiatan yang terkait dengan Komputer Grafik:

1. Pemodelan Geometris

Menciptakan model matematika dari objek-objek 2D dan 3D.

2. Rendering

Memproduksi citra yang lebih solid dari modelyang telah dibentuk.

3. Animasi

Menetapkan/menampilkan kembali tingkah laku objek bergantung

waktu.

1.4 PEMODELAN GEOMETRISTransformasi dari suatu konsep (atau suatu benda nyata) ke suatu model

geometris yang bisa ditampilkan pada suatu komputer :

– Shape/bentuk

– Posisi

– Orientasi (cara pandang)

– Surface Properties / Ciri-ciri Permukaan (warna, tekstur)

– Volumetric Properties / Ciri-ciri volumetric (ketebalan/pejal, penyebaran

cahaya)

– Lights/cahaya (tingkat terang, jenis warna)

– Jala-Jala segi banyak: suatu koleksi yang besar dari segi bersudut banyak,

dihubungkan satu sama lain.

– Bentuk permukaan bebas: menggunakan fungsi polynomial tingkat rendah.

– CSG: membangun suatu bentuk dengan menerapkan operasi boolean pada

bentuk yang primitif.

4

Elemen-elemen pembentuk Grafik:

1) Geometri 2D

Titik .

Garis ___________

Polygon

Kurva

Lingkaran

2) Geometri 3D

Dasar Matematika yang Diperlukan dalam Grafik Komputer

–Geometry (2D, 3D)

–Trigonometry

–Vector spaces: Points, vectors, dan koordinat

–Dot dan cross products

5

BAB 2MENGENAL APLIKASI GRAFIS

COREL DRAW 12

2.1 PENGERTIAN APLIKASI GRAFIS COREL DRAW 12Coreldraw12 adalah sebuah aplikasi grafis berbasis vector.

Format vector adalah gambar yang membentuk sejumlah objek garis dan

objek kurva berdasarkanrumusan matematis. Format vector lebih banyak

digunakan untuk membetnuk objek  buatan, seperti menggambar objek dua

demensi, yang lebih ditekankan ke dalam pembuatan objek garis, lingkaran,

polygon dan persegi panjang. Sedangkan untuk objek tiga dimensi, lebih

ditekankan ke dalam pembuatan : bola, kubus dan tabung.Objek vector, banyak

digunakan dalam pembuatan pengolahan teks dan logo.Software yang banyak

berhubungan dengan format vector yaitu CorelDraw, freehand, dan lain-

lain.Ruang penyimpanan format vector relafitf lebih kecildibandingkan dengan

format bitmap.

2 .2 APLIKASI GRAFIS COREL DRAW 12Memulai Program Corel Draw12 adalah seperti dibawah ini:

- klik Start

- masuk ke menu Program pilih Corel Graphic Suite

- kilk Corel Draw

Tampilan membuka program ini dapat diilihat pada gambar berikut ini :

6

Setelah anda membuka program corel draw maka akan tampil tampilan

awal dari layar corel draw berikut ini :

Akan tampil pada layar beberapa pilihan yang digunakan untuk membuka

program sebagai berikut :

7

Menu yang bisa dipilih adalah :

New Graphic : digunakan untuk membuka ruang kerja baru.

Open Last Edited : untuk mengaktifkan file yang sebelumnya telah dibuat

atau dibuka.

Open Graphic : untuk mengaktifkan file yang teleh tersimpan pada

memory/ disk

Template : untuk mengaktifkan desain template yang telah tersedia/

disediakan di dalam program CorelDraw

Corel Tutor : untuk mengaktifkan tutorial interaktif yang ada/ terinstal

dalam program CorelDraw.

What’s New? : untuk mengetahui fasilitas terbaru apa saja yang

ditawarkan oleh CorelDraw Versi terbaru ini dibandingkan dengan versi

sebelumnya.

Show this welcome sreen at startup :

Perintah ini digunakan untuk memilih apakah menu welcome screen ini

akan ditampilkan saat membuka program atau tidak.

Apabila anda menginginkan untuk memulai dari ruang kerja baru maka

pilih New Graphic, dan tampilan akan berubah menjadi tamilan ruang

kerja baru dimana belum ada objek satupun yang tergambar di dalam Page

seperti tampilan berikut ini :

8

TOOL BOX

Pada toolbox terdapat berbagai peralatan untuk menggambar atau membuat

desain. Ikon-ikon yang tampil hanyalah sebagian dari yang ada. Untuk melihat

ikon-ikon yang tersembunyi, klik pada ikon dengan durasi waktu yang agak lama,

maka akan tampil ikon-ikon yang tersembunyi. Berikut ini tampilan ikonnya :

9

1. Pick Tool = Untuk menyeleksi, mengubah ukuran, dan juga memutar arah

objek gambar.

2. Shape Edit

a) Shape : Menyunting bentuk objek gambar.

b) Smudge Brush : Mengubah / mendistorsi keseluruhan gambar dengan

menarik garis tepinya.

c) Roughen Brush : Mengubah / mendistorsi keseluruhan outline bentuk

gambar dengan menarik garis tepinya.

d) Free Transform Tools : Mengubah objek gambar menggunakan

rotasi(pemutaran posisi) bebas, rotasi sudut, mengubah ukuran dan, dan juga

memiringkan bentuk gambar.

3. Crop Tool

a) Crop : Menghilangkan bagian yang tidak diinginkan dalam objek.

b) Knife : Mengubah / mendistorsi keseluruhan gambar dengan menarik garis

tepinya.

c) Erase : Menghapus area dalam gambar.

10

d) Virtual Segment Delete : Menghapus suatu bagian objek yang berada dalam

persinggungan (interseksi).

4. Zoom

a) Zoom : Mengubah perbesaran gambar dalam jendela gambar.

b) Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar.

5. Curve

a) Freehand : Menggambar segmen atau kurva dalam bentuk garis tunggal.

b) Bezier : Menggambar kurva dalam bentuk garis tunggal per titik (node).

c) Artistic Media Tool : Memunculkan fungsi pembuat bentuk(pena), seperti

brush(efek kuas dengan pola pulasan tertentu), Sprayer(efek cat semprot),

Calligraphic(efek pena kaligrafi), dan Pressure(efek pena teknik yang akan

membentuk garis tepi tanpa lengkung).

d) Pen : Menggambar kurva dalam sebuah segmen pertitik(node).

e) Polyline : Menggambar garis dan kurva dalam modus preview.

f) 3 Point Curve : Menggambar kurva dengan menentukan titik awal dan akhir,

lalu titik pusat kurva.

g) Interactive Connector : Menggabungkan dua objek dengan sebuah garis.

h) Dimension : Menggambar garis secara vertical, horizontal, bersudut, dan

miring.

6. Smart Tools

a) Smart Fill : Untuk menciptakan objek dari sebuah area lalu mengisikannya

dengan warna atau tekstur.

b) Smart Drawing : Untuk mengubah coretan pointer yang anda gambar ke

bentuk dasar atau bentuk yang wujudnya lebih halus.

11

7. Rectangle

a) Rectangle : Untuk membentuk segi dan kotak.

b) 3 Point Rectangle : Untuk membentuk segi dan kotak dengan menyusunnya

per titik.

8. Ellipse

a) Ellipse : Untuk menggambar elips dengan lingkaran.

b) Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar.

9. Object

a) Polygon : Untuk membentuk polygon dan bintang secara simetris.

b) Star : Untuk membentuk bintang.

c) Complex Star : Untuk membentuk bintang dengan bentuk yang lebih kompleks

dengan persinggungan sudut.

d) Graph Paper : Untuk membentuk serupa tabel atau susunan kotak-kotak seperti

pada kertas gambar teknik.

e) Spiral : Untuk membentuk spiral(per) secara simetris dan logaritmis.

10. Perfect Shapes

a) Basic Shapes : Menyediakan aneka bentuk jadi seperti segidelapan, smiley

face, hingga segitiga.

b) Arrow Shapes : Untuk memudahkan menggambar bentuk tanda panah dengan

aneka variasi bentuk, arah, dan jumlah kepala panah.

c) Flowchart Shapes : Untuk memudahkan menggambar bentuk

flowchart(bagan).

d) Banner Shapes : Untuk memudahkan menggambar bentuk pita dan symbol

ledakan.

e) Callout : Untuk memudahkan menggambar bentuk balon bicara dan label.

11. Text Tool = Untuk membuat teks langsung di area gambar baik yang

berfungsi sebagai teks artistic maupun keterangan.

12

12. Interactive Tools

a) Interactive Blend : Untuk membentuk segi dan kotak

b) Interactive Contour : Untuk membentuk segi dan kotak dengan menyusunnya

per tit

c) Interactive Distortion : Untuk mendistorsi objek secara push/pull, zipper, dan

twister.

d) Interactive Drop Shadow : Untuk menyisipkan bayangan ke dalam objek.

e) Interactive Envelope : Untuk mengubah bentuk objek dengan menarik

titik(node) pada outline.

f) Interactive Extrude : Untuk membentuk ilusi kedalaman pada objek.

g) Interactive Transparency : Untuk menyisipkan efek transparan pada objek.

13. Eyedropper

a) Eyedropper : Untuk menyeleksi dan menyalin property yang terkait dari

sebuah objek, seperti warna(isi dalam objek), garis, ketebalan garis, ukuran, dan

efek.

b) Paintbucket : Untuk menerapkan property yang terkait dari sebuah objek,

seperti warna(isi dalam objek), garis, ketebalan garis, ukuran, dan efek; yang

diambil lewat eyedropper tool, ke objek lainnya.

14. Outline

a) Outline Pen Dialog : Untuk mengakses boks dialog outline pen.

b) Outline Color Dialog : Untuk mengakses boks dialog pengaturan warna

outline.

c) No Outline : Untuk menghilangkan outline dari sebuah objek.

d) ½ Point Outline : Untuk membentuk ketebalan garis ½ point.

e) 1 Point Outline : Untuk membentuk ketebalan garis 1 point.

f) 2 Point Outline : Untuk membentuk ketebalan garis 2 point.

g) 8 Point Outline : Untuk membentuk ketebalan garis 8 point.

h) 16 Point Outline : Untuk membentuk ketebalan garis 16 point.

i) 24 Point Outline : Untuk membentuk ketebalan garis 24 point.

13

j) Color Docker Window : Untuk membuka docker untuk pengaturan warna dan

outline objek.

15. Fill Tools

a) Fill Color Dialog : Untuk mengakses boks dialog pengaturan cat(pengisi

bagian dalam objek) dari sebuah objek.

b) Fountain Fill Dialog : Untuk mengakses boks dialog pengisi warna dan gradasi

ke dalam objek.

c) Pattern Fill Dialog : Untuk mengakses boks dialog pengisi pola ke dalam

objek.

d) Texture Fill Dialog : Untuk mengakses boks dialog pengisi tekstur ke dalam

objek.

e) Post Script Fill Dialog : Untuk mengakses boks dialog pengisi gambar post-

script ke dalam objek.

f) No Dialog : Untuk menghilangkan unsur pengisi dari sebuah objek.

g) Color Docker Window : Untuk membuka docker untuk pengaturan warna dan

outline objek. 16. Interactive Fill

a) Interactive Fill : Untuk mengisi aneka fill(pengisi objek) ke dalam sebuah

objek.

b) Interactive Mesh : Untuk menerapkan garis-garis jejaring pada objek.

14

BAB 3TUTORIAL LOGO TELKOMSEL

DAN KARTU NAMA

3.1 TUTORIAL MEMBUAT LOGO TELKOMSELA. Membuat objek segienam Telkomsel, berikut langkahnya:

1. Buka Aplikasi Correl Draw, kali ini saya menggunakan CorelDraw 12

2. Klik Graph paper tool pada toolbar di left sidebar dan pilih polygon tool

15

3. Buatlah objek segienam

4. Miringkan objek segienam tersebut sekitar 35o dan warnai dengan warna abu-

abu 50%;

16

Hilangkan line dengan klik F12 atau outline pen dialog pada toolbar di left sidebar

5. Copy segienam tersebut dan pisahkan dua segienam tersebut seperti gambar di

bawah, warnai hasil copy segienam tadi dengan warna merah

B. Membuat lingkaran yang melingkupi objek segi enam tersebut, berikut

langkahnya:

1. Klik Elips tool pada toolbar di left sidebar

17

2. Buatlah lingkaran elips

3. Copylah lingkaran elips tersebut menjadi dua dan kecilkan sedikit objek elips

yang anda copy tadi kemudian letakkan objek elips ke dua tepat di bawah

objek elips yang pertama seperti gambar di bawah ini:

18

4. Lalu kita akan memotong bagian yang membentuk perpotongan pada kedua

elips tersebut dengan menggunakan back minus front menu pada menu bar

atas.

5. Beri warna abu-abu terang (30%) pada objek elips yang terpotong dan warna

abu-abu terang (30% black) pada objek elips yang terpotong dan hilangkan

line dengan cara yang sama seperti langkah 4, letakkan objek elips yang

terpotong teresebut pada objek segienam gandakan objek yang terpotong

tersebut dan atur posisi seperti berikut ini:

19

6. Kemudian kita akan membuat perpotongan antara objek elips yang terpotong

dengan objek segienam merah, caranya adalah:

Klik objek segienam merah kemudian dengan menekan shift secara bersamaan

klik objek elips horizontal kemudian pilih intersection pada menu bar atas,

dan beri warna putih pada hasil perpotongan.

Klik objek segienam merah kemudian dengan menekan shift secara

bersamaan klik objek elips vertical kemudian pilih intersection pada menu

bar atas, dan beri warna putih pada hasil perpotongan.

20

Hasil akhirnya adalah seperti dibawah ini:

7. Tambahkan tulisan TELKOMSEL dengan arial, bold, italic.

Demikian LOGO TELKOMSEL berhasil dibuat……!!!!!

21

3.2 TUTORIAL MEMBUAT KARTU NAMA

22

DAFTAR PUSTAKA

Lecturer Information

Internet Source

23