desain komunikasi visual #bisnis dunia dkv
DESCRIPTION
Kuliah Desain Grafis D3TI-UNS@2014 with Yudha Yudhanto SKOMTRANSCRIPT
DESAIN KOMUNIKASI VISUAL
&TipografiIlustrasi
Lo
go
typ
eL
og
o
Langkah Praktis Step by step membuat logo menggunakan Coreldraw
Bit
ma
pVectorVS
Langkah Praktis Step by step membuat Pensil menggunakan Photoshop
Bis
nis
Du
niaDKV
bekerja layaknya pegawai] berkarya layaknya seniman[
edisi01
20 Juni2014
Mengenal
DKV
Tipografi
Ilustrasi&
Logo
Logotype&
Bitmap
Vector &
Pengenalan
Coreldraw
Pengenalan
Photoshop
Bisnis
DuniaDKV
Daftar
Pustaka
Profil
Penulis
DAF TAR ISI
02
03
18
38
60
62
65
68
69
MENGENAL DUNIAKOMUNIKASI VISUAL
DKV merupakan salah satu cabang dari Seni Rupa dan Seni Grafis
DKV hasil karya yang didasarkan pada 3 konsep :
Konsep komunikasi
Melalui ungkapan kreatif
Melalui berbagai media
Istilah desain komunikasi visual yang
baru populer belakangan ini, sebenarnya baru dikenal di Indonesia pada awal tahun 1980-an.
Dimunculkan oleh Gert Dumbar (seorang desainer grafis Belanda) pada tahun 1977,
karena menurutnya desain grafis tidak hanya mengurusi cetak-mencetak saja. Namun juga
mengurusi moving image, audio visual, display dan pameran. Sehingga istilah desain grafis
tidaklah cukup menampung perkembangan yang kian luas. Maka dimunculkan istilah desain
komunikasi visual seperti yang kita kenal sekarang ini.
Sekilas Sejarah Istilah Desain
Komunikasi Visual di Indonesia ;
Desain : perancangan estetika,
Komunikasi : tujuan penyampaian
Visual : sesuatu yang bisa dilihat
Peranan DKV :
Perancang Textile Designer
Desain Grafis
Perancang Identitas Visual
Logo Type
Perancangan Maskot
Animasi Komputer
Fotografi
Typographer
Perancang Rambu
Desain Kemasan
Exhibition Desain
Grafik DataDesign Web
Pembuatan Peta
Card Designer
Ilustrator
Design Cover
Graphics Presentation
Special Effect Film
Sosial Campaign
kreativitas
penyampaian pesan
Secara sederhana berarti : Kemampuan
untuk berkomunikasi menggunakan lebihdari satu Cara.
Teks Dasar semua tampilan aplikasi layar
Image Meliputi : Bitmap & Vektor
Movie Rekaman Gambar HidupAnimasi Gambar dalam gerak-gerak yang
Sound Suara
User Control Kelengkapan/
berulang
fasilitas untuk mengendalikanprogram
citra rasa &
atau saran
Desain Grafis || Mengenal DKV || Hal 02
Tipografi adalah Ilmu yang mempelajari tentang Huruf
dan penggunaan Huruf dalam aplikasi
desain komunikasi visual
Design Grafis || Typografi || hal 04
mana yang lebih tepat??
Arab (Hijaiyah) = 30 huruf
Ibrani = 22 huruf
Fenisia = 24 huruf
Tionghoa
Jepang (kanji)
Rusia = 33 Huruf
Korea (Hanja, Hangul)
Thailand (Thai)
Jawa (Java) = 20 Huruf
Isyarat
Roman (Latin) = 26 Huruf
Design Grafis || Typografi || hal 05
6 Jenis Teknologi Font1.Postscript Dibuat Adobe th 1980. Dikreasikan dengan Bizier Curve
2.True type Format Ditemukan Apple Computer dengan Teknologi Postscript. Dikreasikan dengan menggunakan Quadratic B‐splines. Support Windows 3.11 s.d Windows 8. Truetype di rancang sebagai file tunggal (suitcase), yang di dalamnya sudah terdapat keluarga huruf dalam bentuk plain, plain italic, bold dan bold italic.
3.Multiple Master Font Multiple Master Font di identifikasikan dengan MM ditambah nama pendek dari huruf tersebut contohnya ITCAvaGarMM. Dan biasanya diikuti oleh dua huruf dari informasi titik (axes) seperti BD untuk Bold,XL untuk Light, NO untuk Normal, CN untuk Condensed, dan OP untuk Optikal. Nominal angka untuk merepresentasikan nilai axis. Dan jika kita membuat Multiple Master Font axis ini akan muncul dalam huruf kecil.
4.Unicode Font Unicode adalah standard baru untuk menjabarkan characters set dalam sebuah sistem, bekerja mirip dengan ASCII (American Standard Code for Information Interchange). Biasanya dalam ASCII terdapat 200 set characters, tetapi dalam Unicode bisa terdapat 65000 jenis characters sehingga Unicode sering digunakan dalam informasi digital multi bahasa.
5.Opentype Ditemukan Microsoft & Adobe th 1996. adalah format gabungan dari True type dan Postscript.
6.Worldtype Worldtype adalah format font yang dibuat oleh perusahaan font AGFA Monotype, format ini dibuat untuk memenuhi kebutuhan dari standar Unicode.
Design Grafis || Typografi || hal 06
On Windows OS
•Postscript ditandai dengan huruf "a" •Truetype ditandai huruf "TT" •Opentype ditandai huruf "o"
Gunakan bitstream navigator
Anatomi Huruf
•Huruf terdiri dari bagian‐bagian yang secara ilmiah memiliki nama. Masing‐masing memiliki fungsi spesifik dalam ilmu Typografi. •Anatomi Font (huruf) pada Tipografi dipakai sebagai identifikasi klasifikasi sebuah font dan juga untuk membuat font baru. •Ada 2 aspek dasar anatomi Huruf berkaitan dengan manfaat font : –Bentuk Fisik Huruf. Bagaimana Huruf itu dibentuk, cara mengukurnya secara horisontal/vertikal –Bentuk, kontruksi, dan tampilan secara visual
Design Grafis || Typografi || hal 07
Anatomi Huruf
1)x‐height 2)ascender line 3)apex 4)Baseline 5)Ascender
6)Crossbar 7)Stem 8)Serif 9)Leg 10)Bowl
11)Counter 12)collar 13)Loop 14)Ear 15)Tie
16)horizontal bar 17)Arm 18)vertical bar 19)cap height 20)descended line
1.x‐height : tinggi huruf dari huruf lowercase 2.ascender line : garis batas atas huruf. Misal : b,d,f,h,k,l dan t 3.Baseline : garis batas bawah huruf kapital 4.cap height : garis batas atas font atau tinggi huruf dari huruf kapital 5.descended line : garis batas bawah huruf. Misal : g,j,p,q dan y
Design Grafis || Typografi || hal 08
4 Model Sesuai Anatomi
1.Oldstyle Dibuat periode th.1470 s.d 1600. Contoh: Garamound, Goudy Oldstyle, Bembo, Bauer text, CG Cloister, Palatino, etc.
2.Modern Dibuat periode 1800. Contoh : Bodoni, Didot, Torino,Melior, etc
3.Slab Serif Ditandai bentuk serif tebal/sangat tebal. Sebagai penarik perhatian. Misal HEADER, Contoh : Boton, Aachen, Calvert, Memphis, Rockwell, Serifa, etc
4.Sans Serif Huruf tanpa kait (serif) dikenal juga "Grostesques". Contoh : Helvetica, Univers, Futura, optima, Avant Grade, Franklin Gothic
Design Grafis || Typografi || hal 09
Bentuk Geomatri Huruf
Dari sisi geometrinya huruf dibagi menjadi 4 kelompok : 1. Garis tegak datar : E, F, I, H, L 2. Garis tegak miring : A, K, M, N, V, W, X, Y, Z 3. Garis tegak lengkung : B, D, G, J, P, R, U 4. Garis lengkung : C, O, Q, S
Design Grafis || Typografi || hal 10
Oleh Moritz Brandis (1488) Jerman. Adalah variasi dari sebuah font, tanpa menghilangkan ciri Asli dari font : 1.Ketebalan (Weight). Ex : Ultra Light, m Light, Normal, Medium (Demi/Semibold), Bold, Extrabold dan Ultrabold 2.Proporsi Bentuk Huruf. Meliputi Condensed (disempitkan) dan Expanded (dilebarkan). Misal : Compressed, Ultra/Extra condensed, Condensed, Normal, Expanded, Extra Expanded dan Ultra Expanded. 3.Sudut Kemiringan. Meliputi Italic (miring ke kanan), Slanted (miring ke kiri). Misal : Oblique, Cursive dan Slanted. 4.Textur Permukaan. Meliputi Huruf Outline, Huruf 3D 5.Desain. Satu macam dengan model berbeda. ex : ITC Officiana 6.Font Univers. Typer face untuk beberapa jenis
Font Family
Design Grafis || Typografi || hal 11
Istilah Pembuat Font
•ITC : International Typeface
Corporation, pemegang hak ciptanya adalah : Adobe Corporation. Contoh : ITC Avant Grade dan ITC Cheltenham
•MT : Mono Type Corporation.
Contoh : Gro‐tesque MT, Falstaff MT.
•BT : Bitstream Corporation.
Contoh : Fenice BT, Benguiat BT dan Cheltenham BT
•ICG : Image Club Graphic.
Contoh : Ferrir ICG
•MN : Mecanorma Int. Contoh : Choc MN
•LH : Linotype Hell AG. Contoh : Fairfield LH
Design Grafis || Typografi || hal 12
Contoh Font Populer
1. TIMES NEW ROMAN
Created by VICTOR Lardent
Dibuat 1931 (The Times) Category : serif Sejak Windows 3.1 (1992)
2. ARIAL
Created by Robin Nicholas and
Patricia Saunders
Dibuat 1982 Category : Sans serif Sejak Windows 3.1 (1992)
3. CALIBRI
Created by Lucas de GrootDibuat 2005 Category : Sans serif Sejak Windows Vista untuk mereplace Times New Roman
Design Grafis || Typografi || hal 13
4. FUTURA
Created by Paul Renner Dibuat 1927 Category : Sans serif
Contoh Font Populer
5. HELVETICA
Created by Max MiedingerDibuat 1957 Category : Sans serif
6. RAGE ITALIC
Created by Ron Zwingelberg
Dibuat 1984 Category : Brush Script
Design Grafis || Typografi || hal 14
Free web Font Service
TYPEKITDipakai twitter dan New York Times https://typekit.com/
Google Web Font•http://www.google.com/fonts/
Font Squirrel(@font‐face)http://www.fontsquirrel.com/
Edge Web Font•http://www.edgefonts.com/
Design Grafis || Typografi || hal 15
Fontstruct (http://fontstruct.fontshop.com/)Type light 2.2 (http://cr8.netfirms.com/typelight.html)FontForge (http://fontforge.sourceforge.net/) Font Navigator (Corel)
Design Grafis || Typografi || hal 17
Design Grafis || Logo & Logotype || hal 18
•Logo = Tanda Gambar (Picture Mark) •Logo adalah perwakilan secara visual sebuah perusahaan bisnis atau organisasi yang membentuk pondasi identitas korporasi. •Logo adalah sebuah nama, simbol, lukisan huruf (monogram), emblem, merk dagang, atau alat grafis lainnya yang didesain untuk kemudahan dan mendefinisikan pengenalan oleh target konsumen dari sebuah perusahaan.
Apakah Logo itu??
Design Grafis || Logo & Logotype || hal 19
•Desain logo sejak Yunani kuno dengan penggunaan lambang yang terdiri atas satu atau dua huruf. Hal ini umumnya mewakili inisial nama /tempat untuk digunakan sebagai alat tulis atau tanda simbol. Mata uang koin Yunani dan Romawi melahirkan logo dari mistar atau kota.
•Selama jaman pertengahan, logo serupa banyak terlihat pada penggunaan hiasan gereja dan keperluan komersil. Pada abad 13, penggunaan bentuk simbol sederhana ini telah meningkat pada merk dagang untuk jual beli. Contoh awal desain logo ini termasuk tanda untuk rumah pejabat, pandai emas, pembuat kertas dan kebangsawanan. Pada tahun 1700an, tiap-tiap pedagang produsen distributor dan pengecer punya satu merk dagang atau cap.
•Revolusi industri mengakibatkan satu keuntungan dramatis pada nilai dan kepentingan dari sebuahmerk dagang. Pada tahun 1900an, dengan adanya kemunculan dari korporasi nasional dan internasional, merk dagang mulai berubah menjadi lebih dari sekedar sebuah simbol, menggunakan desain sistem yang lebih besar untuk menyatukan komunikasi, untuk memenuhi tujuan yang sudah diidentifikasi.
•Sekarang, logo perusahaan telah menjadi wajah dari bisnis dan ekonomi kita. Masyarakat umum telah menjadi sangat mau merespon terhadap logo, arti logo, dan apa yang diimplementasikan. Karena perbedaan produk dan jasa tersedia, kebutuhan untuk inovatif dan kepahaman identitas desain logo dan perusahaan adalah pusat kesuksesan sebuah perusahaan.
Design Grafis || Logo & Logotype || hal 20
•Mengenalkan identitas •Menyebarkan Citra •Kemudahan Interaksi •Bagian dari Marketing Tool •Simbol Persatuan
Mengapa Butuh Logo?
1.Logotype 2.Initials 3.Pictorial Visual 4.Abstract Visual 5.Combination
Macam Logo
Design Grafis || Logo & Logotype || hal 21
1. LogoType
Nama Perusahaan atau Organisasi ditulis menggunakan tipografi yang KHAS, Unik dan Konsisten
Logo cocacola, dirancang Frank Mason Robinson th 1885 dengan font Spencerian Script
2. Initials
Mengembangkan atau mendeformasi huruf pertama perusahaan atau organisasi.
Logo superman, dirancang Jerry Siegel dan Joe Shuster th 1938
3. Pictorial Visual
Representasi Objek untuk menggambarkan citra perusahaan,jasa atau organisasi
Logo baru Apple garapan Rob Janoff di tahun 1976
Design Grafis || Logo & Logotype || hal 22
4. Abstract Visual
Bentuk Visual yang abstract (non-pictorial) mencitrakan perusahaan,jasa atau organisasi
5. Combination
Penggabungan dari semua bentuk
Design Grafis || Logo & Logotype || hal xxDesign Grafis || Logo & Logotype || hal 23
Ciri Logo Efektif
“Jika anda melihat logo selamakurang dari 10 detik kemudian anda tidak
mampu mengingat/menggambarkan logo tadi maka dimungkinkan terlalu
rumit untuk diingat" (John Williams)
"KISS – Keep It Simple, Stupid"
David E Carter, pakar corporate identity dalam buku "The Big Book of Logo", logo yang baik mencakup hal : 1.Originalitas & Destinctive : khas, unik dan daya pembeda yang jelas 2.Legible : Keterbacaan yang tinggi dan berbagai ukuran 3.Simple : sederhana, mudah ditangkap dimengerti waktu cepat 4.Memorable : Mudah Diingat 5.Easily Assosiated with Company : mudah dihubungkan dengan jenis usaha atau citra perusahaan/organisasi 6.Easy adabtable for all graphic media. Mudah dipasang di berbagai media grafis.
Design Grafis || Logo & Logotype || hal 24
Ciri Logo Efektif
Jacob Cass memberikan tips prinsip desain logo : 1.Simple 2.Memorable (mudah diingat) 3.Timeless (efektif 5,10,50th?) 4.Versatile
Effective without color (dicetak hitam putih, tetap efektif dan menarik) Scalable (dalam ukuran kecil masih bisa dibaca dan dikenali)
5.Appropriate Descripable (harus mendiskripsikan perusahaan/produk)
Contoh Logo EfektifLogo McDonalds = simple, describable, effective without color, memorable dan scalable
The Nike "Swoosh" is a design created in 1971 by Carolyn Davidson, a graphic design student at Portland State University.
Design Grafis || Logo & Logotype || hal 25
Membuat Logo
6 Step Membuat Logo
1. Mempelajari Design Brief Deskripsi perusahaan, ketentuan, kemauan. Bisa dengan wawancara
2. Mengadakan Riset & Brainstroming Memahami jenis produk, target, klien, kompetitor,keunggulan
3. Membuat Alternatif Logo Buat sketsa‐sketsa kasar (rough layout) di kertas atau komputer
4. Presentasi Agar efektif berikan 3‐4 alternatif design. Misal: logo, huruf dan gabungan
5. Revisi dan Penyempurnaan Klien adalah Raja. Berikan usulan positif. Bisa berkali‐kali. Buat dokumen approval
6. Delivery Hasil Akhir Final art work berupa hardcopy dan softfile. Selesaikan pembayaran
Design Grafis || Logo & Logotype || hal 26
P roses Membuat Logo
Design Grafis || Logo & Logotype || hal 27
P roses Membuat Logo
Design Grafis || Logo & Logotype || hal 28
12 Aturan Membuat Logo & Logotype
1. Awali Dengan Sketsa2. Prinsip Keseimbangan3. Pikirkan Ukuran4. Cerdas pemakaian warna5. Sesuai dengan Profil Klien6. keunikan Typography7. Desaign Cepat Diingat/Dikenali8. Jangan Sampai Mirip9. K.I.S.S (Keep It Simple, Stupid)10. Meminimalkan Unsur Effect11. Gunakanlah “Proses Standar” (6 step membuat logo)12. Jangan Menjiplak!! Gunakan Lawan sebagai inspirasi saj.
Design Grafis || Logo & Logotype || hal 29
•Logo bentuk Alphabetical •Logo bentuk benda konkrit •Logo bentuk Abstrak, Poligon & Spiral •Logo bentuk Simbol, Nomor & Elemen
• Logo Bentuk Alphabetica•Terdiri dari bentuk‐bentuk huruf atau kombinasi dari bentuk huruf. Ini tren terbaru
•Logo bentuk benda konkrit
•Misalkan berbentuk manusia, toko,wajah, tubuh, binatang, alat, tanaman atau benda lainnya
•Logo bentuk Abstrak• Memiliki elemen bentuk abstrak, geometri, spiral, busur, segitiga, bujursangkar, poligon, garis, panah, lengkung dan ekspresi 3D.
Design Grafis || Logo & Logotype || hal 30
• Logo Bentuk Bentuk/Elemen
•Bentuk2 yang sudah dikenal untuk menggambarkan sesuatu hati, tanda silang, petir, notasi dsb
Design Grafis || Logo & Logotype || hal 31
L ogo Efektif
L ogo yang ‘salah’
1. Kurang Sederhana2. Sulit dikenali/tidak unik3. Logo Danone kurang jelas4. susah dibaca
5. Kebanyakan warna, flower6. Tidak bisa BW7. Kurang kuat makna presentasi
Design Grafis || Logo & Logotype || hal 32
L ogo Plagiat
Design Grafis || Logo & Logotype || hal 33
L ogo vs Logotype
•Logo = tanda gambar (picture mark) •Logotype = gambar nama (wordmark). Tulisan khas yang mengidentifikasikan suatu nama/ merk. Dengan memiliki sifat2 logo.
Redesaign Logo•Tidak mudah mengganti begitu saja sebuah logo yang awalnya sudah menancap di hati para konsumen dan masyarakat (brand awareness) Kenapa Harus Merubah Logo, ini sebabnya : •Berubahnya Visi dan Misi perusahaan •Logo mirip dengan logo lainnya •Ada masalah teknis Saat menggunakan logo –Warna terlalu banyak, Bentuk kurang sempurna, Logo susah dibuat variasi •Logo tidak sesuai jaman
Design Grafis || Logo & Logotype || hal 34
Contoh Redesign Logo
Design Grafis || Logo & Logotype || hal 35
Contoh Redesign Logo
Design Grafis || Logo & Logotype || hal 36
I nspirasi Logo
1.http://logofury.com/2.http://logooftheday.com/3.http://www.wolda.org/4.http://logopond.com/5.http://logosauce.com/6.http://www.logolounge.com/7.http://www.logomoose.com/8.http://www.logofi.com/9.http://logofaves.com/10.http://faveup.com/11.http://www.logogalleria.com/12.http://www.logobliss.com/13.http://logoinspirations.com/14.http://www.logotwo.com/15.http://www.logogallery.net/16.http://99designs.com/logo-design/store
Design Grafis || Logo & Logotype || hal 37
I nspirasi Logo
17.http://99designs.com/logo-design/store
18.http://www.typebased.com/
19.http://logoorange.com/company-logo-1.php
20.http://logoworks.com/education-logos2.html
21.http://www.studio7designs.com/portfolio-logo/
22.http://www.emt-india.net/banner/company.htm#a
23.http://www.identityarchives.com/
24.http://www.logospire.com/
25.http://www.logoed.co.uk/
26.http://browse.deviantart.com/designs/logos/
27.http://carbonmade.com/portfolios/logo-design
28.http://stationerystyle.net/
29.http://www.cleaning-logos.com/cleaning-logos.html
30.http://www.elogodesign.com/logo-design-portfolio.php
Raster (Bitmap)&
Vector
Design Grafis || Raster & Vektor || hal 38
T ipe File
•Dalam Dunia Design Digital dikenal 2 type:
Raster (Bitmap)
Vektor
Berbedakah??
Design Grafis || Raster & Vektor || hal 39
•Bitmap yaitu representasi dari citra grafis yang terdiri dari susunan titik yang tersimpan di memori komputer. Dikembangkan oleh Microsoft dan nilai setiap titik diawali oleh 1 bit data untuk gambar hitam putih, atau lebih bagi gambar berwarna.
•Gambar bitmap bisa disebut juga dengan gambar raster merupakan kumpulan kotak-kotak kecil (pixel). Titik-titik pixel tersebut ditempatkan pada lokasi- lokasi tertentu dengan nilai-nilai warna tersendiri yang secara keseluruhan akan membentuk sebuah tampilan.
Design Grafis || Raster & Vektor || hal 40
• Mampu menunjukkan kehalusan gradasi warna, bayangan dari sebuah gambar,perpaduan gradasi warna yang rumit, cocok untuk foto dan lukisan digital. • Sangat tergantung dengan resolusinya, karena setiap gambar mempunyai jumlah pixel yang pasti. • Jika pembesaran ukuran gambar dengan resolusi kecil, maka gambar akan kehilangan detil dan akan terlihat kotak-kotak pixel yang berundak (jagged).
Design Grafis || Raster & Vektor || hal 41
Kedalaman Warna
• Kedalaman warna menentukan berapa banyak warna yang dapat ditampilkan oleh 1 pixel yang direpresentasikan dalam banyak bit yang ditampung pada pixel • Semakin banyak jumlah warna dalam suatu gambar maka gambar yang dihasilkan akan semakin bagus. • Kedalaman warna (bitdepth) : –1 bit : monokrom (2 warna) –4 bit : greyscale atau color (16 warna) –8 bit : greyscale atau color (256 warna) –16 bit : high color (65.536 warna) –24 bit : true color (16.777.216 warna)
Design Grafis || Raster & Vektor || hal 42
Resolusi
• Adalah Kerapatan titik‐titik yang menunjukkan seberapa tajam gambar ini ditampilkan, ditunjukkan dengan jumlah baris dan kolom. • Contohnya 300px/inch (satuan ini sering dipakai agar hasil cetak tidak pecah, lebih besar lebih bagus).
• Adalah lebar dan panjangnya suatu media, • Banyaknya warna atau titik warna dalam satuan ukuran tertentu. Digunakan ntuk menampilkan citra bitmap pada layar (pixel) atau pencetakan printer (titik tinta)
Design Grafis || Raster & Vektor || hal 42
Resolusi
• Adalah Kerapatan titik‐titik yang menunjukkan seberapa tajam gambar ini ditampilkan, ditunjukkan dengan jumlah baris dan kolom. • Contohnya 300px/inch (satuan ini sering dipakai agar hasil cetak tidak pecah, lebih besar lebih bagus).
• Adalah lebar dan panjangnya suatu media, • Banyaknya warna atau titik warna dalam satuan ukuran tertentu. Digunakan ntuk menampilkan citra bitmap pada layar (pixel) atau pencetakan printer (titik tinta)
Design Grafis || Raster & Vektor || hal 43
Perbesaran (Zoom)
Design Grafis || Raster & Vektor || hal 43
Perbesaran (Zoom)
Design Grafis || Raster & Vektor || hal 44
Model Bitmap
• Line Art. –Black+White, penerapan bit (on=black, off=white) • Grayscale. –Grey gabungan Black+ White, 256 color (8‐bit)
• Multitone. –Gabungan 2 warna, misal:duotone
• Fullcolor. –Menggunakan model RGB, CMYK atau LAB
Design Grafis || Raster & Vektor || hal 45
Contoh File Bitmap
• BMP. Supports 1,2,4,8, and 32 bit colour • GIF (Graphic Interchange Format) dibuat oleh Compuserve tahun 1987 untuk menyimpan berbagai file bitmap menjadi file lain yang mudah diubah dan ditransmisikan pada jaringan komputer. GIF merupakan format citra web yang tertua yang mendukung kedalaman warna sampai 8 bit (256 warna), menggunakan 4 langkah interlacing, mendukung transparency, dan mampu menyimpan banyak image dalam 1 file. Kompresi LZW.• PNG. PNG (Portable Network Graphics) digunakan di Internet dan merupakan format terbaru setelah GIF, bahkan menggantikan GIF untuk Internet image karena GIF terkena patent LZW yang dilakukan oleh Unisys. PNG Memakai Deflate
Design Grafis || Raster & Vektor || hal 46
Contoh File Bitmap
• JPG. (Joint Photograpic Experts Group) menggunakan teknik kompresi JPEG sehingga sulit untuk proses pengeditan. Cocok untuk pemandangan (natural generated image), tidak cocok citra mengandung banyak garis, ketajaman warna & computer generated image. • PICT. Dari Apple. Khusus Mac dengan kompresi JPEG • TIFF. (Tagged Image File Format). Supported Mac/DOS‐WINDOWS/Unix. Owner: Aldus. Populer untuk cetak. Tidak support internet • PSD: the native file format of Adobe Photoshop (which can also contain vector data such as clipping paths)
Design Grafis || Raster & Vektor || hal 47
Besarnya File
Size (Kb) = n * m * b
8 * 1024n = horisontal (pixel) m = vertical (pixel) b = number bit of pixel
Design Grafis || Raster & Vektor || hal 48
Besarnya File
Dipengaruhi dimensi gambar = panjang, lebar, dan kedalaman gambar (bit per pixel). •Panjang dan lebar dari sebuah gambar dalam satuan pixel. Misalnya: 640×480, 800×600, 1024×768, dst. •Kedalaman gambar artinya ruang yg disediakan untuk menampung informasi warna dalam 1 pixel (Pixel adalah satuan terkecil dari dimensi gambar). •Kedalaman 24bit berarti dalam 1 pixel disediakan ruang sebanyak 24 bit untuk menampung warna. Berhubung kita bicara ruang warna RGB, artinya 24 bit ini dibagi 3. –R (red) = 8 bit, G (green) = 8 bit, dan B (blue) = 8 bit. –Begitu pula untuk kedalaman warna 16bit, 32bit, atau yg lainnya. 16 bit artinya 1 pixel perlu ruang 16 bit.
Design Grafis || Raster & Vektor || hal 49
Besarnya File
Gambar 100×100pixel, kedalaman 24 bit. 100x100x24 = 240.000 bit = 240.000/8 Byte = 30.000 Byte/1024 = 29,30 Kb
Gambar 1024×768pixel, kedalaman 16bit. 1024x768x16 = 12.582.912 bit = 12.582.912/8 = 1.572.864 bit/1024 = 1536Kb = 1,5 Mb
Design Grafis || Raster & Vektor || hal 50
Besarnya File
Foto Bitmap ukuran 3 x 4 inch diubah ke bentuk digital dengan tingkat resolusi 500dpi (dot per inch), maka : •Butuh 3x4x500x500=3.000.000dot (pixel). •KarenaSetiap pixel terdiri dari 3 bytes dimana masing-masing bytes merepresentasikan R,G dan B. •Maka foto tsb memerlukan storage sebesar 3.000.000x3 byte = 9.000.000 byte/1024 = 8,789Mb.
Design Grafis || Raster & Vektor || hal 51
Inget!!
1 Mb = 1024 Kb = 1.048.576 Byte = 8.388.608 bit
1 KByte = 1.024 Byte = 8.192 bit
1 Byte = 8 bit
Design Grafis || Raster & Vektor || hal 52
Microsoft Photo Editor QFX
Wright Image Pixelmator
Manga studio GIMP
Adobe Photoshop Corel Photo Paint Macromedia Xres Metacreations Painter Metacreations Live Picture Micrografx Picture Publisher
Aplikasi Pengolah Bitmap dan Contoh
Design Grafis || Raster & Vektor || hal 53
•Vector merupakan gambar digital yang berbasiskan persamaan perhitungan matematis. –Ukuran lebih kecil dibanding bitmap
•Gambar Vektor menggabungkan titik dan garis untuk menjadi sebuah objek –Anti pecah biarpun diperbesar atau diperkecil, tidak seperti gambar Bitmap.
•Dapat dirubah ke berbagai ukuran dan juga dapat dicetak pada tingkat resolusi sebesar apapun tanpa kehilangan detil dan ketajaman gambar.
ector
Design Grafis || Raster & Vektor || hal 54
•Tidak dengan menggunakan pixel, tetapi dengan kurva dan garis yang didefinisikan dalam persamaan matematis yang disebut vektor.
•Tampilan bersifat relatif lebih kaku daripada tampilan bitmap, kualitasnya tidak bergantung kepada resolusi gambar.
ector
File Vector
•EPS •PDF •Ai
•CDR •CGM •SWF
•SVG •WMF
Design Grafis || Raster & Vektor || hal 55
Contoh Vector
Design Grafis || Raster & Vektor || hal 56
Aplikasi Vector
Adobe Illustrator Beneba Canvas CorelDraw Macromedia Freehand Metacreations Expression Micrografx Designer
Design Grafis || Raster & Vektor || hal 57
Aplikasi Vector (free)
Inkscape (Mac, Windows, Linux)
Design Grafis || Raster & Vektor || hal 58
Aplikasi Vector (free)
VRR (Linux, Windows)
Xara Xtreme (Mac, Linux)
Zcubes (web-based)
Sk1 (Linux)
Scribus (Mac, Windows, Linux, OS/2)
Design Grafis || Raster & Vektor || hal 58
Aplikasi Vector (free)
VRR (Linux, Windows)
Xara Xtreme (Mac, Linux)
Zcubes (web-based)
Sk1 (Linux)
Scribus (Mac, Windows, Linux, OS/2)
Design Grafis || Raster & Vektor || hal 59
Perbandingan
AD
OB
E P
HO
TO
SH
OP
Adobe Photoshop, atau biasa disebut Photoshop adalah perangkat lunak citra editor buatan Adobe Systems yang dikhususkan untuk pengeditan foto / gambar dan pembuatan efek perangkat lunak inibanyak digunakan oleh fotografer digital danperusahaan iklan sehingga dianggap sebagaipemimpin pasar untuk perangkat lunak pengolahgambar / foto. Bersama Adobe Acrobat dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi ke-8 aplikasi ini disebut dengan CS (Creative Suite), versi ke-9 disebut Adobe Photoshop CS 2 dan seterusnya sampai versi yang terakhir disebut Photoshop CS 6.
Photoshop tersedia untuk Microsoft Windows, Mac OS X,dan Mac OS versi 9 ke atas juga dapat digunakan olehsistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.
Photoshop memiliki kemampuan untuk membaca dan menulis gambar berformat raster seperti .png, .gif, .jpeg, dan lain-lain. Photoshop juga memiliki beberapa format file yang khas seperti .psd, .psb,.pdd. Adobe Photoshop juga memiliki banyak sekali shortcut yang dapat digunakan untuk membantu dan mempercepat user dalam menyelesaikanpekerjaan.
Desain Grafis || Mengenal DKV || Hal 60
AD
OB
E P
HO
TO
SH
OP
Contoh beberapa shortcut shortcut yang terdapat pada Photoshop :
F – Ganti mode screen. Gunakan tombol ini untuk mengganti antara tampilan normal, full screen atau full screen dengan background hitam.
X – Ganti warna. Bertukar warna antara warna background dan foreground.
D – mengembalikan warna foregorunddan background ke efault warna hitamdan putih.
Ctrl – “+” atau Ctrl – “-” – Perbesar atauperkecil ukuran dengan zoom.
Ctrl – 0 – Fit on Screen. Agar foto andaditampilkan pas dengan ukuran layarmonitor anda.
Ctrl – Alt – Z – kalau Ctrl-Z berarti undo, kombinasi Ctrl-Alt-Z berarti kita bisa mundur satu langkah setiap kali memencet kombinasi ini. Jadi kalau anda merasa melakukan kesalahan di beberapa langkahke belakang pencet shortcut ini beberapa kali.
Desain Grafis || Mengenal DKV || Hal 61
CO
RE
L D
RA
W
CorelDraw adalah editor grafik vektor yang dibuat dan dikembangkan oleh Corel, sebuah perusahaan perangkat lunak yang bermarkas di Ottawa, Kanada.CorelDRAW pada awalnya dikembangkan untuk sistem operasi Windows 2000 dan seterusnya. Versi CorelDRAW untuk Linux dan Mac OS pernah dikembangkan, namun dihentikan karena tingkat penjualannya rendah.
Corel draw memiliki kegunaan untuk mengolahgambar, oleh karena itu banyak digunakan padapekerjaan dalam bidang publikasi atau percetakanataupun pekerjaan di bidang lain yang membutuhkanproses visualisasi.
Desain Grafis || Mengenal DKV || Hal 62
CO
RE
L D
RA
W
MEMBUAT STIKER BUNGA
DENGAN CORELDRAW
1. Pertama, buatlah sebuah lingkaran terlebih dahulu dengan Ellipse Tool.
Copy lingkaran tersebut hingga menjadi 4 buah. Atur posisi mereka seperti posisi empat mata angin. Buat keempat lingkaran tersebut berdempetan.
2. Seleksi keempatlingkaran tersebut (atau tekan saja Ctrl + A). Klik kanandi objek yang kita seleksi tersebut, kemudian klik menu Arrange >> Shaping >> Weld (Atau klik saja ikon weld yang ada di Property Bar). Keempat lingkaran akan menjadi satu objek. Kita sebut objek kelopak saja ya objek ini.
3. Kemudian beri warna objek kelopak dengan fountain fill dari toolbox (atau tekan saja F11). Pada type, pilih Radial. Isi nilai Horizontal: 100% dan Vertical -100%. Untuk warnanya beri warna awal/From: Red dan warna berikutnya/To: Chalk. Lalu klik OK.
4. Masih dengan objek kelopak, tekan F12 untuk menampilkan jendela Outline Pen Tool. Pilih warna putih (White) pada pilihan warna/ color. Dan pilih 2,5mm untuk ukuran/ width outlinenya. Lalu klik OK.
5. Buat lagi sebuah lingkaran dengan Ellipse tool. Lingkarannya sedikit lebih kecil dari yang kita buat pada langkah pertama. Tekan F12 untuk menampilkan jendela Outline Pen Tool, pilih warna Neon Purple dan ukuran/width: 2,5mm.
Desain Grafis || Mengenal DKV || Hal 63
CO
RE
L D
RA
W
MEMBUAT STIKER BUNGA
DENGAN CORELDRAW
Beri warna lingkaran tersebut dengan warna ungu dari palet warna RGB (R: 255 G:0 B:255). Jika anda belum memasang palet warna RGB, klik Menu Window >> Color Palettes >> RGB Palettes.
Sekarang buat gradasi warnanya, tekan F11. Akan muncul kotak dialog Fountain Fill Tool. Pada Type, pilih Square. Beri nilai Horizontal: 100% dan Vertical -100%. Untuk warnanya biarkan saja warna awal/From dan warna berikutnya/To: Blue Purple. Lalu klik OK.
6. Buat dua buah lingkaran dengan EllipseTool dan biarkan kedua sisinya bersinggungan, kita akan membuat daunnya.Seleksi kedua lingkaran tersebut, lalu klik menu Arrange >> Shaping >> Intersect. Hapus kedua objek lingkaran jika sudah.
7. Salin objek daun hingga manjadi 6 buah. Dan beri variasi ukuran besar kecilnya seperti gambar di bawah ini.
8. Seleksi keenam objek daun tersebut dan buat width outlinenya menjadi 2 mm dengan Outline Pen tool di toolbox. Kemudian letakkan keenam objek daun diatas objek bunga. Atur kemiringan daun hingga seperti gambar di bawah ini. Beri daun tersebut warna hiau dari palet warna RGB (R: 0 G:255 B:0).
9. Sekarang kita beri gradasi warna pada daun. Dua daun yang di atas berbeda pengaturannya dengan empat daun yang dibawah. Klik pada salah satu daun yang di bawah, lalu tekan F11. Akan keluar jendela Fountain Fill tool.Pada jendela Fountain Fill, pada Type, biarkan tetap linear. Pada kolom warna To, pilih warna Green. Dan ganti nilai Angle menjadi 23. Lalu klik OK. Ulangi langkah ini untuk ketiga daun lainnya yang dibagian bawah.
Desain Grafis || Mengenal DKV || Hal 64
Contoh beberapa bisnis yang bisa dilakukandengan DKV
1. Periklanan Pada dasarnya semua bidang di kehidupan kita pasti membutuhkan yang namanya desain. Termasuk untuk memasrkan produk yang ingin kita jual pasti membutuhkan desain yang menarik untuk iklan kita.
Desain Grafis || Mengenal DKV || Hal 65
2. Komunikasi Desain juga dibutuhkan dalam komunikasi. Misal dengan membuat animasi atau kartun dengan maksud sindiran sosial.
Desain Grafis || Mengenal DKV || Hal 66
3. Media Promosi Tentu sudah menjadi hal wajib desain sangat berperan penting dalam hal promosi. Karena desain yang menarik akan lebih banyak dilihat orang dan menimbulkan rasa ingin tahu dengan datang ke tempat yang kita promosikan. Bisa juga untuk promosi menu baru pada restoran.
Desain Grafis || Mengenal DKV || Hal 67
DAFTAR PUSTAKA
http://id.wikipedia.org/wiki/Adobe_Photoshop
http://belfot.com/20-shortcut-photoshop/
http://id.wikipedia.org/wiki/CorelDRAW
http://citoela.wordpress.com/2013/11/28/cara-membuat-stiker-bunga-dengan-coreldraw/
teori-dkv-1-2-3.pdf
teori-dkv-4-typografy.pdf
teori-dkv-7_logo-logotype.pdf
teori-dkv-8-raster-vektor.pdf
Desain Grafis || Mengenal DKV || Hal 68
MAHESTU
MELI NOVIYANTI
MUHAMMAD AMIN ILYASYAH
PROFIL PENULIS
Desain Grafis || Mengenal DKV || Hal 69