All About Graphic Design Desain G

rafis

Desain Grafis

Desain GrafisDesain Grafis

Corel Draw

Corel Draw

MultimediaPhotoshop

Photoshop

Create By : Isni Nafsul M, M Ghulam H Azis, Kevin Adi W

Desain Grafis

M3112078 M3112084 M3112082

Daftar Isi

2. Tipografi & Ilustrasi- Pengertian Tipografi- Sejarah Tipografi

3. Logo & Logotype

- Pengertian Logo

- Sejarah Logo

- Macam - macam Logo

4. Bitmap

vs Vector

- Pengertian Bitmap

& Vector

- Perbedaan Bitmap

& Vector

5. Tool Desain

Corel Draw

- Profil Aplikasi

- Pengenalan

- Shorcut

7. Bisnis Dunia

DKV- Periklanan- Media promosi

- Media Komunikasi

5. Tool Desain

Photoshop

- Profil Aplikasi

- Shorcut

- Pengenalan

8. Daftar Pustaka

- Cara membuat Button

1. Mengenal DKV

- Asal usul DKV

- Pengertian DKV

- Peranan DKV

Mengenal DKV(Desain Komunikasi Visual)

# Mengenal DKV# Peranan DKV# Multimedia

# Mengenal DKV..

.Asal Usul DKV

– DKV Hasil karya yang didasarkan pada 3 konsep :

1. Konsep Komunikasi.

2. Melalui ungkapan Kreatif.

3. Melalui berbagai media.

^ DKV merupakan salah satu cabang dari Seni Rupa dan Seni Grafis.

^ Seni Rupa Murni vs DKV– Seni Rupa : Ekspresi seni dari seorang perupa (secara subjektif) yang ingin disalurkan kepada penikmat karya melalui kesamaan pandang, dan cita rasa. Dan bersifat abad.

.DKV(Desain Komunikasi Visual)

Desain : Perancangan estetika, citarasa&kreativitas Komunikasi : Tujuan penyampaian atau saran

penyampaian pesan Visual : Sesuatu yang bisa dilihat

. D K V• Disiplin ilmu yang bertujuan mempelajari konsep-konsep komunikasi serta ungkapan kreatif melaluiberbagai media untuk menyampaikan gagasan danpesan secara visual dengan mengelola elemen-elemen grafis berupa: bentuk & gambar, tatanan huruf,komposisi warna serta layout dengan bantuanteknologi. Sehingga gagasan tersebut bisa ditrimapenerima.

.Apa itu Komunikasi ??

• Kata Communication : mempunyai arti berbagi ataumenjadi milik bersama, komunikasi diartikan sebagaiproses sharing diantara pihak-pihak yang melakukanaktifitas komunikasi tersebut.• Menurut lexicographer (ahli kamus bahasa), komunikasi adalah upaya yang bertujuan berbagi untuk mencapai kebersamaan. Jika dua orang berkomunikasi maka pemahaman yang sama terhadap pesan yang saling dipertukarkan adalah tujuan yang diinginkan oleh keduanya.• Contoh :• Visualiser : Menata panggung• Desainer web : Menata Web• Desain UI : Menata Desain User Interface

.Macam Komunikasi :• Verbal/Lisan• Nonverbal ; Tulisan• Tactual ; Rabaan • Olfactoral ; Gustatory ; Penciuman• Taste ; Pengecap• Tubuh• Telepati ; Indra ke-6• Perilaku• Teknologi ; Programming• Visual• Pesan Multiindra

.Pohon Ilmu DKV• Jika diibaratkan sebuah pohon. Akar utama DKV : lmu Seni & Ilmu Komunikasi. Akar pendukung : IlmuSosbud, Ilmu Komputer, Ilmu Ekonomi dan Ilmu Psikologi. Nah cabang-cabang Ilmu DKV adalah :

Ilustrasi Fotografi Tipografi (Huruf) 3 Dimesi Multimedia AVI (Elektronik Media) Computer Graphic Animasi Periklanan Percetakan/Penerbitan Desain Identity, dsb

