All About Graphic Desain
-
Upload
desain-grafis-d3ti-uns -
Category
Documents
-
view
225 -
download
8
description
Transcript of All About Graphic Desain
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