edisi 01
20 Juni 2014
Bitmap
Bisnis Dunia
DKV
Vector
Logo Logotype
DESAIN KOMUNIKA SI VISUAL VS Tipografi Ilustrasi
&
Langkah Praktis Step by step membuat logo menggunakan Coreldraw
bekerja layaknya pegawai] berkarya layaknya seniman[
Langkah Praktis Step by step membuat Pensil menggunakan Photoshop
DAF TAR
ISI 02
Pengenalan Coreldraw
62
&
03
Bisnis Dunia
65
&
18
Daftar Pustaka
68
&
38
Profil Penulis
69
Pengenalan Photoshop
60
Mengenal DKV Tipografi Ilustrasi
Logo Logotype Bitmap Vector
DKV
MENGENAL DUNIA KOMUNIKASI 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
Sekilas Sejarah Istilah Desain Komunikasi Visual di Indonesia ; 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. Desain : perancangan estetika, citra rasa & kreativitas Komunikasi : tujuan penyampaian atau saran penyampaian pesan Visual : sesuatu yang bisa dilihat
Peranan DKV : Desain Grafis Logo Type Fotografi Typographer Design Cover Ilustrator Grafik Data Design Web Card Designer Desain Kemasan
Perancang Rambu Exhibition Desain Pembuatan Peta Special Effect Film
Perancang Textile Designer Perancang Identitas Visual Graphics Presentation Perancangan Maskot Sosial Campaign Animasi Komputer
Secara sederhana berarti : Kemampuan untuk berkomunikasi menggunakan lebih dari satu Cara. Teks Dasar semua tampilan aplikasi layar Image Meliputi : Bitmap & Vektor Movie Rekaman Gambar Hidup Animasi Gambar dalam gerak-gerak yang berulang Sound Suara User Control Kelengkapan/ fasilitas untuk mengendalikan program Desain GraďŹ s || Mengenal DKV || Hal 02
Tipografi adalah Ilmu yang mempelajari tentang Huruf dan penggunaan Huruf dalam aplikasi desain komunikasi visual
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 04
6 Jenis Teknologi Font 1.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 05
On Windows OS
•Postscript ditandai dengan huruf "a" •Truetype ditandai huruf "TT" •Opentype ditandai huruf "o"
Gunakan bitstream navigator
Design Grafis || Typografi ||
hal 06
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
Font Family 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
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 Groot Dibuat 2005 Category : Sans serif Sejak Windows Vista untuk mereplace Times New Roman Design Grafis || Typografi ||
hal 13
Contoh Font Populer 4. FUTURA Created by Paul Renner Dibuat 1927 Category : Sans serif 5. HELVETICA Created by Max Miedinger Dibuat 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 TYPEKIT Dipakai 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
Apakah Logo itu?? •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. Design Grafis || Logo & Logotype ||
hal 18
•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 19
Mengapa Butuh Logo? •Mengenalkan identitas •Menyebarkan Citra •Kemudahan Interaksi •Bagian dari Marketing Tool •Simbol Persatuan
Macam Logo 1.Logotype 2.Initials 3.Pictorial Visual 4.Abstract Visual 5.Combination
Design Grafis || Logo & Logotype ||
hal 20
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 21
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 22
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 23 xx
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 Efektif Logo 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 24
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 25
P
roses Membuat Logo
Design Grafis || Logo & Logotype ||
hal 26
P
roses Membuat Logo
Design Grafis || Logo & Logotype ||
hal 27
12 Aturan Membuat Logo & Logotype 1. Awali Dengan Sketsa 2. Prinsip Keseimbangan 3. Pikirkan Ukuran 4. Cerdas pemakaian warna 5. Sesuai dengan Profil Klien 6. keunikan Typography 7. Desaign Cepat Diingat/Dikenali 8. Jangan Sampai Mirip 9. K.I.S.S (Keep It Simple, Stupid) 10. Meminimalkan Unsur Effect 11. Gunakanlah “Proses Standar� (6 step membuat logo) 12. Jangan Menjiplak!! Gunakan Lawan sebagai inspirasi saj.
Design Grafis || Logo & Logotype ||
hal 28
•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
Design Grafis || Logo & Logotype ||
hal 29
•Logo bentuk Abstrak • Memiliki elemen bentuk abstrak, geometri, spiral, busur, segitiga, bujursangkar, poligon, garis, panah, lengkung dan ekspresi 3D.
• Logo Bentuk Bentuk/Elemen •Bentuk2 yang sudah dikenal untuk menggambarkan sesuatu hati, tanda silang, petir, notasi dsb
Design Grafis || Logo & Logotype ||
hal 30
L
ogo Efektif
L
ogo yang ‘salah’
1. Kurang Sederhana 5. Kebanyakan warna, flower 2. Sulit dikenali/tidak unik 6. Tidak bisa BW 3. Logo Danone kurang jelas 7. Kurang kuat makna presentasi 4. susah dibaca
Design Grafis || Logo & Logotype ||
hal 31
L
ogo Plagiat
Design Grafis || Logo & Logotype ||
hal 32
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 33
Contoh Redesign Logo
Design Grafis || Logo & Logotype ||
hal 34
Contoh Redesign Logo
Design Grafis || Logo & Logotype ||
hal 35
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 36
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 Design Grafis || Logo & Logotype ||
hal 37
Raster (Bitmap) & Vector
T ipe File •Dalam Dunia Design Digital dikenal 2 type: Raster (Bitmap) Vektor
Berbedakah??
Design Grafis || Raster & Vektor ||
hal 38
•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 lokasilokasi tertentu dengan nilai-nilai warna tersendiri yang secara keseluruhan akan membentuk sebuah tampilan.
Design Grafis || Raster & Vektor ||
hal 39
• 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 40
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 41
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
Perbesaran (Zoom)
Design Grafis || Raster & Vektor ||
hal 43
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 44
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 45
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 46
Besarnya File n*m*b Size (Kb) = 8 * 1024 n = horisontal (pixel) m = vertical (pixel) b = number bit of pixel
Design Grafis || Raster & Vektor ||
hal 47
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 48
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 49
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 masingmasing 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 50
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 51
Aplikasi Pengolah Bitmap dan Contoh
Adobe Photoshop Corel Photo Paint Macromedia Xres Metacreations Painter Metacreations Live Picture Micrografx Picture Publisher Microsoft Photo Editor QFX Wright Image Pixelmator Manga studio GIMP
Design Grafis || Raster & Vektor ||
hal 52
ector •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. Design Grafis || Raster & Vektor ||
hal 53
ector •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.
File Vector
•EPS •CDR •SVG •PDF •CGM •WMF •Ai •SWF Design Grafis || Raster & Vektor ||
hal 54
Contoh Vector
Design Grafis || Raster & Vektor ||
hal 55
Aplikasi Vector
Adobe Illustrator Beneba Canvas CorelDraw Macromedia Freehand Metacreations Expression Micrografx Designer
Design Grafis || Raster & Vektor ||
hal 56
Aplikasi Vector (free) Inkscape (Mac, Windows, Linux)
Design Grafis || Raster & Vektor ||
hal 57
Aplikasi Vector (free)
VRR (Linux, Windows) Xara Xtreme (Mac, Linux) Sk1 (Linux) Scribus (Mac, Windows, Linux, OS/2) Zcubes (web-based)
Design Grafis || Raster & Vektor ||
hal 58
Perbandingan
Design Grafis || Raster & Vektor ||
hal 59
ADOBE PHOTOSHOP
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 ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar untuk perangkat lunak pengolah gambar / 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 oleh sistem 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 ďŹ le yang khas seperti .psd, .psb, .pdd. Adobe Photoshop juga memiliki banyak sekali shortcut yang dapat digunakan untuk membantu dan mempercepat user dalam menyelesaikan pekerjaan. Desain GraďŹ s || Mengenal DKV || Hal 60
F – Ganti mode screen. Gunakan tombol ini untuk mengganti antara tampilan normal, full screen atau full screen dengan background hitam.
ADOBE PHOTOSHOP
Contoh beberapa shortcut shortcut yang terdapat pada Photoshop :
X – Ganti warna. Bertukar warna antara warna background dan foreground. D – mengembalikan warna foregorund dan background ke efault warna hitam dan putih. Ctrl – “+” atau Ctrl – “-” – Perbesar atau perkecil ukuran dengan zoom. Ctrl – 0 – Fit on Screen. Agar foto anda ditampilkan pas dengan ukuran layar monitor 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 langkah ke belakang pencet shortcut ini beberapa kali.
Desain Grafis || Mengenal DKV || Hal 61
COREL DRAW
CorelDraw adalah editor graďŹ k 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 mengolah gambar, oleh karena itu banyak digunakan pada pekerjaan dalam bidang publikasi atau percetakan ataupun pekerjaan di bidang lain yang membutuhkan proses visualisasi.
Desain GraďŹ s || Mengenal DKV || Hal 62
1. Pertama, buatlah sebuah lingkaran terlebih dahulu dengan Ellipse Tool.
COREL DRAW
MEMBUAT STIKER BUNGA DENGAN CORELDRAW
Copy lingkaran tersebut hingga menjadi 4 buah. Atur posisi mereka seperti posisi empat mata angin. Buat keempat lingkaran tersebut berdempetan. 2. Seleksi keempat lingkaran tersebut (atau tekan saja Ctrl + A). Klik kanan di 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.
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.
3. Kemudian beri warna objek kelopak dengan fountain ďŹ ll 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. Desain GraďŹ s || Mengenal DKV || Hal 63
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 Ellipse Tool 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.
COREL DRAW
MEMBUAT STIKER BUNGA DENGAN CORELDRAW
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 GraďŹ s || Mengenal DKV || Hal 64
Contoh beberapa bisnis yang bisa dilakukan dengan 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 GraďŹ s || Mengenal DKV || Hal 65
2. Komunikasi Desain juga dibutuhkan dalam komunikasi. Misal dengan membuat animasi atau kartun dengan maksud sindiran sosial.
Desain GraďŹ s || 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 GraďŹ s || 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 GraďŹ s || Mengenal DKV || Hal 68
PROFIL PENULIS MAHESTU M3112085 mahestu11@gmail.com 085799599584
MELI NOVIYANTI M3112089 melinovianti@gmail.com 085641236673
MUHAMMAD AMIN ILYASYAH M3112094 ilyaschow@gmail.com 085642110705 Desain GraďŹ s || Mengenal DKV || Hal 69