Desain Komunikasi Visual #Bisnis Dunia DKV

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


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.


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


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


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


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


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


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


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


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


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/


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 || 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??


•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.


•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


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


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.


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.


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


P roses Membuat Logo


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.


•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.


• Logo Bentuk Bentuk/Elemen

•Bentuk2 yang sudah dikenal untuk menggambarkan sesuatu hati, tanda silang, petir, notasi dsb


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


L ogo Plagiat


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


Contoh Redesign Logo


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


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??


•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.


• 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).


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)


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)


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)


Perbesaran (Zoom)


Perbesaran (Zoom)


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


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


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)


Besarnya File

Size (Kb) = n * m * b

8 * 1024n = horisontal (pixel) m = vertical (pixel) b = number bit of pixel


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.


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


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.


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


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


•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


•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


Contoh Vector


Aplikasi Vector

Adobe Illustrator Beneba Canvas CorelDraw Macromedia Freehand Metacreations Expression Micrografx Designer


Aplikasi Vector (free)

Inkscape (Mac, Windows, Linux)



VRR (Linux, Windows)

Xara Xtreme (Mac, Linux)

Zcubes (web-based)

Sk1 (Linux)

Scribus (Mac, Windows, Linux, OS/2)



VRR (Linux, Windows)

Xara Xtreme (Mac, Linux)

Zcubes (web-based)

Sk1 (Linux)

Scribus (Mac, Windows, Linux, OS/2)


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.


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.


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.


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.


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.


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.


2. Komunikasi Desain juga dibutuhkan dalam komunikasi. Misal dengan membuat animasi atau kartun dengan maksud sindiran sosial.


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.


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


MAHESTU

[email protected]

MELI NOVIYANTI

[email protected]

MUHAMMAD AMIN ILYASYAH

[email protected]

PROFIL PENULIS


Desain Komunikasi Visual #Bisnis Dunia DKV

Documents

Transcript of Desain Komunikasi Visual #Bisnis Dunia DKV