graphics design & dkv

106

Upload: desain-grafis-d3ti-uns

Post on 31-Mar-2016

301 views

Category:

Documents


16 download

DESCRIPTION

Kuliah Desain Grafis D3TI-UNS@2014 with Yudha Yudhanto SKOM

TRANSCRIPT

Page 1: Graphics Design & DKV
Page 2: Graphics Design & DKV
Page 3: Graphics Design & DKV

3

Page 4: Graphics Design & DKV
Page 5: Graphics Design & DKV
Page 6: Graphics Design & DKV
Page 7: Graphics Design & DKV
Page 8: Graphics Design & DKV

Jika diibaratkan sebuah pohon. Akar utama DKV adalah

Akar pendukung : Ilmu Sosbud, , Ilmu

Ekonomi dan Ilmu Psikologi. Nah cabang-cabang Ilmu DKV adalah :

Page 9: Graphics Design & DKV

•Seni Grafis/Graphics Art : Termasuk dalam bidang Ilmu Seni Murni. Grafis

berarti Menulis/Menggambar

•Grafik : gambar tetapi bisa jadi diagram dalam berbagai model

•Visualiser : orang yang bekerja menangani masalah visual yang

diterjemahkan dalam bentuk proyek desain.

•Visual effect : efect tipuan yang menjadikan keadaan atau situasi luarbiasa

•Ilustrasi : menampilkan informasi dengan ketrampilan gambar tangan dan

penuangan daya imajinasi.

•Fotografi : menampilkan informasi dengan ketrampilan menangkap cahaya

melalui kamera dan kepiawaian memilih / mengolah hasil bidikan.

Page 10: Graphics Design & DKV
Page 11: Graphics Design & DKV

Huruf terdiri dari bagian-bagian yang secara memiliki . Masing-

masing memiliki spesifik dalam ilmu Typografi. Anatomi Font (huruf)

pada Tipografi dipakai sebagai klasifikasi sebuah font dan juga

untuk font baru. Ada 2 aspek dasar anatomi Huruf berkaitan

dengan manfaat font :

–Bentuk . Bagaimana Huruf itu dibentuk, cara mengukurnya

secara horisontal/vertikal

–Bentuk, kontruksi, dan secara visual

4

Page 12: Graphics Design & DKV

1 : tinggi huruf dari huruf lowercase

2. line : garis batas atas huruf. Misal : b,d,f,h,k,l dan t

3. : garis batas bawah huruf kapital

4. : garis batas atas font atau tinggi huruf dari huruf kapital

5. line : garis batas bawah huruf. Misal : g,j,p,q dan y

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

Page 13: Graphics Design & DKV

4.Sans Serif

Huruf tanpa kait (serif) dikenal juga “Grostesques”. Contoh : Helvetica,

Univers, Futura, optima, Avant Grade, Franklin Gothic.

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

Font family

Oleh Moritz Brandis (1488) Jerman. Adalah variasi dari sebuah font, tanpa

menghilangkan ciri Asli dari font :

1. (Weight). Ex : Ultra Light,m Light, Normal, Medium

(Demi/Semibold), Bold, Extrabold dan Ultrabold

2. Huruf. Meliputi Condensed (disempitkan) dan Expanded

(dilebarkan). Misal : Compressed, Ultra/Extra condensed, Condensed,

Normal, Expanded, Extra Expanded dan Ultra Expanded.

3. . Meliputi Italic (miring ke kanan), Slanted (miring ke

kiri). Misal : Oblique, Cursive dan Slanted.

4. Permukaan. Meliputi Huruf Outline, Huruf 3D

5. . Satu macam dengan model berbeda. ex : ITC Officiana

6.Font . Typer face untuk beberapa jenis

Page 14: Graphics Design & DKV

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

Dibuat 1931 (The Times)

Category : serif

Sejak Windows 3.1 (1992)

Created by Robin

Dibuat 1982

Category : Sans serif

Sejak Windows 3.1 (1992)

Page 15: Graphics Design & DKV

https://typekit.com/

