Desain Grafis & Animasi

1. DesainGrafis & Animasi D3 HubunganMasyarakat FisipUnila KDH 323/3 SKS Oleh Ahmad RizaFaizalS.Sos; IMDLL.

2. TujuanPerkuliahan • Mengetahuidanmengenalapa yang dimaksuddengandesaingrafisdananimasi. • Memilikipengetahuandasardesaingrafisdananimasi • Mampumenerapkanpengetahuan yang dimilikidalammembantutugas-tugaskehumasan.

3. BagaimanamemulaibelajarDesainGrafis? • Memahamibatasan-batasandesaingrafis • Mulaiberkenalandengan software danaplikasidesaingrafis • Pengalamanadalah guru paling berharga, karenamulailahberkreasi!

4. Apaitudesaingrafis? • Desaingrafisadalahprosesuntukmenciptakantampilansebuahpublikasi, presentasi, ataudisitus web yang menarik, dengancaralogis. • Desaingrafisadalahsuatubentukkomunikasi visual yang menggunakanteksdanataugambaruntukmenyampaikaninformasiataupesan. • Ketikadesainselesaimaka:  menarikperhatian, menambahnilai, danmeningkatkanminataudiens, simpel, terorganisir, memberikanpenekananselektif, danmenciptakankesatuan yang utuh.

5. Powered by Text

6. Powered by Software

7. Poweredby Photo

8. Kategoridesaingrafis • Secaragarisbesar, desaingrafisdibedakanmenjadibeberapakategori: • Printing (Percetakan) yang memuatdesainbuku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, danpublikasi lain yang sejenis. • Web Design: desainuntukhalaman web. • Film termasuk CD, DVD, CD multimedia untukpromosi. • Identifikasi (Logo), EGD (Environmental Graphic Design): merupakandesainprofesional yang mencakupdesaingrafis, desainarsitek, desainindustri, danarsitektaman. • DesainProduk, Pemaketandansejenisnya.

9. Aplikasi Pengolah Tata Letak (Layout) Program iniseringdigunakanuntukkeperluanpembuatanbrosur, pamflet, booklet, poster, dan lain yang sejenis. Program inimampumengaturpenempatanteksdangambar yang diambildari program lain (seperti Adobe Photoshop). Yang termasukdalamkelompokiniadalah: • Adobe FrameMaker • Adobe In Design • Adobe PageMaker • Corel Ventura • Microsoft Publisher • Quark Xpress • Scribus (Open Source)

10. AplikasiPengolahVektor/Garis Program yang termasukdalamkelompokinidapatdigunakanuntukmembuatgambardalambentukvektor/garissehinggaseringdisebutsebagai Illustrator Program. Seluruhobjek yang dihasilkanberupakombinasibeberapagaris, baikberupagarislurusmaupunlengkung. Aplikasi yang termasukdalamkelompokiniadalah: • Adobe Illustrator • Beneba Canvas • CorelDraw • Macromedia Freehand • Metacreations Expression • Micrografx Designer

11. AplikasiPengolah Pixel/Gambar Program yang termasukdalamkelompokinidapatdimanfaatkanuntukmengolahgambar/manipulasi foto (photoretouching). Semuobjek yang diolahdalamprogam-program tersebutdianggapsebagaikombinasibeberapatitik/pixel yang memilikikerapatandanwarnatertentu, misalnya, foto. Gambardalamfototerbentukdaribeberapakumpulan pixel yang memilikikerapatandanwarnatertentu. Meskipunbegitu, program yang termasukdalamkelompokinidapatjugamengolahteksdangaris, akantetapidianggapsebagaikumpulan pixel. Objek yang diimpordari program pengolahvektor/garis, setelahdiolahdengan program pengolah pixel/titiksecaraotomatisakandikonversikanmenjadibentuk pixel/titik. Yang termasuk dalam aplikasi ini adalah: • Adobe Photoshop • Corel Photo Paint • Macromedia Xres • Metacreations Painter • Metacreations Live Picture • Micrografx Picture Publisher • Microsoft Photo Editor • QFX • Wright Image

12. AplikasiPengolah Film/Video Program yang termasukdalamkelompokinidapatdimanfaatkanuntukmengolah film dalam berbagai macam format. Pemberian judul teks (seperti karaoke, teks terjemahan, dll) jugadapatdiolahmenggunakan program ini. Umumnya, pemberianefekkhusus (special effect) seperti suara ledakan, desingan peluru, ombak, dan lain-lain juga dapat dibuat menggunakan aplikasi ini. Yang termasuk dalam kategori ini adalah: • Adobe After Effect • Power Director • Show Biz DVD • Ulead Video Studio • Element Premier • Easy Media Creator • Pinnacle Studio Plus • WinDVDCreater • Nero Ultra Edition

