MODUL KOMPUTER GRAFIS DISUSUN OLEH: AMIR F. SOFYAN, ST

Transkripsi

1 MODUL KOMPUTER GRAFIS DISUSUN OLEH: AMIR F. SOFYAN, ST JURUSAN SISTEM INFORMASI PROGRAM STUDI S-1 STMIK AMIKOM YOGYAKARTA 2004

2 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 1 1. Prospek Karir dalam Bidang Komputer Grafis Peluang karir Graphic designer Art director Creative director Motion graphic designer Digital imaging artist Illustrator Web designer System analyst Informatioon architect Multimedia designer Rich media specialist 3d modeller Texture/ background artist Lighting/ rendering specialist Digital animator Games/ effects programmer Visual effects specialist Compositing/ editing specialist Production designer Producer Industri Graphic design company Advertising agency In-house creative department Publishing: magazine, book, newspaper Photography: professional lab, Prepress and printing company digital imaging Production house Post production house Web design company Dot com company In-house web department Multimedia: CD, DVD Broadcast industry: TV Film industry Game Studio Produk Internet product marketing Multimedia presentation Digital brochures Product demonstration E-commerce promotions Direct mail campaigns Product launches Event promotions/ special event promotions Digital catalogs Grand openings Virtual tours Trade show presentations Concert tours Company information/ corporate profile Software demonstration Annual reports Interactive learning 2. Aspek Visual dalam Penyajian Informasi Amir F. Sofyan ini_amir@yahoo.com

3 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 2 3. Komunikasi Efektif dalam Lingkungan Informasi Era elektronik telah memberi suatu kemampuan ajaib untuk menyimpan, mengambil, dan menganalisa data. Tetapi apakah Anda bisa membuat halaman yang efektif? Di dalam lingkungan informasi, kompetisi untuk menarik perhatian dalam ruang lingkup yang semakin kecil menjadi semakin sengit. Sebagai pengirim terlalu banyak yang dikatakan, terlalu sedikit ruang. Sebagai penerima terlalu banyak untuk dibaca, terlalu sedikit waktu. Elemen-elemen yang dapat membuat suatu dokumen yang sukses penulisan yang cermat, organisasi yang baik, desain yang efektif memberikan suatu pemahaman terhadap pesan Anda, audiens Anda, dan sumber-sumber Anda. 4. Daftar Periksa Publikasi Apa tujuan dari publikasi Anda? Kenapa publikasi diperlukan? Siapa audiens yang dituju? Informasi macam apa yang ada pada publikasi Anda? Citra yang bagaimana yang akan Anda tampilkan? Apakah publikasi itu perlu mengikuti sebuah program, atau style perusahaan? Apa format keseluruhannya? Apa jenis gambar dan foto yang diperlukan? 5. Elemen Desain Media/ bentuk Tipografi/ huruf Warna Layout Ilustrasi 6. Tipografi Tipografi (typo = huruf, grafos = gambar) adalah susunan penataan huruf-huruf sehingga membuat komunikasi tercetak menjadi efektif, lancar dan mudah dibaca. Dan terdapat beberapa faktor yang Amir F. Sofyan ini_amir@yahoo.com

4 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 3 mempengaruhi tipografi diantaranya adalah bentuk huruf, karakter/ sifat huruf, jarak, bentuk susunan teks, dan variasi huruf Bentuk/ jenis Huruf Secara umum huruf modern terbagi dalam empat kelompok besar, yaitu: Roman, San Serif, Slab Serif dan Dekoratif Roman/ Serif Roman ditandai dengan garis tebal tipis dengan kait/ kaki lancip. Bentuk hurufnya yang formal mengekspresikan organisasi dan intelektualitas. Roman bersifat anggun dan konservatif. Contoh: Times, Bookman, Garamond Sans-serif Sans-serif (no serif) ditandai dengan garis yang relatif sama tebal dan tanpa kait/ kaki. Ujungnya bisa berbentuk tumpul (rounded corner) atau tajam. Sans-serif bersifat kurang formal, lebih hangat, dan bersahabat. San-Serif biasanya sangat cocok sebagai screen-font (untuk tampilan di layar monitor) karena tajam dan gampang untuk dibaca. Contoh: Arial, Euro, Futura Slab serif Slan serif/ egyptian ditandai dengan kait yang lurus dan kaku. Jenis ini banyak digunakan oleh programmer untuk coding, dan juga untuk preformatted text. Contoh: Glizerin, Courier Dekoratif Dekoratif/ ornamen ditandai dengan bentuk yang bebas dan terkadang terlalu rumit sehingga susah terbaca. Cocok untuk dipakai secara terbatas misalnya untuk Headline. Jenis ini memberikan kesan keanggunan, sophistication, dan sentuhan pribadi. Pemakaiannya jangan sampai terlalu banyak. Contoh: Braggadocio, Campaign. Amir F. Sofyan ini_amir@yahoo.com