.Istilah-Istilah

• Seni Grafis/Graphics Art : Termasuk dalam bidang Ilmu Seni Murni. Grafis berarti Menulis/Menggambar.• Grafik : gambar tetapi bisa jadi diagram dalam berbagai model.

1.

• 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&kepiawaian memilih/mengolah hasil bidikan.

.Peranan DKV• Perancang Textile Designer• Desain Grafis/Graphic design• Perancang Identitas Visual• Logo type / Corporate Identity• Perancangan Mascot

.Peranan DKV #2• Animasi Komputer

• Fotografi• Typographer

.Peranan DKV #3• Perancangan Rambu• Desain Kemasan• Exhibition Desain• Grafik Data

.Peranan DKV #4• Design Web

• Pembuatan Peta• Card Designer

• Ilustrator

.Peranan DKV #5• Design Cover

• Graphics Presentation• Special Effect Film

• Social Campaign

.DKV #Multimedia• 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 yg berulang– Sound. Suara– User Control. Kelengkapan/fasilitas untuk mengendalikan program. Misal : Navigasi

Galeri :

contoh karya DKV

contoh karya DKV

contoh gambar untuk peranan DKV

“Look at me…!”“Read me, now!”

Tipografi & Ilustrasi

contoh Eye-Grabber

Hasil Desain Komunikasi Visual dianggap efektif apabila dia berhasil “merampok”perhatian pembaca/target. Mata dipaksa untuk melihat dan kemudian menghipnotis untuk ingin tahu dan membaca teks-nya.

#Rumus AIDA :Teori Klasik Periklanan• Attention (Perhatian)• Interest (Tertarik)• Desire (Menginginkan)• Action (Aksi)

TipografiIlmu Tipografi“Typography can defined a art of selected right type printing in accordance with specific purpose ; of so arranging the letter, distributing the space and controlling the type as to aid maximum the reader's.”

• Tipography merupakan ilmu tentang seni dalam memilih dan menata huruf font dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan CITRA tertentu,sehingga dapat menolong pembaca untuk mendapatkan kenyamanan maksud dan mampu membaca semaksimal mungkin.

Sejarah TipografiBahasa Yunani, tupos(yang diguratkan) & graphoo (tulisan). Awalnya dikenal dengan seni mencetak buku. Ahlinya disebut tipografer .• Dimulai dari Johan Guttenberg(1440) sebagai bapak Desain Grafis.• Tokoh-tokoh Typografi diantaranya :

Francois Didot (1689-1757), 4 bersaudara Giambattista Bodoni (1740-1813) Aldus Manutius (1450-151) William Caslon (1692-1766)

Frederic William Goudy (1865-1947) Eric Gill (1882-1940) John Warnock (2000)

Tipografi = Alat Komunikasi• Lazlo Moholy (1946)– Tipografi merupakan alat komunikasi. Dia harus bisa berkomunikasi dalam bentuknya yang paling kuat(citra), jelas (clarity) danterbaca (legibility).– Rangkaian sebuah huruf dalam kata/kalimat bukan saja bermakna pada objek dan kesan secara visual. Hal ini terjadi karena ada nilai estetika dan fungsional pada huruf . – Sehingga dalam pemilihan font harus memperhatikan makna arti dan visinya. Bahkan siapa yang akan membacanya.

2.

Pentingnya Huruf• Huruf(Type Face) & tulisan memiliki arti amatpenting bagi manusia. Bahkan, yang namanyaperadaban atau masa sejarah ditandai denganperistiwa dikenalnya tulisan oleh manusia. • Di media apapun, pasti melihat huruf &tulisan.• Terlalu kecil, jenis huruf sulit dibaca, spasi terlalu rapat, layout berdesakan (crowded) membuat orang tidak berselera!

Berdasar Fungsi Huruf• Huruf Teks (Text Type)• Huruf Judul (Display text)

Huruf Teks (text type)Pilih mana yg mana?(1) Times New Roman(2) Viner Hand(3) Old English(4) ArialAspek utama dalampemilihan huruf text type adalah :- Nilai Keterbacaan(readability)- Kenyamanan baca(legibility)

