Create By : Isni Nafsul M, M Ghulam H Azis, Kevin Adi W M3112078
M3112082
M3112084
Desain Grafis
All About Graphic Design Desain Grafis
Desain Grafis
Desain Grafis
Desain Grafis
Photoshop
Corel Draw Corel Draw
Photoshop
Multimedia
DKV
nal enge
1. M
-
2. Tipog rafi & Ilustra si
3. Logo & Logotype
- Pengertian Tipog - Sejarah Tipografi rafi
KV ul D s u l Asa KV an D i t r e g Pen V n DK a n a Per
- Pengertian Logo - Sejarah Logo - Macam - macam Logo
-
Daftar Isi
8. Daftar Pustaka
7. B is DK nis D uni V
esain D l o o T 5. raw Corel D
a
- Per
- Me
ikla
- Me
dia
dia
nan
pro
Ko
mo
mu
nik
si
asi
5. Tool Desain Photoshop
- Profil Aplikasi - Pengenalan - Shorcut - Cara membuat Button
i plikas
- Profil A an genal n e P - Shorcut
ap r m t i 4. B Vecto vs
-
p itma B n ia gert n e P r ecto V p & itma B n aa bed r e P r ecto V &
-
1. Mengenal DKV (Desain Komunikasi Visual) – DKV Hasil karya yang didasarkan pada 3 konsep : 1. Konsep Komunikasi. 2. Melalui ungkapan Kreatif. 3. Melalui berbagai media.
.DKV(Desain Komunikasi Visual)
# Mengenal DKV # Peranan DKV # Multimedia # Mengenal DKV.. .Asal Usul DKV ^ 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.
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 konsepkonsep komunikasi serta ungkapan kreatif melalui berbagai media untuk menyampaikan gagasan dan pesan secara visual dengan mengelola elemenelemen grafis berupa: bentuk & gambar, tatanan huruf, komposisi warna serta layout dengan bantuan teknologi. Sehingga gagasan tersebut bisa ditrima penerima. .Apa itu Komunikasi ?? • Kata Communication : mempunyai arti berbagi atau menjadi milik bersama, komunikasi diartikan sebagai proses sharing diantara pihak-pihak yang melakukan aktifitas 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 : Ilmu Sosbud, 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.
• 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 #3 • Perancangan Rambu • Desain Kemasan • Exhibition Desain • Grafik Data
Galeri :
.Peranan DKV #2 • Animasi Komputer • Fotografi • Typographer
.Peranan DKV #4 .Peranan DKV #5 • Design Web • Design Cover • Pembuatan Peta • Graphics Presentation • Card Designer • Special Effect Film • Ilustrator • 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
contoh karya DKV
contoh karya DKV
contoh gambar untuk peranan DKV
2.
Tipografi & Ilustrasi
“Look at me…!” “Read me, now!”
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)
Tipografi Ilmu 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.”
contoh Eye-Grabber
• 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 Tipografi Bahasa 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) dan terbaca (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.
Pentingnya Huruf • Huruf(Type Face) & tulisan memiliki arti amat penting bagi manusia. Bahkan, yang namanya peradaban atau masa sejarah ditandai dengan peristiwa 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) Arial Aspek utama dalam pemilihan huruf text type adalah : - Nilai Keterbacaan (readability) - Kenyamanan baca (legibility)
7 Style Font Berdasar Sejarah 1. Klasik (Classical Typefaces) 2. Transisi (Transitional) 3. Modern Roman 4. Sans Serif 5. Berkait Balok (Egyptian Slab Serif) 6. Tulis (Script) 7. Hiasan (Decorative)
Klasik (Classical Typefaces) 1. Memiliki Kait (serif) lengkung = Old Style Roman 2. Tahun 1617 di inggris, belanda dan italian 3. Mudah dibaca 4. Contoh : Garamound, oleh claude garamound 1 540 di prancis. Transisi (Transitional) 1. Mirip Old Style Roman tapi runcing dan ada tebal tipis 2. Contoh : Baskerville, oleh john barkerville 1750 di inggris dan font Century Modern Roman 1. Tahun 1788 2. Contoh : modern roman(g.bodoni,1767) dan Scoth Roman Sans Serif 1. Tahun 1800 2. Tidak memiliki kaki/kait/serif 3. Contoh : arial, helvetica, futura, dan gillsans
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.
Berkait Balok (Egyptian Slab Serif) 1. Kait berbentuk balok 2. Kesan jantan, elegan dan kaku 3. 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 teks 2. Tidak cocok untuk tulisan panjang Pedoman Praktis • Gunakan Huruf Serif untuk Teks dan Sans Serif untuk Judul :
Iklan Rokok Mengedepankan Ruang Kosong dan Ilustrasi
3.
kemudahan dan mendeď€ nisikan pengenalan
Macam macam logo ada 5 yaitu : 1. Logotype
2.Initials
3. Pictorial Visual
4.Abstract Visual
CIRI LOGO EFEKTIF?
5.Emblem
4. BITMAP VS VECTOR BITMAP VS VECTOR FILE TYPE
BITMAP VS VECTOR BITMAP VS VECTOR RESOLUSI
BITMAP VS VECTOR
VECTOR
BITMAP VS VECTOR
5.
5. PHOTOSHOP PHOTOSHOP ABOUT
PENGEMBANGAN
Adobe Photoshop, atau biasa
Versi kedelapan aplikasi ini
Pada tahun 1987, Thomas Knoll, Thomas mengambil enam bulan
disebut Photoshop, adalah
disebut dengan nama Photoshop
mahasiswa PhD di Universitas istirahat dari studi pada tahun
perangkat lunak editor citra buatan
CS (Creative Suite), versi
Michigan, mulai menulis sebuah 1 9 8 8 u n t u k b e r k o l a b o r a s i
Adobe Systems yang dikhususkan
sembilan disebut Adobe
program pada Macintosh Plus-nya d e n g a n s a u d a r a n y a p a d a
untuk pengeditan foto/gambar dan
Photoshop CS2, versi sepuluh
u n t u k m e n a m p i l k a n g a m b a r program itu, yang telah diubah
pembuatan efek.
disebut Adobe Photoshop CS3 ,
grayscale pada layar monokrom. namanya menjadi ImagePro.
versi kesebelas adalah Adobe
Program ini, yang disebut Display,
Perangkat lunak ini banyak
Photoshop CS4 , versi
menarik perhatian saudaranya John Setelah tahun itu, Thomas
digunakan oleh fotografer digital
keduabelas adalah Adobe
Knoll, seorang karyawan di Industrial mengubah nama programnya
dan perusahaan iklan sehingga
Photoshop CS5 , dan versi yang
L i g h t
dianggap sebagai pemimpin pasar
terakhir (ketigabelas) adalah
merekomendasikan Thomas agar dalam jangka pendek dengan
(market leader) untuk perangkat
Adobe Photoshop Cs6.
mengubah programnya menjadi produsen scanner Barneyscan
lunak pengolah gambar/foto, dan,
&
M a g i c ,
y a n g menjadi Photoshop dan bekerja
program penyunting gambar penuh.
untuk mendistribusikan salinan
bersama Adobe Acrobat, dianggap
Photoshop tersedia untuk
dari program tersebut dengan
sebagai produk terbaik yang
Microsoft Windows, Mac OS X,
slide scanner; "total sekitar 200
pernah diproduksi oleh Adobe
dan Mac OS; versi 9 ke atas juga
salinan Photoshop telah
Systems.
dapat digunakan oleh sistem
dikirimkan" dengan cara ini.
operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.
5. PHOTOSHOP PHOTOSHOP Selama waktu itu, John bepergian ke
Photoshop yang ada saat ini
menyediakan penyuntingan
Silicon Valley di California dan
juga dapat digunakan untuk
gambar non-linear dan layanan
memberikan demonstrasi program itu
memproduksi gambar untuk
special effect seperti
kepada insinyur di Apple Computer
World Wide Web. Beberapa
background, tekstur, dan lain-
Inc. dan Russell Brown, direktur seni
versi terakhir juga menyertakan
lain untuk keperluan televisi,
di Adobe. Kedua demonstrasi itu
aplikasi tambahan, Adobe
film, dan situs web. Sebagai
berhasil, dan Adobe memutuskan
ImageReady, untuk keperluan
contoh, Photoshop CS dapat
untuk membeli lisensi untuk
tersebut.
digunakan untuk membuat
mendistribusikan pada bulan
Photoshop juga memiliki
menu dan tombol (button) DVD.
September 1988.[1] Sementara John
hubungan erat dengan
bekerja pada plug-in di California,
beberapa perangkat lunak
Thomas tetap di Ann Arbor untuk
penyunting media, animasi,
menulis kode program. Photoshop
dan authoring buatan-Adobe
1.0 dirilis pada 1990 khusus untuk
lainnya. File format asli Photoshop, .PSD, dapat
FITUR Meskipun pada awalnya Photoshop dirancang untuk menyunting gambar untuk cetakan berbasis-kertas
diekspor ke dan dari Adobe ImageReady. Adobe Illustrator, Adobe Premiere Pro, After Effects dan Adobe Encore DVD untuk membuat DVD profesional,
FORMAT FILE Photoshop 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
Photoshop dapat menerima
bentuk layer, termasuk teks, mask,
penggunaan beberapa model
opacity, blend mode, channel warna,
warna:
channel alpha, clipping paths, dan setting duotone.
>RGB color model
>.PSB' adalah versi terbaru dari PSD
>Lab color model
yang didesain untuk file yang
>CMYK color model
berukuran lebih dari 2 GB
>Grayscale
>.PDD adalah versi lain dari PSD
>Bitmap
yang hanya dapat mendukung fitur
>Duotone
perangkat lunak PhotshopDeluxe.
5. PHOTOSHOP PHOTOSHOP TOOLS
PHOTOSHOP
PEMBUATAN BUTTON
Tool dalam Adobe Photoshop
Shape Tool
adalah alat yang dapat membantu
Brush Tool
pengguna dalam mengedit. Adobe
Audio Annotation Tool
Photoshop CS3 memilikit 59 tool
Eyedropper Tool
yang dapat dipakai oleh
Measure Tool
pengguna. Tool - tool tersebut
Text Tool
terdiri dari berbagai macam tool
Hand Tool
dengan kegunaan yang spesifik.
3D Object Rotate Tool
Beberapa tool - tool yang ada di
3D Rotate Camera Tool
Step Pembuatan Tombol diatas 1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N , setting konfigurasinya seperti gambar dibawah ini.
Photoshop antara lain : Move Tool History Brush Tool Eraser Tool
2. Aktifkan Rounded Rectangel tool : tekan tombol U,
Path Selection Tool
lalu set radiusnya menjadi 3 px
Direct Selection tool Pen Tool
5. PHOTOSHOP PHOTOSHOP
PHOTOSHOP 6.
3. Buat sebuah persegi panjang seperti gambar di
Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti
gambar di bawah
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!
7. Area kerja anda akan terlihat seperti gambar dibawah.
4. Setting Grids melalui : edit > preferences > Guides, Grids, & 5. Set nilainya seperti gambar di bawah
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
5. PHOTOSHOP
PHOTOSHOP 9.
Setelah dirapikan, hasilnya akan terlihat seperti gambar
PHOTOSHOP 12.
Aktifkan Inner Shadow lalu setting layer style 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.. 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
5. PHOTOSHOP PHOTOSHOP 17. Aktifkan Grid ( Ctrl + ‘ ), Buat 2 garis vertikal berukuran 1 pixel. 15. Double Click pada layer, aktifkan Inner Shadow, lalu setting layer style seperti gambar di bawah
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
16. Aktifkan Drop Shadow, lalu setting layer style eperti gambar di bawah
20. Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan
5. PHOTOSHOP PHOTOSHOP
21. Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti
23. Aktifkan Panel Adjustment
gambar dibawah
24.
Buat Hue/Saturation adjustment Layer pada layer paling atas dan
geser slider Hue untuk mendapatkan warna lain yang anda inginkan
22. Aktifkan Drop Shadow dan set layer style-nya seperti gambar di
25.Dari Hasil langkah 24, anda akan mendapatkan hasil warna seperti gambar ini
7. Bisnis Dunia DKV
Beberapa Dunia Bisnis Yang Berhubungan dengan DKV : Periklanan Media Promosi Komunikasi
Bisnis Dunia DKV
Periklanan Iklan 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 Promosi Tugas 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 Komunikasi Secara 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
a.
Media Komunikasi
Komunikasi langsung Komunikasi langsung yaitu komunikasi yang tidak menggunakan alat (media) disebut juga proses primer yang mempunyai bentuk berupa: bahasa, gerakan-gerakan yang mempunyai arti khusus, dan aba-aba.
b.
Bisnis Dunia DKV
Media Komunikasi 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.
8. Daftar Pustaka 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
Proď€ l Penulis
Nama NIM Kelas No HP
: M Ghulam H Azis : M3312084 : TI B2 : 085725228189
M G H Aziz
Nama : Kevin Adi Wiranata NIM : M3112082 Kelas : TI B2 No HP : 085725499404
Kevin Adi Wiranata
Nama : Isni Nafsul M NIM : M3112078 Kelas : TI B2 No HP : 085728251101
Isni Nafsul Muthmainah