13. AplikasiPengolah Multimedia • Program yang termasukdalamkelompokinibiasanyadigunakanuntukmembuatsebuahkaryadalambentuk Multimedia berisipromosi, profilperusahaan, maupun yang sejenisnyadandikemasdalambentuk CD maupun DVD. Multimedia tersebutdapatberisi film/movie, animasi, teks, gambar, dansuara yang dirancansedemikianrupasehinggapesan yang disampaikanlebihinterktifdanmenarik. Yang termasuk dalam kelompok ini adalah: • Macromedia Authorware • Macromedia Director • Macromedia Flash • Multimedia Builder • Ezedia • Hyper Studio

14. Langkah-langkahdalamProsesDesainGrafis • Menganalisisaudiens. • Menentukantujuanandapesan. • MemutuskandimanadanbagaimanaAndaakanmuncul (apakahiaakanmenjadipublikasicetak, presentasi, atausitus web). • Menetapkantujuan. • Mengaturteksdangambar. • Pilih format yang sesuaidantataletak.

15. Langkah-langkahdalamProsesDesainGrafis • Pilihsesuai typefaces, jenisukuran, jenisgaya, danspasi. • Menambahdanmemanipulasigrafik. • Mengaturteksdangambar. • Proses proofing • Memperbaikidanmenyempurnakan.

16. Prinsipdanunsurdesain Unsurdalamdesaingrafissamasepertiunsurdasardalamdisiplindesainlainnya. Unsur-unsurtersebut (termasukshape, bentuk (form), tekstur, garis, ruang, danwarna) membentukprinsip-prinsipdasardesain visual. Prinsip-prinsiptersebut, sepertikeseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi (”proportion”) dankesatuan (unity), kemudianmembentukaspekstrukturalkomposisi yang lebihluas.

17. Peralatandesaingrafis • Peralatan yang digunakanolehdesainergrafisadalahakal, mata, tangan, alat-alattradisional (sepertipensilatautinta), dankomputer. • Komputerdanaplikasiperangkatlunakumumnyadipandang, olehparaprofesionalkreatif, sebagaialatproduksi yang lebihefektifdibandingkandenganpenggunaanmetodetradisional. Akantetapi, beberapaperancanggrafismelanjutkanpenggunaanalat manual dantradisionaldalamberkarya, sepertimisalnya Milton Glaser.

18. Prinsip – prinsipdasarsenirupa • Kesatuan (Unity); Prinsipinisesungguhnyaadalahprinsiphubungan. Jikasalahsatuataubeberapaunsurrupamempunyaihubungan (warna, raut, arah, dll), makakesatuantelahtercapai. • Tidakadanyakesatuandalamsebuahkaryarupaakanmembuatkaryatersebutterlihatcerai-berai, kacau-balau yang mengakibatkankaryatersebuttidaknyamandipandang.

19. Unity in art

20. Unity in graphic design

21. Gestalt principle

22. Dynamic unity

23. Prinsip – prinsipdasarsenirupa • Keseimbangan (Balance); Keseimbanganadalahkeadaan yang dialamiolehsuatubendajikasemuadaya yang bekerjasalingmeniadakan. • Balance refers to the distribution of visual weight in a work of art. • In painting, it is the visual equilibrium of the elements that causes the total image to appear balanced. • Balance can be either symmetrical or asymmetrical in a work of art.

25. Balance in graphic design

26. Prinsip – prinsipdasarsenirupa • Proporsi (Proportion); Proporsitermasukprinsipdasartatarupauntukmemperolehkeserasian. Untukmemperolehkeserasiandalamsebuahkaryadiperlukanperbandingan –perbandingan yang tepat. Padadasarnyaproporsiadalahperbandinganmatematisdalamsebuahbidang. • ProporsiAgung (The Golden Mean) adalahproporsi yang paling populerdandipakaihinggasaatinidalamkaryasenirupahinggakaryaarsitektur. Proporsiinimenggunakanderetbilangan Fibonacci yang mempunyaiperbandingan 1:1,618, seringjugadipakai 8 : 13. Kononproporsiiniadalahperbandingan yang ditemukandibenda-bendaalamtermasukstrukturukurantubuhmanusiasehinggadianggapproporsi yang diturunkanolehTuhansendiri. Dalambidangdesainproporsiinidapatkitalihatdalamperbandinganukurankertasdan layout halaman.

31. Prinsip – prinsipdasarsenirupa • Irama (Rhythm); Iramaadalahpengulangangerak yang teraturdanterusmenerus. • Dalambentuk –bentukalambisakitaambilcontohpengulangangerakpadaombaklaut, barisansemut, gerakdedaunan, dan lain-lain. Prinsipiramasesungguhnyaadalahhubunganpengulangandaribentuk –bentukunsurrupa. • Variety is essential to keep rhythms exciting and active, and to avoid monotony.