7 Style Font Berdasar Sejarah1. Klasik (Classical Typefaces)2. Transisi (Transitional)3. Modern Roman4. Sans Serif5. Berkait Balok (Egyptian Slab Serif)6. Tulis (Script)7. Hiasan (Decorative)

Klasik (Classical Typefaces)1. Memiliki Kait (serif) lengkung = Old Style Roman2. Tahun 1617 di inggris, belanda dan italian3. Mudah dibaca4. Contoh : Garamound, oleh claude garamound 1 540 di prancis.

Transisi (Transitional)1. Mirip Old Style Roman tapi runcing dan ada tebal tipis2. Contoh : Baskerville, oleh john barkerville 1750 di inggris dan font Century

Modern Roman1. Tahun 17882. Contoh : modern roman(g.bodoni,1767) dan Scoth Roman

Sans Serif1. Tahun 18002. Tidak memiliki kaki/kait/serif3. Contoh : arial, helvetica, futura, dan gillsans

Berkait Balok (Egyptian Slab Serif)1. Kait berbentuk balok2. Kesan jantan, elegan dan kaku3. 1895 (inggris)4. Terpesona budaya mesir

Tulis (Script)1. Berasal dari tulisan tangan(hand writing)2. Sulit dibaca untuk teks panjang apalagi all caps

Hiasan (Decorative)1. Bukan kategori teks2. Tidak cocok untuk tulisanpanjang

Pedoman Praktis• Gunakan Huruf Serif untuk Teks dan Sans Serif untuk Judul :

Sans Serif : elegan, lugas, simpel & mudah dibaca

Serif : luwes, flesible dan nyaman dalam teks panjang• Gunakan Huruf Kontras :

Kemiripan akan menjemukan. Misal : times new roman dan Bookman

Solusi : point size, tebal, spasi dan warna• Gunakan Huruf Sedikit/minimal :

Maksimal 3 font, kecuali untuk keperluan khusus• Gunakan Huruf secara Proporsional :

Tebal tipis sesuai yang ditonjolkan (emphasize)

• Contoh sebuah desain kemasan yang menonjolkan penggunaan tipografi sebagai menyampai informasi.

Iklan Rokok

Mengedepankan Ruang Kosong danIlustrasi

kemudahan dan mendenisikan pengenalan

3.

Macam macam logo ada 5 yaitu :

1. Logotype

2.Initials

3. Pictorial Visual 4.Abstract Visual

5.Emblem

CIRI LOGO EFEKTIF?

BITMAP VS VECTOR

FILE TYPE

BITMAP VS VECTOR

4.

RESOLUSI

BITMAP VS VECTOR

BITMAP VS VECTOR

VECTOR

BITMAP VS VECTORBITMAP VS VECTOR

5.

Adobe Photoshop, atau biasa

d i sebu t Pho toshop , ada lah

perangkat lunak editor citra buatan

Adobe Systems yang dikhususkan

untuk pengeditan foto/gambar dan

pembuatan efek.

Perangkat lunak in i banyak

digunakan oleh fotografer digital

dan perusahaan iklan sehingga

dianggap sebagai pemimpin pasar

(market leader) untuk perangkat

lunak pengolah gambar/foto, dan,

bersama Adobe Acrobat, dianggap

sebagai produk terbaik yang

pernah diproduksi oleh Adobe

Systems.

PHOTOSHOP

Versi kedelapan aplikasi ini

disebut dengan nama Photoshop

CS (Creat ive Sui te) , vers i

s e m b i l a n d i s e b u t A d o b e

Photoshop CS2, versi sepuluh

disebut Adobe Photoshop CS3 ,

versi kesebelas adalah Adobe

P h o t o s h o p C S 4 , v e r s i

keduabe las ada lah Adobe

Photoshop CS5 , dan versi yang

terakhir (ketigabelas) adalah

Adobe Photoshop Cs6.

Pho toshop te rsed ia un tuk

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.

