makalah komputer grafik · web viewelemen-elemen pembentuk grafik: geometri 2d titik . garis _____...
TRANSCRIPT
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