33. Prinsip – prinsipdasarsenirupa • Dominasi (Domination); DominasiberasaldarikataDominance yang berartikeunggulan. Sifatungguldanistimewainiakanmenjadikansuatuunsursebagaipenarikdanpusatperhatian. • Dalamduniadesain, dominasiseringjugadisebutCenter of Interest, Focal Point danEye Catcher. • Dominasimempunyaibeberapatujuanyaituuntukmenarikperhatian, menghilangkankebosanandanuntukmemecahkeberaturan (monotony).

34. Henri Rousseau, The Dream, 1910

35. Domination

37. Tips untukmenerapkanprinsipdesain Untukmenciptakankeseimbangan: • Ulangibentuktertentusecaraberkala, baiksecaravertikalmaupun horizontal. • Pusatelemenpadahalaman. • Menempatkanbeberapa visuals kecildisatudaerahuntukmenyeimbangkansatublokbesargambaratauteks. • Gunakansatuatauduabentukanehdanmembuatbentukbiasa. • Keringanantekspotong-beratdenganterang, berwarna-warni visual. • Meninggalkanbanyakspasibesarsekitarblokteksataufotogelap. • Offset besar, gelapfotoatauilustrasidenganbeberapalembartekskecil, masing-masingdikelilingiolehbanyakspasi.

38. Tips untukmenerapkanprinsipdesain Untukmembuat rhythm: • Ulangisejumlahelemenberbentukmirip, bahkandenganspasiputihdiantaramasing-masing, untukmenciptakansebuahritmebiasa. • Ulangirangkaiansemakinbesarelemen yang lebihbesardenganspasiputihdiantarasetiapritme yang progresif. • Alternatifgelap, huruftebaldanringan, tipisjenis. • Alternatifgelaphalaman (denganbanyakjenisgrafikataugelap) dengancahayahalaman (denganjenislebihsedikitdanberwarnamudagrafis). • Mengulangbentuk yang samadiberbagaibidangsebuah layout. • Ulangielemen yang samapadaposisi yang samapadasetiaphalaman yang dicetakpenerbitanseperti newsletter.

39. Tips untukmenerapkanprinsipdesain Untukmembuatpenekanan: • Gunakanrangkaianmerata spaced, persegidisampingfoto yang digariskanfotodenganbentuk yang tidakbiasa. • Letakkanbagian yang pentingdaritekspadasudutmelengkungatausekaligusmenjagasemuajenis yang lainnyadikolomlurus. • Gunakanhuruftebal, hitamuntukjuduldanjenis subheads ringanteksdanbanyaklainnyauntuksemuateks. • Tempat yang besardisebelahgambarkecilsedikitteks. • Reverse (gunakanjenisputih) yang utamadarisebuahkotakhitamatauberwarna. • Gunakanwarna yang tidakbiasaataujenis font yang paling pentinguntukinformasi. • Letakkandaftar yang inginAndasorotdi sidebar dalamkotakberbayang.

40. Tips untukmenerapkanprinsipdesain Untukmembuatsuatukesatuandesain: • Gunakanhanyasatuataudua typestyles danberbedaukuranatauberatuntukkontrasseluruhpublikasi, presentasi, atausitus web. • Konsistendenganjenis font, ukuran, dangayauntukjudul, subheads, keterangan, headers, footers, dlldiseluruhpublikasi, presentasi, atausitus web. • Menggunakanpaletwarna yang samadiseluruh. • Mengulangwarna, bentuk, atautekstur yang berbedadiseluruhwilayah. • Pilih visuals yang berbagiserupawarna, tema, ataubentuk. • Memperderetkanfotodanteks yang samadengan grid baris.

41. Elemen-elemendesaingrafis Garisadalahtandauntukmenghubungkanduatitik. Berbagaijenisgarismunculdimana-mana. LihatlahdisekitarAndadanAndaakanmelihatbaris yang lurus, lengkung, berbelok-belok, tipis, tebal, dantitik-titik. Garisdapatdigunakanuntuk: • Mengaturinformasi. • Penekanankata. • Menghubungkaninformasi. • Outline foto . • Membuatkotak. • Membuatbaganataugrafik. • Membuatpolaatauritmedenganmembuatbanyakbaris. • Membuatpenekananlangsungkematapembaca. (Membuatgaris diagonal.) • Mensugestiemosi.

42. Garis (Line)

44. Elemen-elemendesaingrafis DenganbentukAndadapat: • Memodifikasifoto. • Menyimbolkanide. • Membuatblokteks yang lebihmenarikdenganmenetapkantekskedalambentuk. • Buat format baru. • Meng-highlight informasi.

45. Bentuk (Shape) Pablo Picasso - "Three Musicians", 1921

49. Elemen-elemendesaingrafis Teksturdapatdigunakanuntuk: • Memberikanpublikasicetak, presentasi, atauhalaman web yang mood ataukepribadian. • Kontrasuntukmembuatbunga. • Bermain-main mata. • Memprovokasiemosi. • Membuat rasa kekayaandanmendalam.