ABOUT PENGEMBANGANPada tahun 1987, Thomas Knoll,

mahasiswa PhD di Universitas

Michigan, mulai menulis sebuah

program pada Macintosh Plus-nya

u n t u k m e n a m p i l k a n g a m b a r

grayscale pada layar monokrom.

Program ini, yang disebut Display,

menarik perhatian saudaranya John

Knoll, seorang karyawan di Industrial

L i g h t & M a g i c , y a n g

merekomendasikan Thomas agar

mengubah programnya menjadi

program penyunting gambar penuh.

Thomas mengambil enam bulan

istirahat dari studi pada tahun

1988 un tuk berko laboras i

dengan sauda ranya pada

program itu, yang telah diubah

namanya menjadi ImagePro.

Setelah tahun itu, Thomas

mengubah nama programnya

menjadi Photoshop dan bekerja

dalam jangka pendek dengan

produsen scanner Barneyscan

untuk mendistribusikan salinan

dari program tersebut dengan

slide scanner; "total sekitar 200

s a l i n a n P h o t o s h o p t e l a h

dikirimkan" dengan cara ini.

PHOTOSHOP5.

PHOTOSHOP

Selama waktu itu, John bepergian ke

Silicon Valley di California dan

memberikan demonstrasi program itu

kepada insinyur di Apple Computer

Inc. dan Russell Brown, direktur seni

di Adobe. Kedua demonstrasi itu

berhasil, dan Adobe memutuskan

u n t u k m e m b e l i l i s e n s i u n t u k

mend i s t r i bus i kan pada bu lan

September 1988.[1] Sementara John

bekerja pada plug-in di California,

Thomas tetap di Ann Arbor untuk

menulis kode program. Photoshop

1.0 dirilis pada 1990 khusus untuk

FITURMeskipun pada awalnya Photoshop

dirancang untuk menyunting gambar

untuk cetakan berbasis-kertas

Photoshop yang ada saat ini

juga dapat digunakan untuk

memproduksi gambar untuk

World Wide Web. Beberapa

versi terakhir juga menyertakan

aplikasi tambahan, Adobe

ImageReady, untuk keperluan

tersebut.

Photoshop juga memi l ik i

h u b u n g a n e r a t d e n g a n

beberapa perangkat lunak

penyunting media, animasi,

dan authoring buatan-Adobe

la innya. F i le fo rmat as l i

Pho toshop , .PSD, dapa t

diekspor ke dan dari Adobe

ImageReady. Adobe Illustrator,

Adobe Premiere Pro, After

Effects dan Adobe Encore DVD

u n t u k m e m b u a t D V D

profesional,

menyediakan penyuntingan

gambar non-linear dan layanan

s p e c i a l e f f e c t s e p e r t i

background, tekstur, dan lain-

lain untuk keperluan televisi,

film, dan situs web. Sebagai

contoh, Photoshop CS dapat

digunakan untuk membuat

menu dan tombol (button) DVD.

Photoshop dapat menerima

penggunaan beberapa model

warna:

>RGB color model

>Lab color model

>CMYK color model

>Grayscale

>Bitmap

>Duotone

FORMAT FILEPhotoshop memiliki kemampuan

untuk membaca dan menulis gambar

berformat raster seperti .png, .gif,

.jpeg, dan lain-lain. Photoshop juga

memiliki beberapa format file khas:

> .PSD (Photoshop Document) format

yang menyimpan gambar dalam

bentuk layer, termasuk teks, mask,

opacity, blend mode, channel warna,

channel alpha, clipping paths, dan

setting duotone.

>.PSB' adalah versi terbaru dari PSD

yang d idesain untuk fi le yang

berukuran lebih dari 2 GB

>.PDD adalah versi lain dari PSD

yang hanya dapat mendukung fitur

perangkat lunak PhotshopDeluxe.

PHOTOSHOP5.

PHOTOSHOP PHOTOSHOP

Tool dalam Adobe Photoshop

adalah alat yang dapat membantu

pengguna dalam mengedit. Adobe