5 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Karakter/ sifat huruf Jarak Jarak antar huruf Jarak antar kata Bentuk Susunan teks Amir F. Sofyan ini_amir@yahoo.com

6 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Variasi huruf 7. Ilustrasi Ilustrasi adalah bentuk atau rupa visual yang dimaksudkan untuk lebih menjelaskan maksud naskah, membantu melengkapi informasi yang diinginkan. Secara umum ilustrasi dapat dikelompokkan menjadi tiga jenis, yaitu fotografi, gambar dan diagram Fotografi Fotografi adalah sesuatu yang dibuat melalui proses pencahayaan dan kamar gelap. Menurut sifatnya dalam dunia jurnalistik foto dapat digolongkan sebagai foto spot news, ekologi, hukum, musibah, upacara, tokoh, bintang (selebriti), kesenian, news feature, potret, olah raga, dan human interest. Dan secara teknis, seni fotografi telah berkembang dengan pesat dewasa ini. Kini dengan perkembangan kamera digital, seni fotografi bertambah marak. Editing foto yang dulu harus dilakukan di kamar gelap, kini sebagian dapat dilakukan di layar komputer. Contoh berikut merupakan foto dengan obyek selebriti dan tokoh Gambar Gambar atau citra adalah grafik dua dimensi yang dibuat dengan tangan. Menurut teknik pembuatannya, ilustrasi dapat dikelompokkan menjadi dua, yaitu: ilustrasi garis yang biasanya dibuat dengan tinta cina dengan pena, rapido, atau pensil konte, dan ilustrasi nada lengkap (halftone) yang biasanya dibuat dengan cat air, cat minyak, atau tinta cina dengan kuas. Contoh berikut merupakan ilustrasi dengan nada lengkap. Amir F. Sofyan ini_amir@yahoo.com

7 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 6 Sementara menurut bentuk atau coraknya, ilustrasi dapat dikelompokkan menjadi ilustrasi kolase, realis, dekoratif, karikatural, geometris, dan lain lain. Contoh berikut adalah ilustrasi karikatural Diagram Peta Peta menampilkan tempat atau jarak suatu kejadian atau peristiwa. Ilustrasi berikut adalah contoh ilustrasi peta dengan peta kunci (letak tempat pada Pulau Jawa) dan detilnya Bagan atau denah Bagan atau denah ditujukan menggambarkan kembali atau mereka ulang dan menyelusuri urutan suatu peristiwa. Contoh ilustrasi bagan berikut menggambarkan kecelakaan yang menimpa Diana di sebuah terowongan di Paris Grafik Grafik digunakan untuk menggambarkan besar kecil urutan angka yang secara ringkas mampu menjelaskan masalah. Secara umum grafik dikelompokkan menjadi tiga, yaitu grafik batang, grafik garis dan grafik kue tart. Grafik batang biasa dipakai untuk memperlihatkan perbedaan. Amir F. Sofyan ini_amir@yahoo.com

8 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 7 Grafik garis untuk menunjukkan proses yang terjadi atau tren. Grafik kue tart untuk menjelaskan perbandingan Alur proses Diagram alur proses digunakan untuk memperlihatkan urutan dan posisi suatu proses atau rancangan, sehingga pengamat dengan cepat memahami apa yang terjadi Tabel Tabel adalah bentuk yang paling sederhana dari diagram. Tabel menggambarkan secara tipografis hal-hal yang ingin dipentingkan. 8. Warna Pemilihan warna adalah satu hal yang sangat penting dalam menentukan respon dari pembaca. Warna adalah hal yang pertama dilihat oleh seorang pembaca (terutama warna background). Untuk mencapai design warna yang efektif, dapat dimulai dengan memilih warna yang bisa merepresentasikan tujuan sebuah publikasi. Palet warna yang dibuat sebaiknya cocok dengan pribadi dan tujuan publikasi. Menurut Idarmadi (1999) terdapat korelasi secara umum secara psikologis antara warna dan orang, seperti pada tabel berikut: Amir F. Sofyan ini_amir@yahoo.com