http://www.google.com/fonts/

http://www.fontsquirrel.com/

http://www.edgefonts.com/

http://www.fonts500.com/

http://www.fontreactor.com/

http://www.fontation.com/

http://www.fontica.com/

http://www.abstractfonts.com/

http://www.fontfox.com/

http://www.fontspace.com/

http://www.showfont.net/

http://www.dailyfreefonts.com/

http://www.searchfreefonts.com/

http://www.fonts101.com/

http://www.fontcubes.com/

http://www.fontstock.net/

http://www.simplythebest.net/fonts/

http://www.urbanfonts.com/

Page 16: Graphics Design & DKV

Fontstruct (http://fontstruct.fontshop.com/)

Type light 2.2 (http://cr8.netfirms.com/typelight.html)

Page 17: Graphics Design & DKV

Ilustrasi adalah hasil visualisasi dari suatu tulisan dengan teknik

drawing, lukisan, fotografi, atau teknik seni rupa lainnya yang lebih

menekankan hubungan subjek dengan tulisan yang dimaksud daripada

bentuk. Tujuan ilustrasi adalah untuk menerangkan atau menghiasi suatu

cerita, tulisan, puisi, atau informasi tertulis lainnya. Diharapkan dengan

bantuan visual, tulisan tersebut lebih mudah dicerna.

Fungsi khusus ilustrasi antara lain:

Memberikan bayangan setiap karakter di dalam cerita

Memberikan bayangan bentuk alat-alat yang digunakan di dalam tulisan

ilmiah

Memberikan bayangan langkah kerja

Mengkomunikasikan cerita.

Menghubungkan tulisan dengan kreativitas dan individualitas manusia.

Memberikan humor-humor tertentu untuk mengurangi rasa bosan.

Dapat menerangkan konsep yang disampaikan

Page 18: Graphics Design & DKV
Page 19: Graphics Design & DKV

5

Page 20: Graphics Design & DKV
Page 21: Graphics Design & DKV
Page 22: Graphics Design & DKV
Page 23: Graphics Design & DKV
Page 24: Graphics Design & DKV
Page 25: Graphics Design & DKV
Page 26: Graphics Design & DKV
Page 27: Graphics Design & DKV
Page 28: Graphics Design & DKV
Page 29: Graphics Design & DKV
Page 30: Graphics Design & DKV
Page 31: Graphics Design & DKV

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 & Penyempurnaan

Page 32: Graphics Design & DKV

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

Page 33: Graphics Design & DKV
Page 34: Graphics Design & DKV
Page 35: Graphics Design & DKV
Page 36: Graphics Design & DKV
Page 37: Graphics Design & DKV
Page 38: Graphics Design & DKV
Page 39: Graphics Design & DKV
Page 40: Graphics Design & DKV
Page 41: Graphics Design & DKV
Page 42: Graphics Design & DKV
Page 43: Graphics Design & DKV
Page 44: Graphics Design & DKV

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/ 17.http://99designs.com/logo-design/store

Page 45: Graphics Design & DKV

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

Page 46: Graphics Design & DKV

Grafis berbasis adalah gambar yang

tersusun atas pola garis dan bentuk

geometris (kurva). Biasanya gambar

berbasis vektor bersifat resolution

independent. Secara garis besar dapat

diartikan kualitas gambar tetap baik tanpa

bergantung dengan resolusinya. File

gambar berbasis vektor antara lain

berekstensi EPS (Encapsulated Post Script)

dan CGM (Computer Graphic Metafile).

Kelebihan tipe gambar grafik vektor :

Grafik dengan tipe vektor merupakan gambar yang dibentuk okeh objek

berupa garis dan kurva.

Kualitas hasil gambar dari tipe vektor tidak bergantung pada resolusi

gambar.

Untuk menyimpan file tipe vektor hanya memerlukan rang pentimpanan

yang relatif kecil.

Format penyimpanan file pada umumnya, seperti*.eps, dan *.wmf.

Pilihan gambar grafik yang paling tepat untuk mengolah/membuat

gambar logo atau gambar setting percetakan.

6

Page 47: Graphics Design & DKV

Grafis berbasis bitmap adalah gambar yang

tersusun atas pola titik (dot) yang disebut

Picture Elements (Pixel). Biasanya gambar

berbasis bitmap bersifat resolution

depedent. Secara garis besar dapat diartikan

kualitas gambar berbasis bitmap antara

lainberekstensi JPG, JPEG, BMP, GIF, TIF,

TIFF, PCX, dan PNG.

Kelebihan tipe gambar grafik bitmap :

Tipe gambar grafik bitmap lebih dikenal

dengan istilah Raster, yaitu tipe grafik

bitmap yang menggunakan titik

berwarna yang dikenal dengan Pixek

(Picture Element)

Tipe gambar grafis bitmap sangat baik

untuk gambar /pencitraan dengan banyak warna, karena tipe grafik

bitmap mempunyai kemampuan untuk mengalokasikan pixel-pixel.

Tipe grafik bitmap sangat baik untuk tipe grafik yang terdiri atas banyak

warna dan memerlukan ketajaman resolusi gambar.

Kapasitas file lebih besar dari pada kapasitas file grafik vektkor.

Tipe ini sangat bergantung kepada resolusi warna foto atau gambar.

Format penyimpanan file umumnya, seperti *.jpg, *. jpeg, *.bmp, *.tif,

*.tiff, dan *.png.

Pilihan yang tepat untuk mengolah gambar dalam bentuk foto yang

memerlukan ketajaman warna.

Page 48: Graphics Design & DKV

8

Page 49: Graphics Design & DKV

Awalnya 1985, Dr. Michael Cowpland

mendirikan Corel untuk menjual sistem

desktop-publishing berbasis Intel

Page 50: Graphics Design & DKV
Page 51: Graphics Design & DKV
Page 52: Graphics Design & DKV
Page 53: Graphics Design & DKV
Page 54: Graphics Design & DKV
Page 55: Graphics Design & DKV
Page 56: Graphics Design & DKV
Page 57: Graphics Design & DKV

13

Page 58: Graphics Design & DKV
Page 59: Graphics Design & DKV
Page 60: Graphics Design & DKV
Page 61: Graphics Design & DKV
Page 62: Graphics Design & DKV
Page 63: Graphics Design & DKV
Page 64: Graphics Design & DKV
Page 65: Graphics Design & DKV
Page 66: Graphics Design & DKV
Page 67: Graphics Design & DKV
Page 68: Graphics Design & DKV
Page 69: Graphics Design & DKV
Page 70: Graphics Design & DKV
Page 71: Graphics Design & DKV
Page 72: Graphics Design & DKV
Page 73: Graphics Design & DKV
Page 74: Graphics Design & DKV
Page 75: Graphics Design & DKV
Page 76: Graphics Design & DKV
Page 77: Graphics Design & DKV
Page 78: Graphics Design & DKV
Page 79: Graphics Design & DKV
Page 80: Graphics Design & DKV
Page 81: Graphics Design & DKV
Page 82: Graphics Design & DKV
Page 83: Graphics Design & DKV
Page 84: Graphics Design & DKV
Page 85: Graphics Design & DKV
Page 86: Graphics Design & DKV
Page 87: Graphics Design & DKV
Page 88: Graphics Design & DKV
Page 89: Graphics Design & DKV
Page 90: Graphics Design & DKV
Page 91: Graphics Design & DKV
Page 92: Graphics Design & DKV
Page 93: Graphics Design & DKV
Page 94: Graphics Design & DKV
Page 95: Graphics Design & DKV
Page 96: Graphics Design & DKV
Page 97: Graphics Design & DKV
Page 98: Graphics Design & DKV
Page 99: Graphics Design & DKV
Page 100: Graphics Design & DKV
Page 101: Graphics Design & DKV
Page 102: Graphics Design & DKV
Page 103: Graphics Design & DKV

18

Page 104: Graphics Design & DKV
Page 106: Graphics Design & DKV

20