Photoshop CS3 memilikit 59 tool

y a n g d a p a t d i p a k a i o l e h

pengguna. Tool - tool tersebut

terdiri dari berbagai macam tool

dengan kegunaan yang spesifik.

Beberapa tool - tool yang ada di

Photoshop antara lain :

Move Tool

History Brush Tool

Eraser Tool

Path Selection Tool

Direct Selection tool

Pen Tool

TOOLSShape Tool

Brush Tool

Audio Annotation Tool

Eyedropper Tool

Measure Tool

Text Tool

Hand Tool

3D Object Rotate Tool

3D Rotate Camera Tool

PEMBUATAN BUTTONStep Pembuatan Tombol diatas

1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N ,

setting

konfigurasinya seperti gambar dibawah ini.

2. Aktifkan Rounded Rectangel tool : tekan tombol U,

lalu set radiusnya menjadi 3 px

PHOTOSHOP5.

PHOTOSHOP PHOTOSHOP

3. Buat sebuah persegi panjang seperti gambar di

Langkah 4 – 9 akan menjelaskan tentang penggunaan Grid dengan tujuan agar

pengerjaan desain lebih rapi dan presisi. Penggunaan Grid akan meminimalisir

kebocoran pixel pada desain anda. PENTING!

4. Setting Grids melalui : edit > preferences > Guides, Grids, &

5. Set nilainya seperti gambar di

bawah

6. Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti

gambar di bawah

7. Area kerja anda akan terlihat seperti gambar dibawah.

8. Zoom In Area Kerja anda dengan menekan Ctrl & + atau mouse

scroll sambil menekan tombol Alt. Kebocoran Pixel dapat kita ketahui

dengan adanya garis abuabu pada tepi shape berwarna hitam. garis

tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai

dengan Grid pada area kerja menggunakan transform

PHOTOSHOP5.

PHOTOSHOP PHOTOSHOP

9. Setelah dirapikan, hasilnya akan terlihat seperti gambar

10. Double Clik Layer, Aktifkan Gradient Overlay lalu setting

layer style seperti gambar dibawah

11. Aktifkan Gradient Stroke

lalu setting layer style seperti

gambar dibawah..

12. Aktifkan Inner Shadow lalu setting layer style seperti gambar

13. Hasil Sementara akan terlihat seperti gambar dibawah

14. Buat Layer baru berupa teks ( dengan menekan tombol T

pada keyboard ) lalu beri tulisan seperti yang anda inginkan

PHOTOSHOP5.

PHOTOSHOP

15. Double Click pada layer, aktifkan Inner Shadow, lalu setting

layer style seperti gambar di bawah

16. Aktifkan Drop Shadow, lalu setting layer style eperti gambar di bawah

17. Aktifkan Grid ( Ctrl + ‘ ), Buat 2 garis vertikal berukuran 1 pixel.

Garis pertama diberi

warna#500000 dan garis kedua diberi warna #EF0000

18. Hasil Sementara akan terlihat seperti

gambar di bawah ini

19. Aktifkan Polygon Tool, set sides=nya menjadi 3

20. Buat segitiga berwarna #500000 dengan ujung

runcing mengarah ke kanan

PHOTOSHOP5.

PHOTOSHOP

21. Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti

gambar dibawah

22. Aktifkan Drop Shadow dan set layer style-nya seperti gambar di

23. Aktifkan Panel Adjustment

24. Buat Hue/Saturation adjustment Layer pada layer paling atas dan

geser slider Hue untuk mendapatkan warna lain yang anda inginkan

25.Dari Hasil langkah 24, anda

akan mendapatkan hasil warna

seperti gambar ini

PHOTOSHOP5.

Bisnis Dunia DKV

Periklanan

Media Promosi

Beberapa Dunia Bisnis Yang Berhubungan dengan DKV :

Komunikasi

7.

PeriklananIklan adalah bagian dari bauran promosi (promotion mix), secara sederhana iklan didefinisikan sebagai suatu pesan yang menawarkan suatu produk yang ditujukan kepada masyarakat melalui media.