9 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM 8 WARNA RESPON PSIKOLOGI KETERANGAN Merah Biru Hijau Kuning Ungu/ Jingga Oranye Coklat Abu Abu Putih Hitam Power, energi, kehangatan, cinta, nafsu, agresi, bahaya Kepercayaan, Konservatif, Keamanan, Tehnologi, Kebersihan, Keteraturan Alami, Sehat, Keberuntungan, Pembaharuan Optimis, Harapan, Filosofi, Ketidakjujuran, Pengecut (untuk budaya Barat), pengkhianatan. Spiritual, Misteri, Kebangsawanan, Transformasi, Kekasaran, Keangkuhan Energy, Keseimbangan, Kehangantan Tanah/Bumi, Reliability, Comfort, Daya Tahan. Intelek, Masa Depan (kayak warna Milenium), Kesederhanaan, Kesedihan Kesucian, Kebersihan, Ketepatan, Ketidak bersalahan, Setril, Kematian Power, Seksualitas, Kecanggihan, Kematian, Misteri, Ketakutan, Kesedihan, Keanggunan Warna Merah kadang berubah arti jika dikombinasikan dengan warna lain. Merah dikombinakan dengan Hijau, maka akan menjadi simbol Natal. Merah jika dikombinasikan denga Putih, akan mempunyai arti 'bahagia' di budaya Oriental. Banyak digunakan sebagai warna pada logo Bank di Amerika Serikat untuk memberikan kesan 'kepercayaan' Warna Hijau tidak terlalu 'sukses' untuk ukuran Global. Di Cina dan Perancis, kemasan dengan warna Hijau tidak begitu mendapat sambutan.tetapi di Timur Tengah, warna Hijau sangat disukai. Kuning adalah warna keramat dalam agama Hindu. Warna Ungu sangat jarang ditemui di alam. Menekankan sebuah produk yang tidak mahal. Kemasan makanan di Amerika sering memakai warna Coklat dan sangat sukses, tetapi di Kolumbia, warna Coklat untuk kemasan kurang begitu membawa hasil. Warna Abu abu adalah warna yang paling gampang/mudah dilihat oleh mata. Di Amerika, Putih melambangkan perkawinan (gaun pengantin berwarna putih), tapi di banyak budaya Timur (terutama India dan Cina), warna Putih melambangkan kematian. Melambangkan kematian dan kesedihan di budaya Barat. Sebagai warna Kemasan, Hitam melambangakan Keanggunan (Elegance), Kemakmuran (Wealth) dan Kecanggihan (Sopiscated) Tidak hanya palet warna harus sesuai dengan isi publikasi, tetapi juga harus sesuai dengan budaya pembacanya. Beberapa penelitian menujukkan bahwa respon setiap orang dari budaya yang berbeda akan berbeda. Misalnya warna oranye, secara universal, akan merepresentasikan produk yang tidak mahal, dan perayaan Halloween. Di Amerika, warna biru tua merepresentasikan kepercayaan (trust), tapi di Korea, kepercayaan lebih direpresentasikan oleh warna warna pastel, terutama pink. 9. Layout Layout atau tata letak berarti pengaturan atau perletakan dari elemen-elemen desain ke dalam suatu media. Layout yang baik harus memperhatikan lima prinsip dasar desain, yaitu keseimbangan (balance), proporsi (proportion), irama/ urutan (sequence), kesatuan (unity), kontras (contrast). Amir F. Sofyan ini_amir@yahoo.com

10 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Keseimbangan Keseimbangan dapat diibaratkan dengan sebuah timbangan dengan beban di satu sisi dan barang di sisi lainnya. Keseimbangan tipografi dan ilustrasi dapat dicapai dengan bentuk simetris dan bentuk asimetris Proporsi Proporsi dapat diartikan sebagai perbandingan atau keselarasan. Proporsi dalam hal ini menyangkut perbandingan ukuran media, unsur-unsur pengisi media, dan perbandingan antara keduanya Urutan Urutan berarti kecenderungan pengamat dalam menikmati sebuah komposisi. Urutan dapat dicapai antara lain dengan membuat sesuatu dari yang besar ke yang kecil, dari kiri ke kanan, atau dari terang ke gelap Kesatuan Kesatuan tidak berarti seragam dalam segala hal, namun memang akan lebih mudah membuat kesatuan dengan keseragaman. Kesatuan dapat dicapai dengan mengatur pemakain huruf, corak/ gaya, warna, bentuk, pola/ grid, atau dengan elemen pengikat lainnya. Amir F. Sofyan ini_amir@yahoo.com