Periklanan didefinisikan sebagai keseluruhan proses yang meliputi penyiapan, perencanaan, pelaksanaan dan pengawasan penyampaian iklan. Dengan demikian untuk membedakannya dengan pengumuman biasa, iklan lebih diarahkan untuk membujuk orang supaya membeli, bersama-sama dengan komponen lainnya dalam promotion mix, iklan bagaikan salah satu dari keempat roda. Ketiga produk lainnya adalah produk, harga dan jalur distribusi. Jika salah satu roda kempes, maka ketiga roda lainnyapun akan kehilangan fungsinya sebagai penggerak strategi pemasaran.

Bisnis Dunia DKV

Media PromosiTugas utama promosi adalah menginformasikan kepada calon pembeli tentang ketersediaan dan sifat produk. Dalam hal produk baru, pembelian jelas membutuhkan informasi yang demikian.Tapi seandainya produk yang tidak baru, banyak calon pembeli yang mungkin tidak mengetahui bahwa produk itu ada.

Bisnis Dunia DKV

Media Promosi

Media adalah saluran atau alat yang digunakan dalam penyampaian informasi pada proses komunikasi. Kotler (1997: 219) berpendapat bahwa: Media adalah alat guna memperlancar komunikasi, atau dapat diartikan alat komunikasi non personal. Alat komunikasi non personal yaitu saluran komunikasi yang menyampaikan pesannya tanpa melakukan kontak atau interasi pribadi. Media terdiri atas media cetak, media penyiaran, media elektronik, dan media display.

Bisnis Dunia DKV

Media KomunikasiSecara umum komunikasi merupakan kegiatan manusia yang berhubungan dengan yang lain. Istilah komunikasi berasal dari bahasa Latin “Communcare” yang artinya memberitahukan, berpartisipasi, menjadikan milik bersama, sehingga dengan demikian komunikasi mengandung maksud memberitahukan dan menyebarkan informasi, berita, pesan, ide-ide, nilai-nilai untuk menggugah parisipasi agar hal-hal yang diberitahukan itu menjadi milik bersama.

Bisnis Dunia DKV

Media Komunikasi

Komunikasi dibedakan menjadi 2 macam, yaitu:

a. Komunikasi langsung

b. Komunikasi tidak langsung

Bisnis Dunia DKV

Media Komunikasi

a. Komunikasi langsung

Komunikasi langsung yaitu komunikasi yang tidak menggunakan alat (media) disebut juga proses primer yang mempunyai bentuk berupa: bahasa, gerakan-gerakan yang mempunyaiarti khusus, dan aba-aba.

Bisnis Dunia DKV

Media Komunikasi

b. Komunikasi tidak langsung

Komunikasi tidak langsung yaitu komunikasi yang menggunakan alat atau media, disebut juga proses sekunder. Dalam kegiatan proses sekunder ini orang menggunakan mekanisme untuk melipatgandakan jumlah penerima pesan atau untuk menghadapi hambatan-hambatan seperti hambatan geografis.

Bisnis Dunia DKV

http://elib.unikom.ac.id/download.php?id=165365

teori-dkv-1-2-3.pdf

teori-dkv-4-typografy.pdf

teori-dkv-7-logo-logotype.pdf

teori-dkv-8-raster-vektor.pdf

www.google.com/image

http://id.wikipedia.org/Adobe_Photoshop

http://tomymeilando.blogspot.com/2011/08/menghilangkan-jerawat-dengan.html

http://kelasdesain.com/logotype/

http://id.wikipedia.org/wiki/CorelDRAW

button.pdf

8. Daftar Pustaka

Prol Penulis

Nama : M Ghulam H AzisNIM : M3312084Kelas : TI B2No HP : 085725228189

M G H Aziz

Nama : Isni Nafsul MNIM : M3112078Kelas : TI B2No HP : 085728251101

Isni Nafsul Muthmainah

Nama : Kevin Adi WiranataNIM : M3112082Kelas : TI B2No HP : 085725499404

Kevin Adi Wiranata