11 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Kontras Kontras dapat dicapai dengan membuat kebalikannya. Fungsi kontras adalah untuk menonjolkan sesuatu (point of interest), sehingga cukup satu saja yang dominan. 10. Software komputer grafis Saat ini di pasaran terdapat bermacam-macam software komputer grafis, dan secara umum dapat dikelompokkan menjadi lima kelompok yaitu: Software pengolah tata letak (layout), Software pengolah vektor/ garis, Software pengolah pixel/ image, Software pengolah animasi 2 dimensi/ video, Software pengolah animasi 3 dimensi Software pengolah tata letak (layout) Software pengolah tata letak yang banyak digunakan untuk pembuatan publikasi seperti buku atau majalah dengan jumlah halaman yang banyak ini memiliki kemampuan mengatur penempatan teks dan gambar yang biasanya dilengkapi dengan fasilitas pengaturan format teks dan template yang lengkap. Software yang termasuk dalam kelompok ini diantaranya adalah Adobe Pagemaker, Adobe FrameMaker, Adobe InDesign, Quark Xpress, Corel Ventura, Microsoft Word dan Microsoft Publisher Software pengolah vektor/ garis Software dalam kelompok ini banyak digunakan untuk mengolah gambar dalam bentuk garis dan kurva, sehingga sering disebut sebagai software ilustrasi. Software yang termasuk dalam kelompok ini diantaranya adalah CorelDraw, Macromedia FreeHand, Adobe Illustrator, Metacreation Expression dan Micrografx designer. Tampilan Adobe InDesign Contoh tampilan CorelDRAW Amir F. Sofyan ini_amir@yahoo.com

12 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Software pengolah pixel/ image Software dalam kelompok ini banyak digunakan untuk memanipulasi dan memperbaiki foto atau membuat lukisan digital. Software yang termasuk dalam kelompok ini diantaranya adalah Adobe PhotoShop, Corel PhotoPaint, Microsoft Photo Editor, Micrografx Picture Publiser, dan Metacreation Painter. Contoh tampilan Adobe PhotoShop Software pengolah animasi 2 dimensi/ video Software dalam kelompok ini banyak digunakan untuk mengolah, memproduksi atau mengedit animasi dua dimensi/ video. Dan software dalam kelompok ini masih dapat dibagi menjadi tiga kelompok lagi, yaitu: software editing video, software efek khusus, dan software pengolah animasi Software editing video Yang termasuk software editing video yang diantaranya adalah Adobe Premiere, Ulead MediaStudio, Ulead Video Studio, Vegas Video, Asymetrix Digital Video Producer, Film Edit, dan Discreet Edit Software efek khusus Sementara yang termasuk software efek khusus adalah Adobe AfterEffects, Discreet Logic Effects, Avid Media dan Digital Fussion. Contoh tampilanulead Video Studio Software pengolah animasi dua dimensi Dan yang termasuk software pengolah animasi dua dimensi adalah Macromedia Flash, SoftImage Toonz, dan Animo. Contoh tampilan Adobe AfterEffects Contoh tampilan Macromedia Flash Amir F. Sofyan ini_amir@yahoo.com

13 Modul Komputer Grafis Sistem Informasi STMIK AMIKOM Software pengolah animasi tiga dimensi Software dalam kelompok ini banyak digunakan untuk mengolah model dan animasi tiga dimensi seperti yang telah banyak digunakan dalam pembuatan film animasi tiga dimensi seperti Star Trex, babylon V, Bug s Life, Toy Story dan Jurassic Park. Dan software yang termasuk dalam kelompok ini adalah 3D Studio, 3D Studio Max, Lightwave, Maya, Ray Dream, Poser, dan SoftImage. Contoh tampilan Metacreation Poser 11. Tentang bitmap image dan grafik vektor Software komputer grafis secara umum terbagi ke dalam dua kategori, yaitu bitmap dan vektor Bitmap image Bitmap image yang secara teknis disebut raster image menggunakan grid warna yang disebut pixel (picture element) untuk merepresentasikan gambar. Tiap pixel menyimpan informasi lokasi dan nilai warna tertentu. Sebagai contoh, gambar ban sepeda (dalam lingkaran) berikut terbentuk dari mosaik/ susunan pixel pada lokasi tersebut. Bitmap image adalah media elektronik yang paling umum untuk menyimpan gambar dengan nada kontinyu (continuous-tone images), seperti foto atau lukisan digital, karena bitmap image mampu merepresentasikan gradasi bayangan dan warna yang halus. Bitmap image memiliki jumlah pixel yang pasti maka disebut resolutiondependent. Dan konsekuensinya bitmap image akan kehilangan detil dan tampak kasar ketika diperbesar di monitor atau dicetak pada printer dengan resolusi yang rendah Grafik vektor Gafik vektor (vector graphics) terbentuk dari garis dan kurva yang didefinisikan secara matematis yang disebut vektor. Vektor menggambarkan sebuah image yang mengacu pada karakteristik geometrisnya. Sebagai contoh, ban sepeda pada grafik vektor terbentuk dari definisi matematis dari lingkaran dengan jari-jari tertentu pada lokasi tertentu dan berisi warna tertentu. Vektor grafik disebut resolution-independent, sehingga perbesaran dengan skala berapapun dan pencetakan pada resolusi berapapun tidak akan mengurangi kualitas grafik. Grafik vektor bagus digunakan untuk merepresentasikan grafik dengan garis tetap tegas ketika diperbesar seperti logo perusahaan. Amir F. Sofyan ini_amir@yahoo.com